@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #212121;
  background-color: #616161;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #ff4e00;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ff4e00;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 8px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.5;
  background-color: #616161;
  border: 1px solid #ddd;
  border-radius: 4px;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  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;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #212121;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 21px;
  margin-bottom: 10.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 32px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 21px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10.5px;
}
.lead {
  margin-bottom: 21px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #6e6e6e;
}
.text-primary {
  color: #ff4e00;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #cc3e00;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #ff4e00;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #cc3e00;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 21px;
}
dt,
dd {
  line-height: 1.5;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10.5px 21px;
  margin: 0 0 21px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 21px;
  font-style: normal;
  line-height: 1.5;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 21px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group.focus .form-control,
.form-control:focus {
  border-color: #00BFD7;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control:-moz-placeholder {
  color: #999;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control.placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f6f6f6;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 40px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 50px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 21px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 35px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 8px;
}
select.input-lg {
  height: 50px;
  line-height: 50px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
select.input-lg {
  height: 50px;
  line-height: 50px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 8px;
}
.form-group-lg select.form-control {
  height: 50px;
  line-height: 50px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 50px;
  min-height: 39px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 50px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #212121;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #3c763d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #212121;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #8a6d3b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #212121;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #a94442;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  border-color: #a94442;
  background-color: #f2dede;
}
.has-feedback label ~ .form-control-feedback {
  top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #616161;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 28px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.input-impostor {
  font-size: 14px;
}
.input-impostor .ss-navigateright {
  float: right;
  color: #777777;
}
.password-mismatch-warning {
  text-align: center;
  padding: 5px;
  color: #d9534f;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #fefefe;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #fefefe;
  background-color: #00BFD7;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #fefefe;
  background-color: #0092a4;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #fefefe;
  background-color: #0092a4;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fefefe;
  background-color: #0092a4;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #fefefe;
  background-color: #007280;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #00BFD7;
  border-color: #ccc;
}
.btn-default .badge {
  color: #00BFD7;
  background-color: #fefefe;
}
.btn-primary {
  color: #fff;
  background-color: #ff4e00;
  border-color: #e64600;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #cc3e00;
  border-color: #661f00;
}
.btn-primary:hover {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #a83300;
  border-color: #661f00;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ff4e00;
  border-color: #e64600;
}
.btn-primary .badge {
  color: #ff4e00;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #52ba57;
  border-color: #45ad4a;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #3e9b42;
  border-color: #215223;
}
.btn-success:hover {
  color: #fff;
  background-color: #3e9b42;
  border-color: #348237;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #3e9b42;
  border-color: #348237;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #348237;
  border-color: #215223;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #52ba57;
  border-color: #45ad4a;
}
.btn-success .badge {
  color: #52ba57;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #ff4e00;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #ff4e00;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #FFF;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 8px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  height: 50px;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.235;
  border-radius: 8px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 50px;
  line-height: 50px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 50px;
  line-height: 50px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 50px;
  line-height: 50px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  line-height: 1.5;
  border-radius: 2px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.462;
  border-radius: 8px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 2px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 8px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
  z-index: 5;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #ff4e00;
}
.nav .nav-divider {
  height: 1px;
  margin: 9.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #616161;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #616161;
  }
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ededed;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #ff4e00;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #616161;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.badge,
.badge-update {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty,
.badge-update:empty {
  display: none;
}
.btn .badge,
.btn .badge-update {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-xs .badge-update,
.btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge-update {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge-update:hover,
a.badge:focus,
a.badge-update:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.list-group-item.active > .badge-update,
.nav-pills > .active > a > .badge,
.nav-pills > .active > a > .badge-update {
  color: #ff4e00;
  background-color: #fff;
}
.list-group-item > .badge,
.list-group-item > .badge-update {
  float: right;
}
.list-group-item > .badge + .badge,
.list-group-item > .badge + .badge-update,
.list-group-item > .badge-update + .badge,
.list-group-item > .badge-update + .badge-update {
  margin-right: 5px;
}
.nav-pills > li > a > .badge,
.nav-pills > li > a > .badge-update {
  margin-left: 3px;
}
.alert {
  padding: 15px;
  margin-bottom: 21px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #52ba57;
  border-color: #d6e9c6;
  color: #fefefe;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #e5e5e5;
}
.alert-info {
  background-color: #5bc0de;
  border-color: #bce8f1;
  color: #fefefe;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #e5e5e5;
}
.alert-warning {
  background-color: #f0ad4e;
  border-color: #faebcc;
  color: #fefefe;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #e5e5e5;
}
.alert-danger {
  background-color: #d9534f;
  border-color: #ebccd1;
  color: #fefefe;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #e5e5e5;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ffdccc;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-success {
  color: #3c763d;
  background-color: rgba(223, 240, 216, 0.2);
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: rgba(223, 240, 216, 0.3);
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-info {
  color: #31708f;
  background-color: rgba(217, 237, 247, 0.2);
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: rgba(217, 237, 247, 0.3);
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: rgba(252, 248, 227, 0.2);
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: rgba(252, 248, 227, 0.3);
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-danger {
  color: #a94442;
  background-color: rgba(242, 222, 222, 0.2);
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: rgba(242, 222, 222, 0.3);
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 21px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 21px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
  border-color: rgba(221, 221, 221, 0.2);
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f8f8f9;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f8f8f9;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: rgba(248, 248, 249, 0.2);
  border-color: rgba(221, 221, 221, 0.2);
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #ff4e00;
  border-color: rgba(255, 78, 0, 0.2);
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff4e00;
}
.panel-primary > .panel-heading .badge {
  color: #ff4e00;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff4e00;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: rgba(255, 78, 0, 0.2);
  border-color: rgba(255, 78, 0, 0.2);
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ff4e00;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff4e00;
}
.panel-success {
  border-color: #d6e9c6;
  border-color: rgba(214, 233, 198, 0.2);
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: rgba(223, 240, 216, 0.2);
  border-color: rgba(214, 233, 198, 0.2);
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
  border-color: rgba(188, 232, 241, 0.2);
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: rgba(217, 237, 247, 0.2);
  border-color: rgba(188, 232, 241, 0.2);
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
  border-color: rgba(250, 235, 204, 0.2);
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: rgba(252, 248, 227, 0.2);
  border-color: rgba(250, 235, 204, 0.2);
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
  border-color: rgba(235, 204, 209, 0.2);
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: rgba(242, 222, 222, 0.2);
  border-color: rgba(235, 204, 209, 0.2);
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.panel-body:before,
.panel-body:after,
#login-form-view .login-form .login-method:before,
#login-form-view .login-form .login-method:after,
#edit-conversation-form .form-group.topic:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:before,
#profile-setup .form-group.topic:after,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:before,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:after,
.form-notifications-details .form-group:before,
.form-notifications-details .form-group:after,
#edit-profile-form .form-personal-details .form-group:before,
#edit-profile-form .form-personal-details .form-group:after,
#edit-profile-form .form-security-details .form-group:before,
#edit-profile-form .form-security-details .form-group:after,
#edit-profile-form .form-notifications-details .form-group:before,
#edit-profile-form .form-notifications-details .form-group:after,
#edit-profile-form .profile-save-controls:before,
#edit-profile-form .profile-save-controls:after,
.profile-view .profile-information .profile-item .user-details:before,
.profile-view .profile-information .profile-item .user-details:after,
.form-manage-devices .subsection:before,
.form-manage-devices .subsection:after,
.form-manage-devices .form-group:before,
.form-manage-devices .form-group:after,
.form-manage-devices .form-group > div:before,
.form-manage-devices .form-group > div:after,
.form-manage-devices .device-row:before,
.form-manage-devices .device-row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.nav:after,
.panel-body:after,
#login-form-view .login-form .login-method:after,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:after,
.form-notifications-details .form-group:after,
#edit-profile-form .form-personal-details .form-group:after,
#edit-profile-form .form-security-details .form-group:after,
#edit-profile-form .form-notifications-details .form-group:after,
#edit-profile-form .profile-save-controls:after,
.profile-view .profile-information .profile-item .user-details:after,
.form-manage-devices .subsection:after,
.form-manage-devices .form-group:after,
.form-manage-devices .form-group > div:after,
.form-manage-devices .device-row:after {
  clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.panel-body:before,
.panel-body:after,
#login-form-view .login-form .login-method:before,
#login-form-view .login-form .login-method:after,
#edit-conversation-form .form-group.topic:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:before,
#profile-setup .form-group.topic:after,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:before,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:after,
.form-notifications-details .form-group:before,
.form-notifications-details .form-group:after,
#edit-profile-form .form-personal-details .form-group:before,
#edit-profile-form .form-personal-details .form-group:after,
#edit-profile-form .form-security-details .form-group:before,
#edit-profile-form .form-security-details .form-group:after,
#edit-profile-form .form-notifications-details .form-group:before,
#edit-profile-form .form-notifications-details .form-group:after,
#edit-profile-form .profile-save-controls:before,
#edit-profile-form .profile-save-controls:after,
.profile-view .profile-information .profile-item .user-details:before,
.profile-view .profile-information .profile-item .user-details:after,
.form-manage-devices .subsection:before,
.form-manage-devices .subsection:after,
.form-manage-devices .form-group:before,
.form-manage-devices .form-group:after,
.form-manage-devices .form-group > div:before,
.form-manage-devices .form-group > div:after,
.form-manage-devices .device-row:before,
.form-manage-devices .device-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.nav:after,
.panel-body:after,
#login-form-view .login-form .login-method:after,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group:after,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group:after,
.form-notifications-details .form-group:after,
#edit-profile-form .form-personal-details .form-group:after,
#edit-profile-form .form-security-details .form-group:after,
#edit-profile-form .form-notifications-details .form-group:after,
#edit-profile-form .profile-save-controls:after,
.profile-view .profile-information .profile-item .user-details:after,
.form-manage-devices .subsection:after,
.form-manage-devices .form-group:after,
.form-manage-devices .form-group > div:after,
.form-manage-devices .device-row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.last-seen .ss-symbolicons-line[class^="ss-"] {
  font-size: 1em;
  color: #555555;
}
@-webkit-keyframes fadeOutText {
  0% {
    color: transparent;
  }
  80% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@-moz-keyframes fadeOutText {
  0% {
    color: transparent;
  }
  80% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@keyframes fadeOutText {
  0% {
    color: transparent;
  }
  80% {
    color: transparent;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes moveToRight {
  80% {
    -webkit-transform: translateX(250%);
  }
  81% {
    opacity: 1;
    -webkit-transform: translateX(250%);
  }
  82% {
    opacity: 0;
    -webkit-transform: translateX(250%);
  }
  83% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
  }
  84% {
    opacity: 1;
    -webkit-transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes moveToRight {
  80% {
    -moz-transform: translateX(250%);
  }
  81% {
    opacity: 1;
    -moz-transform: translateX(250%);
  }
  82% {
    opacity: 0;
    -moz-transform: translateX(250%);
  }
  83% {
    opacity: 0;
    -moz-transform: translateX(-50%);
  }
  84% {
    opacity: 1;
    -moz-transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@keyframes moveToRight {
  80% {
    transform: translateX(250%);
  }
  81% {
    opacity: 1;
    transform: translateX(250%);
  }
  82% {
    opacity: 0;
    transform: translateX(250%);
  }
  83% {
    opacity: 0;
    transform: translateX(-50%);
  }
  84% {
    opacity: 1;
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes scaleUp {
  80% {
    opacity: 0;
    -webkit-transform: scale(2);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
  }
}
@-moz-keyframes scaleUp {
  80% {
    opacity: 0;
    -moz-transform: scale(2);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(2);
  }
}
@keyframes scaleUp {
  80% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes moveUp {
  0% {
    -moz-transform: translateY(50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes scaleFromUp {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes scaleFromUp {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes scaleFromUp {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.alert {
  border: none;
  position: relative;
  font-size: 12px;
}
.alert > strong {
  font-weight: bold;
}
.alert-dismissable .close {
  position: absolute;
  top: 50%;
  right: 20px;
  color: inherit;
  margin-top: -8px;
  opacity: 1;
}
.alert-dismissable .close:hover {
  opacity: 0.5;
}
.close {
  font-size: 14px;
}
.alert-primary {
  background-color: #00BFD7;
  color: #fefefe;
}
.alert-primary .alert-link {
  color: #e5e5e5;
}
.alert-primary .close {
  color: #0092a4;
}
.alert-success {
  background-color: #52ba57;
  color: #fefefe;
}
.alert-success .alert-link {
  color: #e5e5e5;
}
.alert-success .close {
  color: #3e9b42;
}
.alert-info {
  background-color: #5bc0de;
  color: #fefefe;
}
.alert-info .alert-link {
  color: #e5e5e5;
}
.alert-info .close {
  color: #31b0d5;
}
.alert-warning {
  background-color: #f0ad4e;
  color: #fefefe;
}
.alert-warning .alert-link {
  color: #e5e5e5;
}
.alert-warning .close {
  color: #ec971f;
}
.alert-danger {
  background-color: #d9534f;
  color: #fefefe;
}
.alert-danger .alert-link {
  color: #e5e5e5;
}
.alert-danger .close {
  color: #c9302c;
}
.badge,
.badge-update {
  font-size: 11px;
  background-color: #ff4e00;
  line-height: 1.1em !important;
}
.top-nav-header .badge-update {
  background-color: #cd0000 !important;
  border: 1px solid #fefefe;
}
.top-nav-header .badge {
  background-color: #ff4e00;
  border: 1px solid #fefefe;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge,
.nav-list > .active > a > .badge {
  color: #fefefe;
}
.breadcrumb {
  background: #FFF;
  border: 1px solid #ededed;
  border-radius: 4px;
}
.breadcrumb > li {
  font-size: 12.25px;
}
.breadcrumb li + li:before {
  content: "\203A";
}
.breadcrumb.breadcrumbs-minimal {
  border: none;
}
.breadcrumb.breadcrumbs-minimal li + li:before {
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #212121;
}
.breadcrumb-detailed {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ededed;
  border-radius: 4px;
}
.breadcrumb-detailed li a {
  padding: 8px 5px 9px 20px;
  float: left;
  position: relative;
  font-size: 12.25px;
  color: #00BFD7;
}
.breadcrumb-detailed li a:hover {
  background: #f6f6f6;
}
.breadcrumb-detailed li a:hover:after {
  border-left: 10px solid #f6f6f6;
}
.breadcrumb-detailed li:first-child a {
  padding-left: 15px;
}
.breadcrumb-detailed li:last-child a {
  color: #212121;
}
.breadcrumb-detailed li:last-child a:hover {
  background: none;
  cursor: default;
}
.breadcrumb-detailed li:last-child a:hover:after {
  border-left: 10px solid white;
}
.breadcrumb-detailed li > a:before,
.breadcrumb-detailed li > a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  position: absolute;
  top: 49%;
  left: 100%;
  z-index: 3;
  transition: 0.25s;
  margin-top: -21px;
}
.breadcrumb-detailed li > a:before {
  margin-left: 1px;
  border-left: 10px solid #ededed;
}
.breadcrumb-detailed li > a:after {
  border-left: 10px solid white;
}
.btn {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  border: 2px solid transparent;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 4px;
  padding: 4px 14px 4px 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  -o-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}
.btn > [class^="ss-"] {
  position: relative;
  top: 2px;
  font-size: 10.5px;
}
.btn-xs.btn > [class^="ss-"] {
  font-size: 9.52px;
  top: 0;
}
.btn-kr.btn > [class^="ss-"] {
  top: 2px;
}
.btn-sm.btn > [class^="ss-"].pull-right {
  top: 3px;
}
.btn-lg.btn > [class^="ss-"].pull-right {
  top: 7px;
}
.btn > [class^="ss-"].pull-right {
  top: 5px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
}
.btn:hover,
.btn:focus {
  outline: none;
  color: #ff4e00;
}
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #FFF;
  color: rgba(254, 254, 254, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.btn-default {
  color: #00BFD7;
  background-color: transparent;
  border-color: #00BFD7;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #00BFD7;
  background-color: transparent;
  border-color: #00BFD7;
}
.btn-default:active,
.btn-default.active {
  background: #00BFD7;
  border-color: #00BFD7;
  color: white;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #f6f6f6;
  border-color: #ededed;
}
.btn-primary {
  color: #fefefe;
  background-color: #ff4e00;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.hover {
  color: #fefefe;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.btn-primary:active,
.btn-primary.active {
  background: #ff4e00;
  border-color: #ff4e00;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #b3eafb;
  border-color: #b3eafb;
}
.btn-danger {
  color: #fefefe;
  background-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.hover {
  color: #fefefe;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:active,
.btn-danger.active {
  background: #d9534f;
  border-color: #d9534f;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #fdc7c7;
  border-color: #fdc7c7;
}
.btn-warning {
  color: #fefefe;
  background-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.hover {
  color: #fefefe;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:active,
.btn-warning.active {
  background: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #fce5a6;
  border-color: #fce5a6;
}
.btn-info {
  color: #fefefe;
  background-color: #5bc0de;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.hover {
  color: #fefefe;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:active,
.btn-info.active {
  background: #5bc0de;
  border-color: #5bc0de;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #e6edef;
  border-color: #e6edef;
}
.btn-success {
  color: #fefefe;
  background-color: #52ba57;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.hover {
  color: #fefefe;
  background-color: #52ba57;
  border-color: #52ba57;
}
.btn-success:active,
.btn-success.active {
  background: #52ba57;
  border-color: #52ba57;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #e6edef;
  border-color: #e6edef;
}
.btn-blue {
  color: #fefefe;
  background-color: #00BFD7;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.hover {
  color: #fefefe;
  background-color: #00BFD7;
  border-color: #00BFD7;
}
.btn-blue:active,
.btn-blue.active {
  background: #00BFD7;
  border-color: #00BFD7;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #0099AC;
  border-color: #0099AC;
}
.btn-inverse {
  color: #fefefe;
  background-color: #212121;
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.hover {
  color: #fefefe;
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}
.btn-inverse:active,
.btn-inverse.active {
  background: #93A4AA;
  border-color: #93A4AA;
}
.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #212121;
  border-color: #212121;
}
.btn-stroke {
  color: #fefefe;
  background-color: transparent;
  border-color: #fefefe;
  border-width: 2px;
  padding: 5px 15px;
}
.btn-stroke:hover,
.btn-stroke:focus,
.btn-stroke:active,
.btn-stroke.active {
  color: #fefefe;
  background-color: transparent;
  border-color: #fefefe;
}
.btn-stroke:active,
.btn-stroke.active {
  background: transparent;
  border-color: #fefefe;
  color: white;
}
.btn-stroke.disabled,
.btn-stroke[disabled],
fieldset[disabled] .btn-stroke,
.btn-stroke.disabled:hover,
.btn-stroke[disabled]:hover,
fieldset[disabled] .btn-stroke:hover,
.btn-stroke.disabled:focus,
.btn-stroke[disabled]:focus,
fieldset[disabled] .btn-stroke:focus,
.btn-stroke.disabled:active,
.btn-stroke[disabled]:active,
fieldset[disabled] .btn-stroke:active,
.btn-stroke.disabled.active,
.btn-stroke[disabled].active,
fieldset[disabled] .btn-stroke.active {
  background-color: #f6f6f6;
  border-color: #ededed;
}
.btn-embossed {
  -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.btn-embossed:hover,
.btn-embossed:focus {
  top: 2px;
  position: relative;
}
.btn-embossed.btn-primary {
  -webkit-box-shadow: 0 5px #0099AC;
  box-shadow: 0 5px #0099AC;
}
.btn-embossed.btn-primary:hover,
.btn-embossed.btn-primary:focus {
  -webkit-box-shadow: 0 3px #0099AC;
  box-shadow: 0 3px #0099AC;
  background: #00BFD7;
}
.btn-embossed.btn-primary.active,
.btn-embossed.btn-primary:active {
  -webkit-box-shadow: 0 0 #0099AC;
  box-shadow: 0 0 #0099AC;
  top: 5px;
  background: #00BFD7;
  border-color: #00BFD7;
}
.btn-embossed.btn-danger {
  -webkit-box-shadow: 0 5px #cc3e00;
  box-shadow: 0 5px #cc3e00;
}
.btn-embossed.btn-danger:hover,
.btn-embossed.btn-danger:focus {
  -webkit-box-shadow: 0 3px #cc3e00;
  box-shadow: 0 3px #cc3e00;
  background: #ff4e00;
}
.btn-embossed.btn-danger.active,
.btn-embossed.btn-danger:active {
  -webkit-box-shadow: 0 0 #cc3e00;
  box-shadow: 0 0 #cc3e00;
  top: 5px;
  background: #ff4e00;
  border-color: #ff4e00;
}
.btn-embossed.btn-warning {
  -webkit-box-shadow: 0 5px #F3BC65;
  box-shadow: 0 5px #F3BC65;
}
.btn-embossed.btn-warning:hover,
.btn-embossed.btn-warning:focus {
  -webkit-box-shadow: 0 3px #F3BC65;
  box-shadow: 0 3px #F3BC65;
  background: #f0ad4e;
}
.btn-embossed.btn-warning.active,
.btn-embossed.btn-warning:active {
  -webkit-box-shadow: 0 0 #F3BC65;
  box-shadow: 0 0 #F3BC65;
  top: 5px;
  background: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-embossed.btn-success {
  -webkit-box-shadow: 0 5px #28948C;
  box-shadow: 0 5px #28948C;
}
.btn-embossed.btn-success:hover,
.btn-embossed.btn-success:focus {
  -webkit-box-shadow: 0 3px #28948C;
  box-shadow: 0 3px #28948C;
  background: #52ba57;
}
.btn-embossed.btn-success.active,
.btn-embossed.btn-success:active {
  -webkit-box-shadow: 0 0 #28948C;
  box-shadow: 0 0 #28948C;
  top: 5px;
  background: #52ba57;
  border-color: #52ba57;
}
.btn-embossed.btn-purple {
  -webkit-box-shadow: 0 5px #9175BD;
  box-shadow: 0 5px #9175BD;
}
.btn-embossed.btn-purple:hover,
.btn-embossed.btn-purple:focus {
  -webkit-box-shadow: 0 3px #9175BD;
  box-shadow: 0 3px #9175BD;
  background: #A88CD5;
}
.btn-embossed.btn-purple.active,
.btn-embossed.btn-purple:active {
  -webkit-box-shadow: 0 0 #9175BD;
  box-shadow: 0 0 #9175BD;
  top: 5px;
  background: #A88CD5;
  border-color: #A88CD5;
}
.btn-embossed.btn-inverse {
  -webkit-box-shadow: 0 5px #000000;
  box-shadow: 0 5px #000000;
}
.btn-embossed.btn-inverse:hover,
.btn-embossed.btn-inverse:focus {
  -webkit-box-shadow: 0 3px #000000;
  box-shadow: 0 3px #000000;
  background: #212121;
}
.btn-embossed.btn-inverse.active,
.btn-embossed.btn-inverse:active {
  -webkit-box-shadow: 0 0 #000000;
  box-shadow: 0 0 #000000;
  top: 5px;
  background: #212121;
  border-color: #212121;
}
.btn-kr {
  padding: 14px 22px;
  font-size: 21px;
  line-height: 1.25;
  border-radius: 8px;
}
.btn-lg {
  padding: 10px 18px;
  font-size: 17px;
  line-height: 1.45;
  border-radius: 8px;
}
.btn-sm {
  padding: 5px 13px;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 4px;
}
.btn-xs {
  padding: 5px 13px;
  font-size: 10px;
  line-height: 1.083;
  border-radius: 2px;
}
.btn-block {
  white-space: normal;
}
.btn.dropdown-toggle {
  white-space: normal;
}
.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btn-animate {
  position: relative;
  padding: 10px 20px 10px 35px;
}
.btn-animate-slide:before {
  position: absolute;
  left: 0;
  width: 40%;
  font-size: 120%;
  line-height: 1.3;
  color: white;
}
.btn-animate-slide.btn-activated {
  -o-animation: fadeOutText 0.5s;
  -webkit-animation: fadeOutText 0.5s;
  animation: fadeOutText 0.5s;
}
.btn-animate-slide.btn-activated:before {
  -o-animation: moveToRight 0.5s;
  -webkit-animation: moveToRight 0.5s;
  animation: moveToRight 0.5s;
}
.btn-animate-scale {
  overflow: hidden;
  position: relative;
  padding: 10px 20px 10px 35px;
}
.btn-animate-scale:before {
  position: absolute;
  left: 0;
  width: 40%;
  font-size: 120%;
  line-height: 1.3;
  color: white;
}
.btn-animate-scale.btn-activated:before {
  -o-animation: scaleUp 0.5s;
  -webkit-animation: scaleUp 0.5s;
  animation: scaleUp 0.5s;
}
.btn-animate-result span {
  display: inline-block;
  width: 100%;
}
.btn-animate-result:before {
  position: absolute;
  left: 0;
  width: 40%;
  font-size: 120%;
  line-height: 1.3;
  color: white;
}
.btn.btn-animate-success,
.btn.btn-animate-success:hover,
.btn.btn-animate-success:focus,
.btn.btn-animate-error,
.btn.btn-animate-error:hover,
.btn.btn-animate-error:focus {
  color: transparent;
}
.btn-animate-success:after,
.btn-animate-error:after {
  z-index: 1;
  color: white;
  left: 37%;
}
.btn-animate-success:before {
  content: "\263B";
}
.btn-animate-success:after {
  content: "Success";
  -o-animation: moveUp 0.5s;
  -webkit-animation: moveUp 0.5s;
  animation: moveUp 0.5s;
}
.btn-animate-error {
  -o-animation: shake 0.5s;
  -webkit-animation: shake 0.5s;
  animation: shake 0.5s;
}
.btn-animate-error:before {
  content: "\2639";
}
.btn-animate-error:after {
  content: "Error";
  -o-animation: scaleFromUp 0.5s;
  -webkit-animation: scaleFromUp 0.5s;
  animation: scaleFromUp 0.5s;
}
.hide-btn {
  color: transparent;
  border: none;
}
.btn-group .btn-stroke + .btn-stroke,
.btn-group .btn-stroke + .btn-group,
.btn-group .btn-group + .btn-stroke,
.btn-group .btn-group + .btn-group {
  margin-left: -2px;
}
@keyframes button-text-pulse {
  from {
    color: #ff4e00;
  }
  to {
    color: #f6f6f6;
  }
}
#login-form-view .login-form .btn-full-width {
  position: absolute !important;
}
#login-form-view .login-form .btn.btn-pulse-text {
  animation: button-text-pulse 1s infinite;
  background-color: #f6f6f6;
  z-index: 1;
  line-height: 2;
  position: absolute;
  border-radius: 0;
}
.btn-group-dropdown .dropdown-toggle > .dropdown-icon {
  color: #B2C6CD;
  padding-right: 7px;
  vertical-align: middle;
}
.btn-group-dropdown .dropdown-toggle span.pull-right {
  padding-left: 10px;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  text-transform: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  text-align: left;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  background: #f6f6f6;
  color: #999999;
  border-color: #ededed;
  z-index: 0;
}
.btn-group .btn-group-dropdown .btn-default [class^="ss-"],
.btn-group-vertical .btn-group-dropdown .btn-default [class^="ss-"] {
  color: #93A4AA;
}
.btn-group .btn-group-dropdown .btn-default.dropdown-toggle,
.btn-group-vertical .btn-group-dropdown .btn-default.dropdown-toggle {
  color: #00BFD7;
}
.btn-group .btn-group-dropdown .btn-default:hover,
.btn-group-vertical .btn-group-dropdown .btn-default:hover {
  border-color: #00BFD7;
}
.btn-group .btn-group-dropdown .btn-default:active,
.btn-group-vertical .btn-group-dropdown .btn-default:active {
  border-color: #93A4AA;
  color: #212121;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified.btn-group .btn {
  text-align: center;
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified.btn-group .btn [class^="ss-"] {
  margin-left: 5px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 13px;
  font-size: 10px;
  line-height: 1.083;
  border-radius: 2px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  line-height: 1.5;
  border-radius: 2px;
  padding: 5px 13px;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 4px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  padding: 10px 18px;
  font-size: 17px;
  line-height: 1.45;
  border-radius: 8px;
}
.btn-group-kr > .btn {
  padding: 14px 22px;
  font-size: 21px;
  line-height: 1.25;
  border-radius: 8px;
}
.btn-group-dropdown .btn-sm {
  font-size: 12.25px;
}
.btn-group-dropdown .btn-lg {
  font-size: 17.5px;
}
.btn-group-dropdown > .btn {
  text-transform: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.btn-group-dropdown > .btn + .dropdown-toggle {
  min-width: 40px;
  text-align: center;
}
.btn-group-dropdown > .btn.btn-dropdown {
  text-align: left;
}
.btn-group-dropdown .dropdown-toggle {
  padding-left: 13px;
  padding-right: 13px;
  text-align: left;
}
.btn-group-dropdown .btn-default {
  color: #212121;
}
.btn-group-dropdown .btn-default:hover {
  border-color: #93A4AA;
}
.btn-group-dropdown .btn-default:hover [class^="ss-"] {
  color: #00BFD7;
}
.btn-group-dropdown .btn-default:active {
  background: #f6f6f6;
  border-color: #93A4AA;
}
.btn-group-dropdown .btn-default:active [class^="ss-"] {
  color: #00BFD7;
}
.btn-group-dropdown .btn-primary.dropdown-toggle {
  border-left: 1px solid #0099AC;
}
.btn-group-dropdown .btn-danger.dropdown-toggle {
  border-left: 1px solid #cc3e00;
}
.btn-group-dropdown .btn-inverse {
  color: #93A4AA;
}
.btn-group-dropdown .btn-inverse:hover {
  color: white;
}
.btn-group-dropdown .btn-inverse:active {
  background: black;
  border-color: black;
}
.btn-group-dropdown .btn-inverse:active [class^="ss-"] {
  color: #00BFD7;
}
.btn-group-dropdown .btn-inverse.dropdown-toggle {
  border-left: 1px solid black;
}
.btn-group-dropdown.open .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-group-dropdown.open .btn.btn-embossed.btn-danger {
  box-shadow: 0 5px #cc3e00;
}
.btn-group-dropdown.open .btn.btn-embossed.btn-primary {
  box-shadow: 0 5px #0099AC;
}
.btn-group-dropdown.open .btn.btn-embossed.btn-inverse {
  box-shadow: 0 5px #000000;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-default {
  background-color: #f6f6f6;
  border-color: #B2C6CD;
  color: #212121;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-default [class^="ss-"] {
  color: #00BFD7;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-primary {
  background: #0099AC;
  border-color: #0099AC;
  color: #FFF;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-danger {
  background: #cc3e00;
  border-color: #cc3e00;
  color: #FFF;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-inverse {
  background: black;
  border-color: black;
  color: #FFF;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-inverse [class^="ss-"] {
  color: #00BFD7;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-embossed.btn-danger {
  box-shadow: none;
  top: 5px;
  background: #ff4e00;
  border-color: #ff4e00;
  border-left: 1px solid #cc3e00;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-embossed.btn-primary {
  box-shadow: none;
  top: 5px;
  background: #00BFD7;
  border-color: #00BFD7;
  border-left: 1px solid #0099AC;
}
.btn-group-dropdown.open .btn.dropdown-toggle.btn-embossed.btn-inverse {
  box-shadow: none;
  top: 5px;
  background: #212121;
  border-color: #212121;
  border-left: 1px solid #000000;
}
.checkbox,
.radio {
  position: relative;
  margin-bottom: 20px;
  padding-left: 32px;
  font-size: 12.25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  line-height: 1.6;
  min-height: 20px;
}
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}
.checkbox .icons,
.radio .icons {
  color: #00BFD7;
  left: 0;
  top: 0;
  position: absolute;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: block;
}
.checkbox .icons .first-icon,
.radio .icons .first-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  border: 1px solid #ededed;
  background: white;
}
.checkbox .icons .first-icon:before,
.radio .icons .first-icon:before,
.checkbox .icons .second-icon:before,
.radio .icons .second-icon:before {
  position: relative;
  bottom: 1px;
  left: 0;
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  -o-transition: color 0.25s linear;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
  border-color: #B2C6CD;
}
.checkbox.disabled,
.radio.disabled {
  cursor: default;
}
.checkbox.disabled .first-icon,
.radio.disabled .first-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  background: #f6f6f6;
}
.checkbox.disabled .second-icon,
.radio.disabled .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
  background: #f6f6f6;
}
.checkbox.disabled.checked .first-icon,
.radio.disabled.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.disabled.checked .second-icon,
.radio.disabled.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #B2C6CD;
}
.radio .icons .first-icon,
.radio .icons .second-icon {
  border-radius: 50px;
}
.radio.checked .second-icon:before {
  content: " ";
  width: 8px;
  height: 8px;
  background: #00BFD7;
  position: absolute;
  top: 50%;
  border-radius: 8px;
  left: 50%;
  margin-top: -4px;
  margin-left: -4px;
}
.radio.disabled.checked .second-icon:before {
  background: #93A4AA;
}
.checkbox .icons .first-icon,
.checkbox .icons .second-icon {
  border-radius: 4px;
}
.dropdown-menu {
  background-color: white;
  border: 1px solid #B2C6CD;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  margin-top: 10px;
  left: 0;
  right: auto;
}
.dropdown-menu > li > a {
  margin-left: -1px;
  margin-right: -1px;
  color: #999999;
  font-size: 14px;
  padding: 4px 15px;
}
.dropdown-menu > li > a:hover {
  background-color: #f6f6f6;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #FFF;
  text-decoration: none;
  outline: 0;
  background-color: #00BFD7;
  border: 1px solid #0099AC;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #B2C6CD;
}
.dropdown-menu > .arrow {
  border-width: 6px;
}
.dropdown-menu > .arrow,
.dropdown-menu > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
}
.dropdown-menu > .top.arrow {
  right: 88%;
  border-top-width: 0;
  border-bottom-color: #B2C6CD;
  top: -6px;
}
.dropdown-menu > .top.arrow:after {
  content: " ";
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: white;
}
.dropdown-menu > .bottom.arrow {
  left: 88%;
  border-bottom-width: 0;
  border-top-color: #B2C6CD;
  bottom: -6px;
}
.dropdown-menu > .bottom.arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -5px;
  border-bottom-width: 0;
  border-top-color: white;
}
.btn-embossed + .dropdown-menu {
  margin-top: 14px;
}
.dropdown-inverse {
  background-color: #212121;
  border-color: #212121;
}
.dropdown-inverse > li > a {
  color: white;
}
.dropdown-inverse > li > a:hover {
  background-color: #999999;
  color: white;
}
.dropdown-inverse > .active > a,
.dropdown-inverse > .active > a:hover,
.dropdown-inverse > .active > a:focus {
  border: none;
}
.dropdown-inverse > .top.arrow {
  border-bottom-color: #212121;
  top: -6px;
}
.dropdown-inverse > .top.arrow:after {
  border-bottom-color: #212121;
}
.dropdown-header {
  color: #B2C6CD;
  padding: 3px 15px;
  text-transform: uppercase;
}
.dropup .dropdown-menu {
  margin-bottom: 10px;
}
@media (min-width: 1000px) {
  .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropdown-menu > .top.arrow {
    right: 13px;
  }
}
label {
  font-weight: 600;
  line-height: 2.4;
  color: #212121;
}
.form-control {
  border: none;
  color: #212121;
  background-color: #ededed;
  font-size: 14px;
  line-height: 1.467;
  padding: 5px 10px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-group.focus .form-control,
.form-control:focus {
  border-color: #00BFD7;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f6f6f6;
  cursor: default;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control.placeholder {
  color: #999999;
}
.form-control-static {
  padding-top: 5px;
  padding-left: 10px;
  color: #212121;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f0ad4e;
}
.has-warning .form-control {
  border-color: #f0ad4e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #ec971f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #f5f5f5;
}
.has-warning .form-control-feedback {
  color: #f0ad4e;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #212121;
}
.has-warning .form-control {
  border-color: #f0ad4e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #f0ad4e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  border-color: #f0ad4e;
  background-color: #FFF;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d9534f;
}
.has-error .form-control {
  border-color: #d9534f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #c9302c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
.has-error .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #f5f5f5;
}
.has-error .form-control-feedback {
  color: #d9534f;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #212121;
}
.has-error .form-control {
  border-color: #d9534f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #d9534f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  border-color: #d9534f;
  background-color: #FFF;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #52ba57;
}
.has-success .form-control {
  border-color: #52ba57;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #3e9b42;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9bd79e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9bd79e;
}
.has-success .input-group-addon {
  color: #52ba57;
  border-color: #52ba57;
  background-color: #f5f5f5;
}
.has-success .form-control-feedback {
  color: #52ba57;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #212121;
}
.has-success .form-control {
  border-color: #52ba57;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #52ba57;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  border-color: #52ba57;
  background-color: #FFF;
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 20px;
}
.form-horizontal .form-group-sm label,
.form-horizontal .form-group-sm .control-label {
  font-size: 12px;
  padding-top: 0;
}
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.462;
  border-radius: 8px;
}
select.form-horizontal .form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-horizontal .form-group-sm .form-control,
select[multiple].form-horizontal .form-group-sm .form-control {
  height: auto;
}
.form-horizontal .form-group-lg label,
.form-horizontal .form-group-lg .control-label {
  font-size: 17px;
  padding-top: 0;
}
.form-horizontal .form-group-lg .form-control {
  height: 50px;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.235;
  border-radius: 8px;
}
select.form-horizontal .form-group-lg .form-control {
  height: 50px;
  line-height: 50px;
}
textarea.form-horizontal .form-group-lg .form-control,
select[multiple].form-horizontal .form-group-lg .form-control {
  height: auto;
}
.form-horizontal .form-group-sm .input-group .form-control,
.form-horizontal .form-group-lg .input-group .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.462;
  border-radius: 8px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 50px;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.235;
  border-radius: 8px;
}
select.input-lg {
  height: 50px;
  line-height: 50px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.input-required span {
  width: 20px;
  height: 40px;
  position: absolute;
  overflow: hidden;
  display: block;
  right: 10px;
  top: -15px;
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.input-required span:after {
  content: '';
  width: 40px;
  height: 40px;
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #f0ad4e;
  position: absolute;
  top: 0;
  right: -32px;
  border-radius: 3px;
  -moz-border-radius: 10px;
}
.input-required span:before {
  font-size: 17.5px;
  content: "*";
  top: 11px;
  right: 3px;
  color: white;
  position: absolute;
  z-index: 2;
}
.input-icon {
  position: relative;
}
.input-icon [class*="ss-"] {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -11px;
  font-size: 14px;
  color: #fefefe;
}
.input-icon .form-control {
  text-indent: 25px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .input-required span {
    width: 14px;
    height: 35px;
    top: -12px;
  }
  .input-required span:after {
    right: -37px;
  }
  .input-required span:before {
    font-size: 11.2px;
    content: "*";
    top: 14px;
    right: 2px;
  }
}
.input-group-lg > .input-group-addon {
  font-size: 17px;
  padding: 3px 5px;
  min-width: 50px;
  max-width: 50px;
}
.input-group-sm > .input-group-addon {
  font-size: 12px;
  padding: 3px 5px;
  min-width: 30px;
  max-width: 30px;
}
.input-group-addon {
  padding: 6px 10px;
  color: #93A4AA;
  background-color: #f6f6f6;
  border: 1px solid #ededed;
  border-radius: 8px;
  min-width: 40px;
  max-width: 40px;
}
.input-group-addon.input-sm {
  font-size: 12px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  font-size: 17px;
  border-radius: 0;
}
.input-group-btn > .btn {
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  line-height: 1.5;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 3;
}
.input-group-btn > .btn:active {
  color: white;
}
.input-group-btn > .btn.dropdown-toggle:active {
  color: #212121;
  background: #f6f6f6;
  border-color: #93A4AA;
}
.input-group-btn > .btn.dropdown-toggle:active [class^="ss-"] {
  color: #00BFD7;
}
.input-group-btn .dropdown-toggle,
.input-group-btn .btn-dropdown {
  color: #212121;
  text-transform: none;
  padding: 7px 13px 7px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  white-space: nowrap;
}
.jumbotron {
  background-image: url('../images/jumbotron.jpg');
  padding: 70px 30px;
}
.jumbotron h1,
.jumbotron .h1 {
  color: white;
  font-size: 30.8px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 25px;
}
.jumbotron p {
  font-size: 12.6px;
  font-weight: 200;
  color: white;
}
@media (min-width: 1000px) {
  .jumbotron {
    padding: 70px 30px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 52.5px;
    margin-bottom: 25px;
  }
  .jumbotron p {
    font-size: 21px;
  }
}
.label {
  padding: 0.2em 0.5em 0.2em;
}
.label-default {
  background-color: #B2C6CD;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #93afb9;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #93afb9;
}
.label-primary {
  background-color: #00BFD7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0092a4;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0092a4;
}
.label-success {
  background-color: #52ba57;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3e9b42;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #3e9b42;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.list-group-item {
  border-color: #ededed;
  font-size: 12.25px;
  color: #212121;
  padding: 15px 15px 15px 0;
  margin: 0 0 0 15px;
  background-color: #f6f6f6;
}
.list-group-item [class^="ss-"] {
  font-size: 32px;
  color: #00BFD7;
}
.list-group-item > .pull-left {
  position: absolute;
  top: 50%;
  padding: 0 0 0 20px;
  margin-top: -22px;
}
.list-group-item.active [class^="ss-"] {
  color: white;
}
.list-group-item .media-body {
  padding: 5px 0 5px 80px;
}
a.list-group-item {
  color: #212121;
}
a.list-group-item .list-group-item-heading {
  color: #212121;
  font-size: 15.75px;
  margin-bottom: 1px;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #f6f6f6;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  color: white;
  background-color: #00BFD7;
  border-color: #0099AC;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: white;
}
.list-group-item-text {
  color: #93A4AA;
  font-size: 12.25px;
  line-height: 1.7;
}
.list-group-item-primary {
  color: #0099AC;
  background-color: #00BFD7;
}
a.list-group-item-primary,
button.list-group-item-primary {
  color: #0099AC;
}
a.list-group-item-primary .list-group-item-heading,
button.list-group-item-primary .list-group-item-heading {
  color: inherit;
}
a.list-group-item-primary:hover,
button.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:focus {
  color: #0099AC;
  background-color: #00a8be;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
button.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus,
button.list-group-item-primary.active:focus {
  color: #fff;
  background-color: #0099AC;
  border-color: #0099AC;
}
.list-group-item-primary {
  color: #0099AC;
  background-color: rgba(0, 191, 215, 0.2);
}
a.list-group-item-primary {
  color: #0099AC;
}
a.list-group-item-primary .list-group-item-heading {
  color: inherit;
}
a.list-group-item-primary:hover,
a.list-group-item-primary:focus {
  color: #0099AC;
  background-color: rgba(0, 191, 215, 0.3);
}
a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus {
  color: #fff;
  background-color: #0099AC;
  border-color: #0099AC;
}
.list-group-item-success {
  color: #28948C;
  background-color: #52ba57;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #28948C;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #28948C;
  background-color: #45ad4a;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #28948C;
  border-color: #28948C;
}
.list-group-item-success {
  color: #28948C;
  background-color: rgba(82, 186, 87, 0.2);
}
a.list-group-item-success {
  color: #28948C;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #28948C;
  background-color: rgba(82, 186, 87, 0.3);
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #28948C;
  border-color: #28948C;
}
.list-group-item-info {
  color: #9175BD;
  background-color: #A88CD5;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #9175BD;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #9175BD;
  background-color: #9a79ce;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #9175BD;
  border-color: #9175BD;
}
.list-group-item-info {
  color: #9175BD;
  background-color: rgba(168, 140, 213, 0.2);
}
a.list-group-item-info {
  color: #9175BD;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #9175BD;
  background-color: rgba(168, 140, 213, 0.3);
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #9175BD;
  border-color: #9175BD;
}
.list-group-item-warning {
  color: #F3BC65;
  background-color: #f0ad4e;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #F3BC65;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #F3BC65;
  background-color: #eea236;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #F3BC65;
  border-color: #F3BC65;
}
.list-group-item-warning {
  color: #F3BC65;
  background-color: rgba(240, 173, 78, 0.2);
}
a.list-group-item-warning {
  color: #F3BC65;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #F3BC65;
  background-color: rgba(240, 173, 78, 0.3);
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #F3BC65;
  border-color: #F3BC65;
}
.list-group-item-danger {
  color: #cc3e00;
  background-color: #ff4e00;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #cc3e00;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #cc3e00;
  background-color: #e64600;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #cc3e00;
  border-color: #cc3e00;
}
.list-group-item-danger {
  color: #cc3e00;
  background-color: rgba(255, 78, 0, 0.2);
}
a.list-group-item-danger {
  color: #cc3e00;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #cc3e00;
  background-color: rgba(255, 78, 0, 0.3);
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #cc3e00;
  border-color: #cc3e00;
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
  .list-group-item [class^="ss-"] {
    font-size: 24px;
  }
  .list-group-item > .pull-left {
    padding: 0 0 0 5px;
  }
  .list-group-item .media-body {
    padding: 5px 0 5px 50px;
  }
}
.media-body {
  padding: 0 0 5px 10px;
}
.media,
.media-body {
  color: #212121;
}
.media,
.media .media {
  margin-top: 50px;
}
.media-heading {
  color: #93A4AA;
  font-weight: 600;
  font-size: 14px;
}
.navbar {
  min-height: 76px;
  border-radius: 4px;
}
.navbar-brand {
  padding: 27px 30px;
  height: auto;
}
.navbar-brand-img {
  padding-top: 24px;
  margin: 0 55px 0 40px;
}
.navbar-default {
  background-color: white;
  border-color: #ededed;
  border-width: 2px;
}
.navbar-default .navbar-nav > li > a {
  color: #93A4AA;
  font-weight: 600;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #999999;
  background-color: white;
}
.navbar-default .navbar-nav .dropdown-menu > li.active a {
  border-width: 2px;
  margin-left: -2px;
  margin-right: -2px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #00BFD7;
  background-color: white;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: white;
  color: #999999;
}
.navbar-default .navbar-text {
  color: #B2C6CD;
}
.navbar-default .navbar-link:hover {
  color: #f6f6f6;
}
.navbar-default .navbar-form {
  padding: 8px 0;
  overflow: hidden;
}
.navbar-default .navbar-form .form-control {
  width: 100%;
}
.navbar-default .navbar-form .btn {
  min-width: 110px;
}
.navbar-default .navbar-form .btn + .btn {
  margin-left: 10px;
}
.navbar-default .navbar-form .navbar-right {
  margin: 0 15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #999999;
}
.navbar-nav.navbar-icons > li > a {
  padding: 10px 10px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
.navbar-text {
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 600;
}
.navbar-text.navbar-right:last-child {
  margin-right: 10px;
}
.navbar-icons > li > a > [class^="ss-"] {
  font-size: 14px;
  margin: 0 10px 0 4px;
}
.navbar-nav .dropdown-menu {
  border-width: 2px;
  border: 2px solid #ededed;
}
.navbar-nav .dropdown-menu > .arrow {
  border-width: 9px;
}
.navbar-nav .dropdown-menu > .arrow:after {
  border-width: 7px;
}
.navbar-nav .dropdown-menu > .top.arrow {
  display: none;
  left: auto;
  right: 10px;
  border-top-width: 0;
  border-bottom-color: #ededed;
  top: -9px;
}
.navbar-nav .dropdown-menu > .top.arrow:after {
  content: " ";
  top: 3px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: white;
}
.navbar-inverse {
  background: #212121;
  border-color: #212121;
}
.navbar-inverse .navbar-nav > li > a {
  color: #B2C6CD;
  font-weight: 600;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background: #212121;
  color: #ff4e00;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #212121;
  color: #999999;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background: #080808;
  border-width: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  color: #93A4AA;
  margin: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover {
  color: white;
  background: #212121;
}
.navbar-inverse .navbar-nav .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:hover {
  border-width: 0;
  color: white;
  background: #00BFD7;
}
.navbar-inverse .navbar-nav .dropdown-menu > .top.arrow {
  display: none;
  border-bottom-color: #080808;
  top: -5px;
  right: 11px;
}
.navbar-inverse .navbar-nav .dropdown-menu > .top.arrow:after {
  border-bottom-color: #080808;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .navbar-link {
  color: #93A4AA;
}
.navbar-inverse .navbar-form {
  padding: 8px 0;
  overflow: hidden;
  box-shadow: none;
}
.navbar-inverse .navbar-form .form-control {
  background: rgba(0, 0, 0, 0.2);
  border-width: 0;
  width: 100%;
  color: #ededed;
}
.navbar-inverse .navbar-form .btn {
  min-width: 110px;
}
.navbar-inverse .navbar-form .btn + .btn {
  margin-left: 10px;
}
.navbar-inverse .navbar-form .btn-inverse {
  color: #0099AC;
  border: 2px solid #999999;
}
.navbar-inverse .navbar-form .navbar-right {
  margin: 0 15px;
}
.navbar-new {
  background-color: #00BFD7;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: -16px 12px;
  position: absolute;
  top: 50%;
}
.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
  border: 0;
  padding: 15px 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:focus {
  background: none;
  opacity: 0.7;
}
.navbar-inverse .navbar-toggle {
  border: 0;
  color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  border-width: 0;
  background-color: #02baf2;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  border-width: 0;
  color: white;
  background: #02baf2;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: 0;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .navbar-nav.navbar-icons > li > a {
    padding: 27px 10px;
  }
  .navbar-nav .dropdown-menu > .top.arrow {
    display: block;
  }
  .navbar-icons > li > a > [class^="ss-"] {
    font-size: 14px;
    margin: 0;
  }
  .navbar-text {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.nav li a.dropdown-toggle > [class^="ss-"] {
  position: relative;
  top: 2px;
  font-size: 10.5px;
  margin-left: 3px;
}
.nav li a:focus {
  background: transparent;
}
.nav li.disabled > a {
  color: #B2C6CD;
}
.nav li.disabled > a:hover,
.nav li.disabled > a:focus {
  color: #B2C6CD;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: white;
  border-color: white white #ededed;
}
.nav-tabs {
  border-bottom: 1px solid #ededed;
}
.nav-tabs > li > a:hover {
  border-color: transparent;
  background: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #212121;
  border: 1px solid #ededed;
  border-bottom-color: transparent;
  font-weight: 600;
}
.nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #616161;
  }
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ededed;
}
.nav-tabs.nav-justified > li > a:hover {
  border-color: #ededed;
}
.nav-stroke {
  border-bottom-width: 2px;
}
.nav-stroke.nav-tabs > li {
  margin-bottom: -2px;
}
.nav-stroke > li > a {
  border-width: 2px;
}
.nav-stroke > li > a:hover {
  border-width: 2px;
}
.nav-stroke > li.active > a,
.nav-stroke > li.active > a:hover,
.nav-stroke > li.active > a:focus {
  border-width: 2px;
}
.nav-stroke.nav-justified {
  border-bottom: 0;
}
.nav-stroke.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-stroke.nav-justified > .active > a,
.nav-stroke.nav-justified > .active > a:hover,
.nav-stroke.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-stroke.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-stroke.nav-justified > .active > a,
  .nav-stroke.nav-justified > .active > a:hover,
  .nav-stroke.nav-justified > .active > a:focus {
    border-bottom-color: #616161;
  }
}
.nav-stroke.nav-justified > .active > a,
.nav-stroke.nav-justified > .active > a:hover,
.nav-stroke.nav-justified > .active > a:focus {
  border: 1px solid #ededed;
}
.nav-stroke.nav-justified > .active > a,
.nav-stroke.nav-justified > .active > a:hover,
.nav-stroke.nav-justified > .active > a:focus {
  border-width: 2px;
}
.nav-pills > li > a {
  line-height: 1.3;
}
.nav-pills > li > a:hover {
  background-color: #B2C6CD;
  color: #FFF;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #FFF;
  background-color: #00BFD7;
}
.nav-pills > li + li {
  margin-left: 0;
}
.nav-pills .open > a,
.nav-pills .open > a:hover,
.nav-pills .open > a:focus {
  background-color: #B2C6CD;
  color: #FFF;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ededed;
}
.nav-tabs .dropdown-menu {
  margin-top: 8px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
@media (min-width: 1000px) {
  .nav-tabs > li > a:hover {
    border-color: white white #ededed;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: transparent;
  }
  .nav-tabs.nav-justified > li > a:hover {
    border-color: white white #ededed;
  }
  .nav-stroke.nav-justified {
    border-bottom: 2px solid #ededed;
  }
  .nav-stroke.nav-justified > .active > a,
  .nav-stroke.nav-justified > .active > a:hover,
  .nav-stroke.nav-justified > .active > a:focus {
    border-bottom-color: white;
  }
  .nav-stroke.nav-justified > li > a {
    margin-bottom: -2px;
    border-bottom: 0;
  }
  .nav-stroke.nav-justified > li > a:hover {
    border-color: transparent;
  }
}
.pagination > li > a,
.pagination > li > span {
  color: #00BFD7;
  border: 1px solid #ededed;
  padding: 8px 15px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: white;
  color: #00BFD7;
  border-color: #00BFD7;
  z-index: 2;
  -o-transition: all .15s linear;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
}
.pagination > li.active > a,
.pagination > li.active > span {
  background-color: #f6f6f6;
  border-color: #ededed;
  color: #212121;
  z-index: 0;
}
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
  background-color: #f6f6f6;
  border-color: #ededed;
  color: #212121;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.pagination-stroke > li > a,
.pagination-stroke > li > span {
  border-width: 2px;
  padding: 7px 15px;
  z-index: 1;
  margin-left: -2px;
}
.pagination-stroke > li.active > a,
.pagination-stroke > li.active > span {
  z-index: 0;
}
.pagination-stroke > li.active > a:hover,
.pagination-stroke > li.active > span:hover,
.pagination-stroke > li.active > a:focus,
.pagination-stroke > li.active > span:focus {
  background-color: #f6f6f6;
  border-color: #ededed;
  color: #212121;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.pagination-stroke li:last-child a {
  border-right-width: 2px;
}
.pagination-minimal.pagination-sm > li > a,
.pagination-minimal.pagination-sm > li > span {
  padding: 8px 7px;
  font-size: 14px;
}
.pagination-minimal.pagination-sm > li:first-child > a,
.pagination-minimal.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-minimal.pagination-sm > li:last-child > a,
.pagination-minimal.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-minimal.pagination-lg > li > a,
.pagination-minimal.pagination-lg > li > span {
  padding: 4px 11px;
  font-size: 20px;
}
.pagination-minimal.pagination-lg > li:first-child > a,
.pagination-minimal.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-minimal.pagination-lg > li:last-child > a,
.pagination-minimal.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination-minimal > li:first-child a {
  border-radius: 0;
  padding-left: 0;
}
.pagination-minimal > li:last-child a {
  border-radius: 0;
  padding-right: 0;
}
.pagination-minimal > li > a {
  border: none;
  padding: 8px 9px;
}
.pagination-minimal > li > a:hover,
.pagination-minimal > li > a:focus {
  background-color: #FFF;
  color: #212121;
  -o-transition: all .15s linear;
  -webkit-transition: all .15s linear;
  transition: all .15s linear;
}
.pagination-minimal > li.active > a,
.pagination-minimal > li.active > span {
  background: none;
  color: #212121;
}
.pagination-minimal > li.active > a:hover,
.pagination-minimal > li.active > span:hover,
.pagination-minimal > li.active > a:focus,
.pagination-minimal > li.active > span:focus {
  background-color: #FFF;
  border: none;
  color: #212121;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 4px 11px;
  font-size: 14px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 19px;
  font-size: 20px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination-lg.pagination-stroke > li > a {
  padding: 9px 18px;
}
 > .btn.previous,
 > .btn.next {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.429;
  padding-left: 23px;
  padding-right: 23px;
}
 > .btn.next {
  margin-left: 8px;
  margin-right: 0;
}
.pager li > a,
.pager li > span {
  border-radius: 5px;
  border: 1px solid #ededed;
  font-size: 14px;
  color: #00BFD7;
  padding: 8px 14px 6px 14px;
  min-width: 100px;
}
.pager li > a:hover,
.pager li > span:hover,
.pager li > a:focus,
.pager li > span:focus {
  background-color: #f6f6f6;
}
.pager li.active > a {
  background-color: #f6f6f6;
}
.pager li.disabled > a,
.pager li.disabled > a:hover,
.pager li.disabled > a:focus,
.pager li.disabled > span {
  color: #B2C6CD;
  background-color: white;
  cursor: not-allowed;
}
.pager-rounded li > a,
.pager-rounded li > span {
  border-radius: 50px;
}
.pallete-items {
  margin-left: -10px;
}
.pallete-item {
  width: 140px;
  float: left;
  margin: 0 0 0 10px;
}
.pallete-item.pallete-joined {
  margin: 0;
  width: 152px;
}
.pallete-item.pallete-joined:first-child,
.pallete-item.pallete-joined:last-child {
  width: 150px;
}
.pallete-item.pallete-joined:first-of-type .palette {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pallete-item.pallete-joined:last-child .palette {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.palette-primary {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 48px 0 8px 10px;
}
.palette-secondary {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 18px 10px 8px 10px;
}
.palette-shade {
  padding: 46px 0 10px 10px;
}
.palette {
  font-size: 14px;
  line-height: 1.214;
  color: #FFF;
  margin: 0;
}
.palette dt,
.palette dd {
  line-height: 1.1;
}
.palette dt {
  display: block;
  font-weight: 600;
}
.palette dd {
  font-weight: 300;
  margin-left: 0;
  -webkit-font-smoothing: subpixel-antialiased;
}
.palette-colour-blue {
  background-color: #00BFD7;
}
.palette-colour-blue-dark {
  background-color: #0099AC;
}
.palette-colour-orange {
  background-color: #ff4e00;
}
.palette-colour-orange-dark {
  background-color: #cc3e00;
}
.palette-bruise {
  background-color: #A88CD5;
}
.palette-sugar-plum {
  background-color: #9175BD;
}
.palette-brand-success {
  background-color: #52ba57;
}
.palette-land-lubber {
  background-color: #28948C;
}
.palette-clouds {
  color: #bdc3c7;
}
.palette-paragraph {
  color: #7f8c8d;
  font-size: 10.5px;
  line-height: 17px;
}
.palette-paragraph span {
  color: #bdc3c7;
}
.palette-headline {
  color: #7f8c8d;
  font-size: 11.375px;
  font-weight: 700;
  margin-top: -3px;
}
.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 0;
}
.panel-body {
  color: #212121;
}
.panel-default {
  border: none;
}
.panel-default > .panel-heading {
  color: #212121;
  background-color: #f6f6f6;
  border-color: #ededed;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ededed;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ededed;
}
.panel-title {
  font-size: 17.5px;
  font-weight: 600;
}
.panel-footer {
  background-color: #f6f6f6;
  border-top-color: #ededed;
}
.panel-primary {
  border-color: #00BFD7;
  border-color: rgba(0, 191, 215, 0.2);
}
.panel-primary > .panel-heading {
  color: #0099AC;
  background-color: #00BFD7;
  border-color: #00BFD7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #00BFD7;
}
.panel-primary > .panel-heading .badge {
  color: #00BFD7;
  background-color: #0099AC;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #00BFD7;
}
.panel-primary > .panel-heading {
  color: #0099AC;
  background-color: rgba(0, 191, 215, 0.2);
  border-color: rgba(0, 191, 215, 0.2);
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #00BFD7;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #00BFD7;
}
.panel-info {
  border-color: #A88CD5;
  border-color: rgba(168, 140, 213, 0.2);
}
.panel-info > .panel-heading {
  color: #9175BD;
  background-color: #A88CD5;
  border-color: #A88CD5;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #A88CD5;
}
.panel-info > .panel-heading .badge {
  color: #A88CD5;
  background-color: #9175BD;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #A88CD5;
}
.panel-info > .panel-heading {
  color: #9175BD;
  background-color: rgba(168, 140, 213, 0.2);
  border-color: rgba(168, 140, 213, 0.2);
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #A88CD5;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #A88CD5;
}
.panel-success {
  border-color: #52ba57;
  border-color: rgba(82, 186, 87, 0.2);
}
.panel-success > .panel-heading {
  color: #28948C;
  background-color: #52ba57;
  border-color: #52ba57;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #52ba57;
}
.panel-success > .panel-heading .badge {
  color: #52ba57;
  background-color: #28948C;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #52ba57;
}
.panel-success > .panel-heading {
  color: #28948C;
  background-color: rgba(82, 186, 87, 0.2);
  border-color: rgba(82, 186, 87, 0.2);
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #52ba57;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #52ba57;
}
.panel-warning {
  border-color: #f0ad4e;
  border-color: rgba(240, 173, 78, 0.2);
}
.panel-warning > .panel-heading {
  color: #F3BC65;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f0ad4e;
}
.panel-warning > .panel-heading .badge {
  color: #f0ad4e;
  background-color: #F3BC65;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f0ad4e;
}
.panel-warning > .panel-heading {
  color: #F3BC65;
  background-color: rgba(240, 173, 78, 0.2);
  border-color: rgba(240, 173, 78, 0.2);
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f0ad4e;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f0ad4e;
}
.panel-danger {
  border-color: #ff4e00;
  border-color: rgba(255, 78, 0, 0.2);
}
.panel-danger > .panel-heading {
  color: #cc3e00;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff4e00;
}
.panel-danger > .panel-heading .badge {
  color: #ff4e00;
  background-color: #cc3e00;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff4e00;
}
.panel-danger > .panel-heading {
  color: #cc3e00;
  background-color: rgba(255, 78, 0, 0.2);
  border-color: rgba(255, 78, 0, 0.2);
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ff4e00;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff4e00;
}
.progress {
  height: 10px;
  background-color: #0099AC;
  border-radius: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  margin-bottom: 20px;
}
.progress-bar {
  background-color: #00BFD7;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 30px;
  text-align: right;
  color: #212121;
  font-size: 14px;
}
.progress-bar > span {
  position: relative;
  bottom: 20px;
}
.progress-stacked > .progress-bar {
  border-radius: 0;
}
.progress-stacked > .progress-bar:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.progress-stacked > .progress-bar:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.progress-striped .progress-bar {
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.progress.active .progress-bar {
  -o-animation: progress-bar-stripes 2s linear infinite;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress > .progress-bar-success {
  background-color: #52ba57;
}
.progress > .progress-bar-info {
  background-color: #5bc0de;
}
.progress > .progress-bar-danger {
  background-color: #d9534f;
}
.progress > .progress-bar-warning {
  background-color: #f0ad4e;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 14px 5px;
  border-top: 1px solid #ededed;
}
.table > thead > tr > th {
  border-bottom: 2px solid #ededed;
  font-weight: 600;
}
.tile {
  border-radius: 6px;
  padding: 35px 25px 40px 25px;
  position: relative;
  text-align: center;
}
.tile-profile {
  background-color: #ff4e00;
}
.tile-profile img {
  border: 5px solid white;
  border-radius: 50%;
}
.tile-profile h4 {
  color: white;
  margin-bottom: 2px;
  margin-top: 20px;
}
.tile-profile p {
  color: white;
  text-transform: uppercase;
}
.tile-login {
  background: #212121;
  padding-bottom: 55px;
}
.tile-login .logo {
  margin-bottom: 40px;
  margin-top: 0;
}
.tile-login input {
  background: rgba(0, 0, 0, 0.2);
  border: none;
  color: #ededed;
}
.tile-login input[type="text"] {
  margin-bottom: 1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tile-login input[type="password"] {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-bottom: 20px;
}
.tile-login a.btn {
  margin-bottom: 10px;
}
.tile-login .checkbox .first-icon,
.tile-login .checkbox .second-icon {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
}
.tile-login .login-action div[class*='col-'] {
  padding: 0;
}
.tile-login .login-action a {
  font-size: 12.25px;
  margin-top: 10px;
  display: block;
}
.tile-login label.checkbox {
  color: #93A4AA;
  padding-left: 0;
  margin-bottom: 0;
  text-indent: -25px;
}
.icon-button {
  background: #212121;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  display: block;
  transition: none;
}
.icon-button:hover {
  background: #00BFD7;
  cursor: pointer;
}
.icon-button:hover > i {
  color: white;
}
.icon-button > i {
  color: #00BFD7;
  font-size: 14px;
}
.tool-container {
  background-color: #212121;
  background-size: 100% 100%;
  border-radius: 6px;
  position: absolute;
}
.tool-container.tool-top,
.tool-container.tool-bottom {
  height: 40px;
  border-bottom: 0;
}
.tool-top .tool-item,
.tool-bottom .tool-item {
  float: left;
  border-right: 0;
  border-left: 0;
}
.tool-item {
  height: 100%;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
  transition: none;
}
.tool-item > [class^="ss-"] {
  color: #93A4AA;
}
.tool-item.selected,
.tool-item:hover {
  background: #00BFD7;
}
.tool-item.selected > [class^="ss-"],
.tool-item:hover > [class^="ss-"] {
  color: white;
}
.tool-top .tool-item:first-child:hover,
.tool-bottom .tool-item:first-child:hover {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.tool-top .tool-item:last-child:hover,
.tool-bottom .tool-item:last-child:hover {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tool-vertical-top .tool-item:first-child:hover,
.tool-vertical-bottom .tool-item:first-child:hover {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tool-vertical-top .tool-item:last-child:hover,
.tool-vertical-bottom .tool-item:last-child:hover {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #212121;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  color: #93A4AA;
  font-size: 82%;
}
h1,
h2,
h3 {
  margin-top: 21px;
  margin-bottom: 10.5px;
}
h4,
h5,
h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
h6 {
  font-weight: normal;
}
h1,
.h1 {
  font-size: 32px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 21px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 12px;
}
.page-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
  border-bottom: none;
}
p {
  color: #212121;
}
.thumbnail {
  padding: 0;
  border: 0;
  position: relative;
  display: inline-block;
}
.thumbnail > img {
  width: 100%;
}
.thumbnail[class*="ss-"]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  color: white;
  z-index: 2;
  opacity: 0;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 31.5px;
  margin: -18px 0 0 -18px;
  color: #93A4AA;
}
.thumbnail .caption {
  border-bottom: 2px solid #ededed;
  border-left: 2px solid #ededed;
  border-right: 2px solid #ededed;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #212121;
  font-size: 12.25px;
  line-height: 1.71428571;
  padding: 20px;
}
.thumbnail.thumbnail-caption > img,
.thumbnail.thumbnail-caption a > img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.thumbnail.thumbnail-caption > img {
  width: 100%;
}
a.thumbnail:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
a.thumbnail:hover:after,
a.thumbnail[class*="ss-"]:hover:before {
  opacity: 1;
}
.switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 20px;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  vertical-align: middle;
  width: 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.switch.switch-animate .switch-container {
  -o-transition: margin-left 0.5s;
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.switch.switch-animate .switch-handle-on.switch-primary {
  -o-transition: background 0.6s;
  -webkit-transition: background 0.6s;
  transition: background 0.6s;
}
.switch.switch-on .switch-container {
  margin-left: 0%;
}
.switch.switch-on .switch-label {
  border-radius: 50%;
}
.switch.switch-off .switch-container {
  margin-left: -55%;
}
.switch.switch-off .switch-label {
  border-radius: 50%;
  border-color: #93A4AA;
}
.switch.switch-off .switch-handle-on.switch-primary {
  background: none;
}
.switch.switch-indeterminate .switch-container {
  margin-left: -25%;
}
.switch.switch-disabled,
.switch.switch-readonly,
.switch.switch-indeterminate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.switch.switch-disabled .switch-handle-on,
.switch.switch-readonly .switch-handle-on,
.switch.switch-indeterminate .switch-handle-on,
.switch.switch-disabled .switch-handle-off,
.switch.switch-readonly .switch-handle-off,
.switch.switch-indeterminate .switch-handle-off,
.switch.switch-disabled .switch-label,
.switch.switch-readonly .switch-label,
.switch.switch-indeterminate .switch-label {
  cursor: default !important;
}
.switch .switch-container {
  display: inline-block;
  width: 150px;
  top: 0;
  border-radius: 20px;
}
.switch .switch-handle-on,
.switch .switch-handle-off,
.switch .switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 12.6px;
  line-height: 16px;
}
.switch .switch-handle-on,
.switch .switch-handle-off {
  text-align: center;
  z-index: 1;
  width: 46px;
}
.switch .switch-handle-on > span,
.switch .switch-handle-off > span {
  position: relative;
  top: 1px;
}
.switch .switch-handle-on.switch-primary,
.switch .switch-handle-off.switch-primary {
  color: white;
  background: #00BFD7;
}
.switch .switch-handle-on.switch-default,
.switch .switch-handle-off.switch-default {
  color: white;
  background: #93A4AA;
}
.switch .switch-handle-on {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  text-indent: -9px;
}
.switch .switch-handle-off {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  text-indent: 8px;
}
.switch .switch-label {
  text-align: center;
  z-index: 100;
  background: #00BFD7;
  border-radius: 50%;
  border: 2px solid #00BFD7;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  margin: 0 -15px;
  position: relative;
}
.switch input[type='radio'],
.switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.switch-switch-large {
  width: 70px;
}
.switch-switch-large .switch-handle-on,
.switch-switch-large .switch-handle-off,
.switch-switch-large .switch-label {
  line-height: 22px;
  font-size: 14px;
}
.switch-switch-large .switch-label {
  width: 30px;
  height: 30px;
  margin: 0 -13px;
}
.switch-switch-large .switch-handle-on,
.switch-switch-large .switch-handle-off {
  width: 53px;
}
.css-switch {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.css-switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  margin: 0;
}
input.css-switch-default + label {
  padding: 2px;
  width: 40px;
  height: 24px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-default + label:before,
input.css-switch-default + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.css-switch-default + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: white;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-default + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 16px;
  background-color: #B2C6CD;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.css-switch-default:checked + label {
  background-color: #00BFD7;
}
input.css-switch-default:checked + label:after {
  margin-left: 16px;
  background-color: #00BFD7;
}
input.css-switch-default.css-switch-large + label {
  padding: 2px;
  width: 50px;
  height: 30px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-default.css-switch-large + label:before,
input.css-switch-default.css-switch-large + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.css-switch-default.css-switch-large + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: white;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-default.css-switch-large + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 22px;
  background-color: #B2C6CD;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.css-switch-default.css-switch-large:checked + label {
  background-color: #00BFD7;
}
input.css-switch-default.css-switch-large:checked + label:after {
  margin-left: 20px;
  background-color: #00BFD7;
}
input.css-switch-inverse + label {
  padding: 2px;
  width: 40px;
  height: 24px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-inverse + label:before,
input.css-switch-inverse + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.css-switch-inverse + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-inverse + label:after {
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 20px;
  background-color: white;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.css-switch-inverse:checked + label {
  background-color: #00BFD7;
}
input.css-switch-inverse:checked + label:after {
  margin-left: 16px;
  background-color: white;
}
input.css-switch-inverse:checked + label:before {
  background-color: #00BFD7;
}
input.css-switch-inverse.css-switch-large + label {
  padding: 2px;
  width: 50px;
  height: 30px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-inverse.css-switch-large + label:before,
input.css-switch-inverse.css-switch-large + label:after {
  display: block;
  position: absolute;
  content: "";
}
input.css-switch-inverse.css-switch-large + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #B2C6CD;
  border-radius: 60px;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
input.css-switch-inverse.css-switch-large + label:after {
  top: 2px;
  left: 2px;
  bottom: 2px;
  width: 26px;
  background-color: white;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
input.css-switch-inverse.css-switch-large:checked + label {
  background-color: #00BFD7;
}
input.css-switch-inverse.css-switch-large:checked + label:after {
  margin-left: 20px;
  background-color: white;
}
input.css-switch-inverse.css-switch-large:checked + label:before {
  background-color: #00BFD7;
}
.well {
  background-color: #f6f6f6;
  border-color: #B2C6CD;
  padding: 7px 15px;
  color: #212121;
  -webkit-box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.05);
}
.well-lg {
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 17.5px;
}
.well-sm {
  padding: 4px 10px;
  font-size: 12.25px;
}
.yapster-modal header {
  text-align: center;
}
.yapster-modal header h3 {
  color: #ff4e00;
}
.yapster-modal section {
  padding: 5px;
}
.yapster-modal section.vcenter {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.yapster-modal section.vcenter p {
  margin: 0 5px 0 5px;
}
.yapster-modal footer {
  margin: 5px 0 5px 0;
}
.yapster-modal footer .btn,
.yapster-modal footer .btn-sm {
  text-align: center;
}
.yapster-modal footer .btn.disabled,
.yapster-modal footer .btn-sm.disabled {
  opacity: 0.5;
  background-color: #ff4e00;
}
.yapster-modal footer .one-button {
  text-align: center;
}
.yapster-modal footer .two-buttons .btn-wrapper {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 1px;
  padding-right: 1px;
  text-align: center;
}
section#admin-console div.menu {
  /* margin: 1em; */
}
#admin-console div.menu ul {
  list-style: none;
}
#admin-console div.menu li h3 {
  font-weight: 400;
  margin-bottom: 0.2em;
}
#admin-console div.menu li h3 .ss-navigateright {
  font-size: smaller;
  margin-left: 0.3em;
}
#admin-console div.menu li h3 + p {
  margin-bottom: 0em;
}
section#admin-console div.menu a {
  background-color: transparent;
}
section#admin-console div.action-list {
  margin: 2em 0.7em;
}
section#admin-console div.action-list h5 {
  color: #00BFD7;
  font-weight: 100;
  text-transform: uppercase;
}
section#admin-console div.action-list h5 a {
  font-size: smaller;
}
section#admin-console div.action-list ul {
  list-style: none;
  padding-left: 0em;
}
section#admin-console div.action-list ul li p {
  padding: 0.4em;
}
section#admin-console div.action-list ul .status-ok {
  /* background-color: #a5e5b8; */
  border-left: 4px solid #a5e5b8;
}
section#admin-console div.action-list ul .status-not-done {
  /*background-color: #dbca99; */
  border-left: 4px solid #dbca99;
}
section#admin-console div.action-list ul .status-fail {
  /*background-color: #ffc96d	;*/
  border-left: 4px solid #ffc96d;
}
section#admin-console div.action-list ul .status-fail section.err {
  margin-top: -10px;
  background-color: lightgray;
}
section#admin-console .example {
  margin-left: 1em;
}
/* wizard */
#admin-console div.action-step {
  margin: 1em;
}
#admin-console div.action-step ul.toggle-list {
  list-style: none;
  padding-left: 0em;
}
#admin-console div.action-step ul.toggle-list li {
  position: relative;
  padding: 0.5em;
  padding-right: 1em;
  margin: 0.1em 0em;
}
#admin-console ul.toggle-list li.selected {
  background-color: #ff7133;
}
#admin-console div.action-step ul.toggle-list li i.ss-navigateright {
  position: absolute;
  top: 0.6em;
  /* 0.1 + padding from parent */
  right: 0.2em;
}
#admin-console div.action-step section.window-list {
  margin-left: -1em;
  margin-right: -1em;
}
#admin-console div.action-step section.window-list ul {
  list-style: none;
  padding-left: 0em;
}
#admin-console p.apply {
  text-align: center;
  padding: 0.4em;
}
#admin-console div.action-step form.file-form {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* STATS */
#admin-console .stats h2 {
  text-align: center;
  font-size: smaller;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
#admin-console .stats h2 .icon-symbol-arrow-left,
#admin-console .stats h2 .icon-symbol-arrow-right {
  color: #ff4e00;
}
.no-data {
  width: 100%;
  height: 334px;
  text-align: center;
  padding-top: 140px;
  font-size: 2em;
  opacity: 0.5;
}
@keyframes swipe-to-reveal-animate-left {
  to {
    -webkit-transform: translate3d(-100px, 0px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }
}
@keyframes swipe-to-reveal-animate-home {
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}
.swipe-to-reveal-container .swipe-to-reveal-content-wrapper.animate {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}
.swipe-to-reveal-container .swipe-to-reveal-content-wrapper.animate-left {
  -webkit-animation-name: swipe-to-reveal-animate-left;
  animation-name: swipe-to-reveal-animate-left;
}
.swipe-to-reveal-container .swipe-to-reveal-content-wrapper.swiped-left {
  -webkit-transform: translate3d(-100px, 0px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.swipe-to-reveal-container .swipe-to-reveal-content-wrapper.animate-home {
  -webkit-animation-name: swipe-to-reveal-animate-home;
  animation-name: swipe-to-reveal-animate-home;
}
section.recover-login {
  background: url("../img/login-bg.jpg") no-repeat center center fixed !important;
  display: flex;
  position: relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 4000px) {
  section.recover-login > div {
    max-width: 500px;
    width: 80%;
    margin: 10% auto auto auto;
  }
}
@media only screen and (max-device-width: 540px) {
  section.recover-login > div {
    max-width: 500px;
    width: 100%;
    min-height: 100%;
    margin: auto auto auto auto;
  }
}
section.recover-login > div {
  background-color: #fefefe;
  padding: 45px 30px;
  border: 1px solid #ededed;
}
section.recover-login > div div.logo {
  background: transparent url(../img/yapster-full-logo.svg) center center no-repeat;
  margin: 0 auto 20px auto;
  height: 82px;
  width: 80px;
}
section.recover-login > div input[type="text"],
section.recover-login > div input[type="email"],
section.recover-login > div input[type="tel"] {
  appearance: none;
}
section.recover-login > div input {
  height: 45px;
  font-size: 16px;
  background-color: #fefefe;
  border: 1px solid #f2f2f2;
  border-radius: 0;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 20px auto auto auto;
}
section.recover-login > div input::placeholder {
  color: #b3b3b3;
}
section.recover-login > div input:focus,
section.recover-login > div textarea:focus {
  outline: none !important;
  border-color: #ff7133;
  color: #212121 !important;
}
section.recover-login > div button {
  height: 45px;
  border-radius: 0;
  font-weight: 400;
  color: #fefefe;
  background-color: #ff4e00;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 100%;
  border: none;
}
section.recover-login > div button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
section.recover-login > div ul.user-matches {
  padding-left: 0px;
  margin-left: 0px;
  list-style-position: outside;
  list-style-type: none;
}
section.recover-login > div ul.user-matches li {
  display: block;
  border: 1px solid #ff4e00;
  border-radius: 5px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
section.recover-login > div ul.user-matches li > div {
  display: flex;
  flex-direction: column;
}
section.recover-login > div ul.user-matches li > div p {
  margin-bottom: 0px;
}
section.recover-login > div ul.user-matches li > div .org-name {
  margin-bottom: 0.3em;
}
section.recover-login > div ul.user-matches li > div .action {
  margin-left: auto;
}
section.recover-login > div ul.user-matches li p {
  margin-bottom: 0px;
}
section.recover-login > div ul.user-matches p:first-of-type {
  margin-bottom: 0px;
}
section.recover-login > div .footer-nav {
  margin-top: 40px;
  display: flex;
}
section.recover-login > div .footer-nav a {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  color: #212121;
}
#conversation-editor section {
  margin-bottom: 10px;
}
#conversation-editor h3,
#conversation-editor #edit-conversation-form h3 {
  line-height: 42px;
}
#conversation-editor button {
  display: block;
  margin: 16px auto 20px auto;
  padding: 5px;
  min-width: 10em;
  background: #ff4e00;
  border: none;
  color: #fefefe;
}
#conversation-editor .private-button .suffix {
  display: inline-block;
  font-size: 10px;
  margin-left: 1em;
}
#conversation-editor #recent-conversations .list-group-item {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0px 5px 79px;
  margin-top: 6px;
  border: none;
}
#conversation-editor #recent-conversations .list-group-item .pic-container {
  float: none;
  position: absolute;
  top: 5px;
  left: 0px;
  margin-left: 0px;
}
#conversation-editor #recent-conversations .list-group-item .picture-uploader .fileinput-container,
#conversation-editor #recent-conversations .list-group-item .picture-uploader .fileinput-button,
#conversation-editor #recent-conversations .list-group-item .picture-uploader .fileinput-img,
#conversation-editor #recent-conversations .list-group-item .picture-uploader .fileinput-img a {
  width: 64px;
  height: 64px;
}
#conversation-editor #recent-conversations .list-group-item .picture-uploader .fileinput-button i.material-icons {
  color: #fefefe;
  font-size: 36px;
  line-height: 64px;
}
#conversation-editor #recent-conversations .list-group-item .picture-uploader input {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
}
#conversation-editor #recent-conversations .list-group-item .conversation-name {
  display: flex;
  flex: 2 1;
  position: relative;
  margin: 10px 0px 0px 0px;
}
#conversation-editor #recent-conversations .list-group-item .conversation-name span {
  flex: 0 0;
}
#conversation-editor #recent-conversations .list-group-item .conversation-name .form-group.topic {
  padding: 0px;
  margin: 0px;
  flex: 1 1;
}
#conversation-editor #recent-conversations .list-group-item .conversation-name input {
  float: none;
  width: 100%;
  height: 22px;
  line-height: 22px;
  margin: 0px 0px 0px 5px;
  padding: 0px;
}
#conversation-editor #recent-conversations .list-group-item .message-time {
  display: block;
  float: none !important;
  flex: 1 1;
  min-width: 95px;
  margin-top: 10px;
  text-align: right;
}
#conversation-editor #recent-conversations .list-group-item .author-name {
  flex: 0 0 100%;
  padding-top: 8px;
  padding-bottom: 23px;
  /* simulate presence of message-body */
  color: #999999;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.4;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#conversation-editor #edit-conversation-form .options-group .private-button {
  margin-right: 0;
}
#conversation-editor #edit-conversation-form .options-group .private-button .btn-add,
#conversation-editor #edit-conversation-form .options-group .private-button .btn-edit,
#conversation-editor #edit-conversation-form .options-group .private-button .btn-remove {
  float: right;
  position: relative;
  top: unset;
  right: unset;
  left: unset;
  bottom: unset;
  height: auto;
}
#conversation-editor #edit-conversation-form .options-group .private-button .btn-add,
#conversation-editor #edit-conversation-form .options-group .private-button .btn-add:hover {
  color: #52ba57;
}
#conversation-editor #edit-conversation-form .options-group .private-button .btn-edit i {
  padding: 3px;
  margin-right: 2px;
  border-radius: 30px;
  background: #52ba57;
  color: #fefefe;
  font-size: 14px;
}
#conversation-editor #edit-conversation-form .options-group .private-button .icon {
  margin-top: 10px;
  vertical-align: top;
}
#conversation-editor #edit-conversation-form .options-group .private-button .poll-deadline,
#conversation-editor #edit-conversation-form .options-group .private-button .poll-options-summary {
  display: block;
}
#conversation-editor #edit-conversation-form .options-group .private-button .poll-deadline span,
#conversation-editor #edit-conversation-form .options-group .private-button .poll-options-summary span {
  display: inline-block;
}
#conversation-editor #edit-conversation-form .options-group .private-button .poll-options-summary .poll-option__name,
#conversation-editor #edit-conversation-form .options-group .private-button .poll-options-summary .poll-option__separator {
  max-width: 35ch;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
#conversation-editor #edit-conversation-form .options-group .private-button .poll-options-summary .poll-option__separator {
  margin-right: 0.75ch;
}
#conversation-editor #edit-conversation-form .options-group .private-button .poll-deadline .poll-deadline__date,
#conversation-editor #edit-conversation-form .options-group .private-button .poll-deadline .poll-deadline__time {
  margin: 0;
  padding: 0;
}
#conversation-editor #edit-conversation-form .options-group:last-of-type .private-button {
  border-bottom: none;
}
#conversation-editor #edit-conversation-form #conversation-detail-view .list-group .list-group-item {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
#conversation-editor #edit-conversation-form #conversation-detail-view .list-group .list-group-item.type-group:last-of-type {
  padding-bottom: 8px;
}
#conversation-editor #edit-conversation-form #conversation-detail-view .list-group .list-group-item.type-intersection .member-count,
#conversation-editor #edit-conversation-form #conversation-detail-view .list-group .list-group-item.type-intersection .type-group {
  line-height: 18px;
}
#conversation-editor #conversation-addressees.pending {
  position: relative;
  margin-top: 20px;
  color: #999999;
  font-size: 12px;
  text-align: center;
}
#conversation-editor #conversation-addressees.pending span {
  padding-left: 8px;
}
#conversation-editor #conversation-addressees .spinner {
  position: relative;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: 10px auto;
}
#conversation-editor #conversation-addressees .list-group .list-group .list-group-item {
  margin: 0px;
  padding: 0px;
}
#conversation-editor #conversation-addressees .list-group .list-group .list-group-item a.pull-right {
  float: none !important;
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  bottom: unset;
  height: 100%;
}
#conversation-editor #conversation-addressees .list-group .list-group .list-group-item a.pull-right,
#conversation-editor #conversation-addressees .list-group .list-group .list-group-item a.pull-right.btn-remove {
  padding: 20px 16px 0px 16px;
}
#conversation-editor #conversation-addressees ins {
  text-decoration: none;
}
#conversation-editor #conversation-addressees del {
  font-size: 24px;
  color: #CD0000;
  text-decoration-style: wavy;
}
#conversation-editor #conversation-addressees del .list-group-item {
  color: #999999;
}
#conversation-editor #conversation-addressees del .list-group-item a,
#conversation-editor #conversation-addressees del .list-group-item a > span {
  color: inherit;
}
#conversation-editor #conversation-addressees del a.btn-restore {
  z-index: 99;
}
#conversation-editor #conversation-addressees del a.btn-restore .material-icons {
  color: #fefefe;
  background: #52ba57;
  border-radius: 23px;
  padding: 3px;
  font-size: 17px;
  line-height: 1;
}
#conversation-editor #retire-conversation {
  margin-top: 40px;
  color: #606060;
  font-size: 14px;
}
#conversation-editor #retire-conversation p {
  padding: 15px 10px 0px 10px;
  color: inherit;
}
#conversation-editor #retire-conversation button {
  font-size: 14px;
}
#conversation-editor #retire-conversation ul {
  padding-left: 25px;
  padding-bottom: 5px;
}
#conversation-editor #retire-conversation ul li {
  margin-bottom: 10px;
}
header .top-nav-header ul li.contextual-user-control .new-msg a.create-conversation-context-button {
  background: #ff4e00;
  color: #fefefe;
}
header .top-nav-header ul li.contextual-user-control .new-msg a.create-conversation-context-button.inactive {
  background: inherit;
  color: #ff4e00;
}
header .top-nav-header ul li.contextual-user-control .new-msg .create-conversation-menu {
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  text-align: right;
}
header .top-nav-header ul li.contextual-user-control .new-msg .create-conversation-menu ul {
  position: absolute;
  top: 44px;
  right: 0;
  width: auto;
  height: auto;
  background: #ff4e00 !important;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
  color: #fefefe;
  overflow: auto;
}
header .top-nav-header ul li.contextual-user-control .new-msg .create-conversation-menu ul li a {
  padding: 6px 14px 6px 22px;
  background: inherit;
  color: inherit;
  font-size: inherit;
}
header .top-nav-header ul li.contextual-user-control .new-msg .create-conversation-menu ul li a i.material-icons {
  padding-left: 5px;
  font-size: 18px;
  vertical-align: text-bottom;
}
header .top-nav-header ul li.contextual-user-control .new-msg .create-conversation-menu ul li a:hover {
  background: #fefefe;
  color: #ff4e00;
}
.translation-toggle {
  display: block;
  width: 100%;
  margin: 12px 0px 6px 0px;
  padding: 0px 0px 5px 0px;
  background: #ededed;
  color: #606060;
  border-radius: 5px;
  font-size: 12px;
  line-height: 2;
}
.translation-toggle__icon {
  position: relative;
  top: 7px;
  padding: 0px 6px;
  color: #999999;
}
#newsfeed .comment {
  position: relative;
}
#newsfeed .comment .translation-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  margin: 0px;
  padding: 0px 5px 6px 0px;
  background: #d8d8d8;
  border: none;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  font-size: 10px;
  line-height: 1;
}
#newsfeed .comment .translation-toggle__icon {
  top: 5px;
  font-size: 18px;
}
#newsfeed .comment .translation-toggle__view-original {
  display: none;
}
.messages-container .message-body .translation-toggle {
  width: calc(100% + 20px);
  margin: 10px 0px -5px -10px;
  padding: 2px 0px 6px 2px;
  background: #d8d8d8;
  border: none;
  border-radius: 0;
  font-size: 10px;
  line-height: 1;
}
.messages-container .message-body .translation-toggle__icon {
  top: 2px;
  font-size: 18px;
}
#conversation-messages .message-group .message-body.translated .translation-toggle i.material-icons {
  margin-left: 0;
  color: #999999;
}
.error-boundary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 5px 0px;
  padding: 5px 16px;
  background: repeating-linear-gradient(-45deg, #cd0000, #cd0000 16px, #d70000 16px, #d70000 32px);
}
.error-boundary h6 {
  color: #fefefe;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
}
.error-boundary__explain {
  color: #fefefe;
  font-size: 12px;
}
.error-boundary--app {
  align-items: flex-start;
  height: 100%;
  margin: 0px;
  padding: 32px;
  border-radius: 0;
  background: #ededed;
  background: linear-gradient(45deg, #ededed, #fefefe);
  box-shadow: none;
}
.error-boundary--app h6,
.error-boundary--app p {
  color: #212121;
}
.error-boundary--app h6 {
  width: 100%;
  margin: 0 0 64px 0;
  font-size: 32px;
  text-align: center;
  color: #cd0000;
}
.error-boundary--app p {
  margin: 0 0 24px 0;
  font-size: 18px;
  text-align: left;
}
.error-boundary__action {
  margin: 16px auto;
  padding: 8px;
  min-width: 15em;
  border: 1px solid #cc3e00;
  border-top: none;
  border-right: none;
  border-radius: 10px;
  background: #ff4e00;
  background: linear-gradient(45deg, #ff4e00, #ff7133);
  color: #fefefe;
  box-shadow: 0px 5px #d8d8d8;
  text-align: center;
}
.error-boundary__action:hover,
.error-boundary__action:active,
.error-boundary__action:focus {
  color: #fefefe;
  background: #cc3e00;
  background: linear-gradient(45deg, #cc3e00, #ff4e00);
}
.selected-emoji {
  display: block;
  position: relative;
  height: 7px;
  width: 7px;
  background-color: #52ba57;
  border-radius: 50%;
}
.selected-emoji-big {
  height: 7px;
  width: 7px;
  background-color: #52ba57;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.drop-shadow {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.round-btn-bg {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50px;
  background-color: rgba(254, 254, 254, 0.75);
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.round-btn-bg-announcement {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50px;
  background-color: #ff4e00;
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.round-btn-small-bg {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background-color: rgba(254, 254, 254, 0.75);
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
html,
#app,
#app-container,
#drawer-container,
#drawer-body,
#page-wrapper,
#page {
  background-color: #f6f6f6;
  height: 100%;
}
body {
  height: 100vh;
  background: #fefefe;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-backface-visibility: hidden;
  -ms-content-zooming: none;
  -ms-touch-action: none;
  position: relative;
}
body.browser {
  height: 100%;
}
body .modal-backdrop {
  display: block;
  z-index: 1040;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body .modal-container {
  display: block;
  height: 100%;
  min-width: 310px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  top: 0;
  z-index: 1050;
}
body .modal-options {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
body .modal-options ul {
  list-style: none;
  margin: 20px;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
}
body .modal-options li + li {
  border-top: 1px solid #ededed;
}
body .modal-options a {
  padding: 20px;
  color: #212121;
  display: block;
  background: #fff;
  text-align: center;
}
body .modal-options a:hover,
body .modal-options a:active,
body .modal-options a:focus {
  color: #212121;
  background: #ededed;
  text-decoration: none;
}
#app {
  max-width: 480px;
  margin: 0px auto;
}
#app-container {
  background-color: #fefefe;
}
@media screen and (min-width: 480px) {
  body {
    background: #616161;
  }
}
.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
#app-container {
  position: relative;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: constant(safe-area-inset-top);
  /* iOS 11.0 */
  padding-top: env(safe-area-inset-top);
  /* iOS 11.2 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* iOS 11.0 */
  padding-bottom: env(safe-area-inset-bottom);
  /* iOS 11.2 */
}
#app-container.ios-fix {
  padding-top: 20px;
}
#app-container.android {
  padding-top: var(--android-insets-top);
  padding-bottom: var(--android-insets-bottom);
}
#app-container.android .bm-menu {
  padding-bottom: calc(var(--android-insets-top) + var(--android-insets-bottom));
}
#app-container.android.keyboard-showing {
  padding-bottom: 0;
}
#app-container.android.keyboard-showing .bm-menu {
  padding-bottom: 0;
}
#page {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 100%;
}
#page > header {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
#page > header .panel {
  margin: 0;
}
#page > section {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  overflow-x: hidden;
}
#page > footer {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-order: 3;
  order: 3;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  z-index: 99;
  background: #fefefe;
}
#page > footer:empty {
  display: none;
}
#page > footer .btn-wrapper {
  background: #f6f6f6;
}
.icon-button {
  width: 64px;
  height: 64px;
  position: relative;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.icon-button i:before {
  font-size: 24px;
  line-height: 36px;
  color: #ff4e00;
}
.icon-button i:before {
  font-size: 22px;
  line-height: 34px;
  position: relative;
  color: #fff;
}
.picture-uploader .fileinput-button {
  display: block;
}
.picture-uploader + .private-button {
  margin-left: 100px;
}
.private-button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.private-button,
.private-button * {
  cursor: pointer;
}
.private-button b {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ededed;
  color: #ccc;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
.private-button i.icon-symbol-lock:before {
  font-size: 30px;
  line-height: 60px;
  position: relative;
}
.private-button input {
  display: none;
}
.private-button input:checked + b {
  background-color: #ff4e00;
  color: #fff;
}
.private-button label {
  margin: 0;
  font-weight: normal;
}
.private-button label > span {
  display: block;
}
.checkbox label,
.checkbox-inline label {
  padding: 0;
  margin: 0;
}
.checkbox input,
.checkbox-inline input {
  display: none;
}
.checkbox span,
.checkbox-inline span {
  display: inline-block;
  line-height: 1.25;
  vertical-align: middle;
}
.checkbox b,
.checkbox-inline b {
  width: 54px;
  height: 30px;
  background-color: #ededed;
  border: 2px solid #ededed;
  border-radius: 30px;
  display: inline-block;
  float: left;
  position: relative;
  transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s;
}
.checkbox b:before,
.checkbox-inline b:before,
.checkbox b:after,
.checkbox-inline b:after {
  content: " ";
  display: table;
}
.checkbox b:after,
.checkbox-inline b:after {
  clear: both;
}
.checkbox b:before,
.checkbox-inline b:before,
.checkbox b:after,
.checkbox-inline b:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.checkbox b:after,
.checkbox-inline b:after {
  clear: both;
}
.checkbox b:before,
.checkbox-inline b:before,
.checkbox b:after,
.checkbox-inline b:after {
  content: " ";
  display: table;
}
.checkbox b:after,
.checkbox-inline b:after {
  clear: both;
}
.checkbox b:before,
.checkbox-inline b:before,
.checkbox b:after,
.checkbox-inline b:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.checkbox b:after,
.checkbox-inline b:after {
  clear: both;
}
.checkbox b i,
.checkbox-inline b i {
  width: 26px;
  height: 26px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
  display: block;
  float: left;
  background: #fff;
  margin-left: 0;
  transition: margin 0.2s ease 0s;
}
.checkbox input:checked + b,
.checkbox-inline input:checked + b {
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.checkbox input:checked + b i,
.checkbox-inline input:checked + b i {
  margin-left: 24px;
}
/* =============================================================================
 # onboarding
 ============================================================================ */
/**
* 1. See onboarding app
* 1a. see also manage-invites.less, form.less, input.less, buttons.less,
* manage-invites.less (in-app invites)
* 2. Clean up some variables already exist in app
*/
/* Variables
   ========================================================================== */
#login-form-view {
  background-color: #fefefe;
  width: 100%;
  height: 100%;
  color: #212121;
  display: table;
  padding: 0 15px;
}
#login-form-view .login-form {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding-top: 45px;
}
#login-form-view .login-form .logo-login {
  display: block;
  height: 82px;
  width: 80px;
  padding: 0;
  margin: 0 auto 20px;
  background: transparent url(../img/yapster-full-logo.svg) center center no-repeat;
  background-size: contain;
}
#login-form-view .login-form .fetching {
  text-align: center;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  white-space: nowrap !important;
  height: 45px !important;
  line-height: 45px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
}
#login-form-view .login-form .no-orgs-message {
  padding: 0px 20px 18px;
  text-align: left;
  font-size: 14px;
}
#login-form-view .login-form .no-orgs-message h2 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#login-form-view .login-form .no-orgs-message a {
  text-decoration: underline;
}
#login-form-view .login-form .login-input-group {
  margin-top: 20px;
  position: relative;
}
#login-form-view .login-form a.forgotten-pass {
  font-size: 14px;
  color: #212121;
  line-height: 36px;
  text-decoration: underline;
  cursor: pointer;
}
#login-form-view .login-form a.forgotten-pass:hover {
  color: #ff4e00;
}
#login-form-view .login-form input[type="text"],
#login-form-view .login-form input[type="email"],
#login-form-view .login-form input[type="tel"],
#login-form-view .login-form input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 45px;
  font-size: 16px;
  background-color: #fefefe;
  border: 1px solid #f2f2f2;
  border-radius: 0;
  padding: 0 10px;
  box-sizing: border-box;
}
#login-form-view .login-form input::placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form ::-webkit-input-placeholder,
#login-form-view .login-form ::-moz-placeholder,
#login-form-view .login-form :-ms-input-placeholder,
#login-form-view .login-form :-moz-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form input:focus,
#login-form-view .login-form textarea:focus {
  outline: none !important;
  border-color: #ff7133;
  color: #212121 !important;
}
#login-form-view .login-form input:active {
  color: #212121 !important;
}
#login-form-view .login-form input.warning {
  outline: none !important;
  border-color: #cd0000;
  color: #cd0000;
}
#login-form-view .login-form .error,
#login-form-view .login-form .warning,
#login-form-view .login-form .login-hint {
  font-size: 14px;
  line-height: 20px;
  color: #cd0000;
  display: block;
}
#login-form-view .login-form button {
  border: none;
  border-radius: 0;
  margin: 0;
  margin-right: -4px;
  font-weight: 400;
  background-color: #ff4e00;
  color: #fefefe;
}
#login-form-view .login-form button:hover {
  background-color: #cc3e00;
}
#login-form-view .login-form button:hover.inactive {
  background-color: #f6f6f6;
  color: #cccccc;
  cursor: not-allowed;
}
#login-form-view .login-form button:focus,
#login-form-view .login-form button.inactive:focus {
  outline: 0;
}
#login-form-view .login-form button:active {
  color: #ff4e00;
  outline: none !important;
}
#login-form-view .login-form button:active.inactive {
  color: #cccccc;
}
#login-form-view .login-form button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
#login-form-view .login-form .brand-primary,
#login-form-view .login-form .active {
  background-color: #ff4e00;
  color: #fefefe;
}
#login-form-view .login-form .inactive {
  background-color: #f6f6f6;
  color: #cccccc;
  cursor: not-allowed;
}
#login-form-view .login-form .btn {
  height: 45px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-transform: none;
  letter-spacing: 0px;
  margin: 0;
}
#login-form-view .login-form .btn-full-width {
  width: 100%;
}
#login-form-view .login-form .brand-primary,
#login-form-view .login-form .active {
  background-color: #ff4e00;
  color: #fefefe;
}
#login-form-view .login-form .inactive {
  background-color: #f6f6f6;
  color: #cccccc;
  cursor: not-allowed;
}
#login-form-view .login-form .login-method {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
  margin: 0;
  background-color: #ededed;
}
#login-form-view .login-form .login-method h4,
#login-form-view .login-form .login-method h5 {
  color: #ff4e00;
  margin: 10px 10px 15px;
}
#login-form-view .login-form .login-method p {
  margin: 0 10px 10px;
}
#login-form-view .login-form .login-method a {
  color: #fefefe;
  font-size: 16px;
}
#login-form-view .login-form .login-method .form-control {
  font-size: 16px !important;
  color: #212121;
  color: #6e6e6e;
  border-radius: 0;
}
#login-form-view .login-form .login-method .form-control::-webkit-input-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:-moz-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control::-moz-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:-ms-input-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:focus {
  background: transparent;
  color: #212121;
}
#login-form-view .login-form .login-method .form-control:focus::-webkit-input-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:focus:-moz-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:focus::-moz-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .login-method .form-control:focus:-ms-input-placeholder {
  color: #b3b3b3;
}
#login-form-view .login-form .help-control {
  margin-top: 80px;
  text-align: center;
  color: #b3b3b3;
}
#login-form-view .login-form .help-control a {
  display: inline-block;
  color: #212121;
  font-size: 14px;
  text-decoration: underline;
  margin: 0 10px 20px 10px;
}
#login-form-view .login-form .help-control a:hover {
  color: #ff4e00;
}
#login-form-view .login-form .status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  text-align: left;
}
#login-form-view .login-form .status .status-inner {
  margin-top: 0;
  padding: 10px;
  font-size: 14px;
}
.ios-fix #login-form-view .login-form .status {
  top: 20px;
}
#login,
#profile-set-up,
#profile-setup {
  background: #fefefe !important;
}
#page section #profile-setup {
  background: orange;
}
#profile-set-up {
  max-width: 480px;
  min-width: 310px;
}
#profile-set-up .wrapper {
  margin: 0 25px;
}
#profile-set-up .wrapper .dnd-options {
  padding: 10px 0;
  font-size: 14px;
  margin: 0 0 10px 0;
  position: relative;
}
#profile-set-up .wrapper input[type="file"] {
  position: absolute;
  top: 0;
  right: -260px;
  margin: 0;
  display: inline-block;
  width: 260px;
  height: 260px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
}
#profile-set-up .wrapper input[type="file"]:hover {
  cursor: pointer;
}
#profile-set-up .wrapper i.material-icons {
  font-size: 36px;
  color: #999999;
  margin-top: 45%;
}
#profile-set-up .wrapper span.text-centre {
  text-align: center;
  display: block;
}
#profile-set-up .wrapper span.text-centre a {
  color: #b3b3b3;
  cursor: pointer;
}
#profile-set-up .wrapper div.picture-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 16px auto;
  height: calc(100vw - 60px);
  background-color: #ededed;
}
#profile-set-up .wrapper div.picture-container img.img-responsive {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
#profile-set-up .wrapper button {
  border: none;
  border-radius: 0;
  margin: 0;
  margin-right: -4px;
  font-weight: 400;
  background-color: #ff4e00;
  color: #fefefe;
}
#profile-set-up .wrapper button:hover {
  background-color: #cc3e00;
}
#profile-set-up .wrapper button:hover.inactive {
  background-color: #ededed;
  color: #cccccc;
  cursor: not-allowed;
}
#profile-set-up .wrapper button:focus,
#profile-set-up .wrapper button.inactive:focus {
  outline: 0;
}
#profile-set-up .wrapper button:active {
  color: #ff4e00;
  outline: none !important;
}
#profile-set-up .wrapper button:active.inactive {
  color: #cccccc;
}
#profile-set-up .wrapper button:disabled {
  background-color: #ededed;
  cursor: not-allowed;
}
#profile-set-up .wrapper button {
  border: none;
  border-radius: 0;
  margin: 0;
  margin-right: -4px;
  font-weight: 400;
}
#profile-set-up .wrapper button.btn-text {
  background-color: #f6f6f6;
  color: #999999;
  width: 100%;
  margin-top: 20px;
}
#profile-set-up .wrapper button.btn-text:hover {
  background-color: #f6f6f6;
}
#profile-set-up .wrapper button:hover {
  background-color: #cc3e00;
}
#profile-set-up .wrapper button:hover.disabled {
  background-color: #ededed;
  cursor: not-allowed;
}
#profile-set-up .wrapper button:focus,
#profile-set-up .wrapper button.inactive:focus {
  outline: 0;
}
#profile-set-up .wrapper button:active {
  color: #ff4e00;
  outline: none !important;
}
#profile-set-up .wrapper button:active.inactive {
  color: #cccccc;
}
#profile-set-up .wrapper .disabled,
#profile-set-up .wrapper .disabled:hover {
  background-color: #ededed;
  color: #cccccc;
  cursor: not-allowed;
  opacity: 1;
}
#profile-set-up .wrapper .input-group {
  display: inline;
}
#profile-set-up .wrapper .spinner {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 78, 0, 0.25);
  border-bottom: 2px solid #ff4e00;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
#profile-set-up .wrapper .btn {
  height: 45px;
  font-size: 16px;
  line-height: 1;
  text-transform: none;
  text-align: center;
}
#profile-set-up .wrapper .btn-full-width {
  width: 100%;
  margin-bottom: 15px;
}
#profile-set-up .wrapper .btn-medium-width {
  width: 50%;
  text-align: center;
}
#profile-set-up .wrapper .brand-primary,
#profile-set-up .wrapper .active {
  background-color: #ff4e00;
  color: #fefefe;
}
#profile-set-up .wrapper .inactive {
  background-color: #ededed;
  color: #cccccc;
  cursor: not-allowed;
}
img.img-responsive {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
@media screen and (min-width: 480px) {
  #profile-set-up .wrapper input[type="file"] {
    position: absolute;
    top: 0;
    right: -420px;
    margin: 0;
    display: inline-block;
    width: 100%;
    width: 420px;
    height: 420px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
  }
  #profile-set-up .wrapper input[type="file"]:hover {
    cursor: pointer;
  }
  #profile-set-up .wrapper div.picture-container {
    height: 420px;
  }
}
/* Variables
   ========================================================================== */
/* Mixins
   ========================================================================== */
.selected-addressee {
  background: #EDEDED !important;
  border-radius: 4px;
  padding: 0 3px 0 2px;
  display: inline-block;
  margin-right: 10px;
  color: #212121 !important;
  line-height: 2;
}
.scrolls-horizontally {
  width: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 48px;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 8px;
  width: 90%;
  display: inline-block;
  -ms-overflow-style: none;
}
#page > section {
  z-index: 0;
  background: #f6f6f6;
}
section#login-form-view {
  background: #fefefe;
}
header {
  background-color: #fefefe;
  z-index: 1;
}
header #attention {
  position: absolute;
}
header .top-nav-header {
  border-bottom: 1px solid #ededed;
}
header .top-nav-header ul {
  height: 44px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
  position: relative;
  background: #fefefe !important;
}
header .top-nav-header ul li {
  display: block;
  height: 100%;
}
header .top-nav-header ul li.drawer {
  float: left;
}
header .top-nav-header ul li.forward {
  float: right;
}
header .top-nav-header ul li.logo {
  position: absolute;
  z-index: 1;
  width: 100%;
  padding: 11px 0 10px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: normal;
  color: #ff4e00;
}
header .top-nav-header ul li.logo > a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  background: url(../img/header-logo.png);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
header .top-nav-header ul li.title {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #212121;
  line-height: 24px;
  padding: 11px 40px 10px 73px;
}
header .top-nav-header ul li.title > a {
  display: block;
  padding: 0;
  height: 100%;
  line-height: 24px;
  width: auto;
  color: #ff4e00;
  background: #fefefe;
  font-size: 12px;
}
header .top-nav-header ul li.title > a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.title .conversation-name-wrapper {
  display: inline;
}
header .top-nav-header ul li.title .conversation-name-wrapper .type-group i.material-icons {
  font-size: 18px;
  vertical-align: text-bottom;
  margin-right: 3px;
  color: #999999;
}
header .top-nav-header ul li.title .conversation-name br,
header .top-nav-header ul li.title .timeline-title br {
  display: none;
}
header .top-nav-header ul li.title .conversation-name br {
  content: ' ';
}
header .top-nav-header ul li.title .conversation-name br::after {
  content: ' ';
}
header .top-nav-header ul li.title .timeline-title br {
  content: ' ';
}
header .top-nav-header ul li.title .timeline-title br::after {
  content: ' ';
}
header .top-nav-header ul li.title .conversation-name,
header .top-nav-header ul li.title .timeline-title {
  font-weight: 600;
  width: 75%;
  color: #212121;
  line-height: 24px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .top-nav-header ul li.title .conversation-name .type-group i.material-icons,
header .top-nav-header ul li.title .timeline-title .type-group i.material-icons {
  font-size: 18px;
  vertical-align: text-bottom;
  margin-right: 3px;
  color: #999999;
}
header .top-nav-header ul li.title .conversation-name .visibility,
header .top-nav-header ul li.title .timeline-title .visibility {
  padding-right: 3px;
  display: none;
}
header .top-nav-header ul li.title .conversation-name .visibility i,
header .top-nav-header ul li.title .timeline-title .visibility i {
  font-size: 9px;
}
header .top-nav-header ul li.title .conversation-name .visibility i.visibility-private,
header .top-nav-header ul li.title .timeline-title .visibility i.visibility-private {
  color: #52ba57;
}
header .top-nav-header ul li.title .conversation-name .visibility i.visibility-group,
header .top-nav-header ul li.title .timeline-title .visibility i.visibility-group {
  color: #f0ad4e;
}
header .top-nav-header ul li.title .directory-name {
  font-weight: 600;
  width: 88%;
  color: #212121;
  line-height: 24px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header .top-nav-header ul li.title .hashtag-search-title .search-string {
  vertical-align: top;
  font-weight: 600;
  color: #212121;
  line-height: 24px;
  display: inline-block;
  white-space: nowrap;
}
header .top-nav-header ul li.title .news-post-preview-header-title {
  font-weight: 600;
  width: 75%;
  color: #212121;
  display: inline-block;
}
header .top-nav-header ul li.manage-notifications {
  height: 44px;
  width: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.manage-notifications > span {
  display: block;
  height: 100%;
  width: auto;
}
header .top-nav-header ul li.manage-notifications > span.new-msg a {
  padding-bottom: 2px;
}
header .top-nav-header ul li.manage-notifications a {
  display: block;
  padding: 11px 10px 0px 11px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 20px;
  line-height: 32px;
  border: none;
}
header .top-nav-header ul li.manage-notifications a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.manage-notifications a.btn-forward {
  font-size: 12px;
  line-height: 24px;
}
header .top-nav-header ul li.manage-notifications a.btn-forward.disabled {
  color: #ededed;
}
header .top-nav-header ul li.manage-notifications a span.badge {
  position: absolute;
  right: -10px;
  top: 7px;
}
header .top-nav-header ul li.manage-notifications a span.badge-update {
  position: absolute;
  right: -15px;
  top: 7px;
}
header .top-nav-header ul li.contextual-user-control {
  height: 44px;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.contextual-user-control > span {
  display: block;
  height: 100%;
  width: auto;
}
header .top-nav-header ul li.contextual-user-control > span.new-msg a,
header .top-nav-header ul li.contextual-user-control > span.mark-read a {
  padding-bottom: 2px;
}
header .top-nav-header ul li.contextual-user-control a {
  display: block;
  padding: 11px 10px 0px 10px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 23px;
  line-height: 31px;
  border: none;
}
header .top-nav-header ul li.contextual-user-control a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.contextual-user-control a.btn-forward {
  font-size: 12px;
  line-height: 1.6;
  background: #ff4e00;
  color: #fefefe;
  padding: 4px 10px;
  margin: 10px 10px 0 0;
}
header .top-nav-header ul li.contextual-user-control a.btn-forward.disabled {
  color: #ededed;
  background: #fefefe;
}
header .top-nav-header ul li.back {
  height: 100%;
  width: 85px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.back a {
  display: block;
  height: 100%;
  width: auto;
  padding: 11px 10px 10px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 19px;
  line-height: 30px;
  border: none;
}
header .top-nav-header ul li.back a .ss-navigateleft {
  margin-left: -3px;
  position: relative;
  top: 0;
}
header .top-nav-header ul li.back a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.back a.btn-back {
  font-size: 12px;
  line-height: 24px;
}
header .top-nav-header ul li.back a .badge {
  margin-bottom: 7px;
}
header .top-nav-header ul li.back a .view-label {
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  bottom: 5px;
}
header .slide-panel-nav ul {
  height: 53px;
  margin: 0;
  padding: 2px 0;
  list-style: none;
  overflow: hidden;
}
header .slide-panel-nav ul li {
  display: block;
  height: 100%;
}
header .slide-panel-nav ul li.back {
  float: left;
}
header .slide-panel-nav ul li.forward {
  float: right;
}
header .slide-panel-nav ul li.title {
  text-align: center;
  margin: 0 80px;
  padding: 12px 0;
}
header .slide-panel-nav ul li.title > span {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
header .slide-panel-nav ul li.title > a {
  display: block;
  margin: -7px 0;
}
header .slide-panel-nav ul li.title > a > span,
header .slide-panel-nav ul li.title > a > small {
  display: block;
}
header .slide-panel-nav ul li.title > a > span {
  line-height: 18px;
}
header .slide-panel-nav ul li.title > a small {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
header .slide-panel-nav ul li .pic-container {
  margin: 2px 10px 2px 0;
}
header .slide-panel-nav ul li .pic-container .conversation-pic {
  background-color: #ccc;
}
header .slide-panel-nav ul li .btn {
  padding: 12px;
}
header #selected-recipients {
  border-top: 1px solid #ededed;
  box-shadow: 0 8px 10px -3px rgba(0, 0, 0, 0.5);
}
header #selected-recipients div.scrolls-horizontally {
  width: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 0;
  height: auto;
  width: 100%;
  display: inline-block;
}
header #selected-recipients div.scrolls-horizontally ul {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user {
  display: inline-block;
  position: relative;
  background: transparent !important;
  line-height: 0;
  margin-right: 15px;
}
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect {
  margin: 0 auto;
  margin-top: 0px;
  padding-top: 10px;
  text-align: center;
}
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .profile-pic,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .profile-pic,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .conversation-pic,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .conversation-pic {
  width: 64px;
  height: 64px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .profile-pic > img,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .profile-pic > img,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .conversation-pic > img,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .conversation-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
}
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .profile-pic i.material-icons,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .profile-pic i.material-icons,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-group .pic-container-intersect .conversation-pic i.material-icons,
header #selected-recipients div.scrolls-horizontally ul li.selected-item.selected-org-user .pic-container-intersect .conversation-pic i.material-icons {
  font-size: 36px;
  line-height: 63px;
  color: #999999;
  position: absolute;
  top: 2px;
  left: 16px;
}
header #selected-recipients .selected-item i.material-icons,
header #selected-recipients .selected-org-user i.material-icons {
  margin-top: 0px !important;
}
header #selected-recipients .selected-item .name,
header #selected-recipients .selected-org-user .name {
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
  display: block !important;
  margin-top: 8px;
}
header .selected-item,
header .selected-group {
  background: #EDEDED !important;
  border-radius: 4px;
  padding: 0 3px 0 2px;
  display: inline-block;
  margin-right: 10px;
  color: #212121 !important;
  line-height: 2;
}
header .selected-item i.btn-single-addressee-close,
header .selected-group i.btn-single-addressee-close {
  color: #CD0000 !important;
  vertical-align: text-bottom;
}
header #selected-recipients.no-addressees .scrolls-horizontally {
  width: auto;
  vertical-align: top;
}
header #selected-recipients.no-addressees .scrolls-horizontally ul li.selected-item.selected-group {
  margin-right: 0px;
}
header #selected-recipients.no-addressees .selected-item .name {
  margin: 0;
  line-height: 0;
}
header #selected-recipients.no-addressees .explainer {
  display: inline-block;
  width: 70%;
  margin-top: 5px;
  font-size: 14px;
}
header #selected-recipients.no-addressees .explainer p:first-child {
  margin: 0 0 9px 0;
}
header #selected-recipients.no-addressees .explainer .call-to-action {
  font-size: 10px;
  margin-bottom: 7px;
}
.search-sub-nav .input-icon .form-control {
  color: #212121;
  text-indent: 40px;
  padding: 10px 0px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  border-radius: 0;
  background: #ededed;
}
.search-sub-nav .input-icon .form-control ~ span i.material-icons {
  color: #999999;
  position: absolute;
  top: 8px;
  left: 10px;
}
.search-sub-nav .input-icon .form-control ~ span.action-button i.material-icons {
  left: initial;
  right: 10px;
}
.search-sub-nav .input-icon .form-control::-webkit-input-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:-moz-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control::-moz-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:-ms-input-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:focus {
  background: #ededed;
  color: #212121;
}
.search-sub-nav .input-icon .form-control:focus ~ span i.material-icons {
  color: #212121;
}
.search-sub-nav .input-icon .form-control:focus ~ span.action-button i.material-icons {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:focus::-webkit-input-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:focus:-moz-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:focus::-moz-placeholder {
  color: #999999;
}
.search-sub-nav .input-icon .form-control:focus:-ms-input-placeholder {
  color: #999999;
}
#tab-bar {
  background: #fefefe;
  border-top: 1px solid #ededed;
}
#tab-bar ul li {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
#tab-bar ul li a {
  line-height: 1.15;
  color: #00BFD7;
  padding: 8px 0 3px;
  max-width: 65px;
}
#tab-bar ul li a:hover {
  background: transparent;
}
#tab-bar ul li a i.material-icons {
  font-size: 24px;
}
#tab-bar ul li a i {
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  display: block;
  font-size: 22px;
  height: 26px;
  vertical-align: bottom;
}
#tab-bar ul li a span {
  display: block;
  font-size: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  letter-spacing: 1px;
  white-space: nowrap;
  margin: 0;
}
#tab-bar ul li a span i.material-icons {
  font-size: 10px;
  height: auto;
}
#tab-bar ul li:active i {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#tab-bar ul li.active a {
  color: #ff4e00;
  background: transparent;
}
#tab-bar .btn-cnt-5 li {
  width: 20% !important;
}
#tab-bar .btn-cnt-3 li {
  width: 25% !important;
}
#tab-bar .btn-cnt-3 li:first-of-type {
  margin-left: 12%;
}
#tab-bar .btn-cnt-2 li {
  width: 25% !important;
}
#tab-bar .btn-cnt-2 li:first-of-type {
  margin-left: 25%;
}
#tab-bar .badge {
  position: absolute;
  top: 5px;
  right: -11px;
  background: #ff4e00;
  border: 1px solid #fefefe;
}
#tab-bar .badge-without-count {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid #fefefe;
  background-color: #ff4e00;
  top: 5px;
  left: 60%;
}
#tab-bar .warning i.material-icons {
  font-size: 18px;
  color: #d9534f;
  position: absolute;
  top: 5px;
  left: 67%;
}
.animated {
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.tab-bar-hidden {
  display: none;
}
.anchor-menu {
  position: absolute;
  right: 0;
  top: 115px;
  z-index: 99;
  width: 15px;
  text-align: center;
}
.anchor-menu a {
  font-size: 10px;
  display: block;
  padding: 0 2px;
}
.anchor-menu a:hover {
  text-decoration: none;
}
.window-list ul.list-group {
  margin-bottom: 0;
}
.window-list ul.list-group li.list-section h3 {
  margin: 0;
  padding: 0 10px;
  background-color: #ededed;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.window-list ul.list-group li.list-section ul {
  padding: 0;
}
#directory-groups-users .list-group li {
  list-style-type: none;
}
#directory-groups-users .list-section h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  padding: 0 10px;
  margin: 0;
  background: #ededed;
}
#directory-groups-users .list-section h3 a {
  float: right !important;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
}
#directory-groups-users .list-section h3 a span span {
  text-transform: capitalize;
}
#directory-groups-users .list-section ul {
  padding: 0;
}
#directory-groups-users .list-section ul li {
  list-style-type: none;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-ExtraBold.eot');
  src: url('../fonts/open-sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Bold.eot');
  src: url('../fonts/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Regular.eot');
  src: url('../fonts/open-sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-LightItalic.eot');
  src: url('../fonts/open-sans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-MediumItalic.eot');
  src: url('../fonts/open-sans/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic.eot');
  src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-SemiBold.eot');
  src: url('../fonts/open-sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Italic.eot');
  src: url('../fonts/open-sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Medium.eot');
  src: url('../fonts/open-sans/OpenSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-Light.eot');
  src: url('../fonts/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-BoldItalic.eot');
  src: url('../fonts/open-sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/open-sans/OpenSans-SemiBoldItalic.eot');
  src: url('../fonts/open-sans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'glyph yap 1.2';
  src: url('../fonts/glyph-yap-1.2.eot');
  src: url('../fonts/glyph-yap-1.2.eot?#iefix') format('embedded-opentype'), url('../fonts/glyph-yap-1.2.woff') format('woff'), url('../fonts/glyph-yap-1.2.ttf') format('truetype'), url('../fonts/glyph-yap-1.2.svg#glyph-yap-1.2') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*='icon-']:before {
  display: inline-block;
  font-family: 'glyph yap 1.2';
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
}
[class*='icon-'] + span,
span + [class*='icon-'] {
  margin-left: 5px;
}
.icon-user:before {
  content: '\0041';
}
.icon-user-group:before {
  content: '\0042';
}
.icon-user-group-filled:before {
  content: '\0043';
}
.icon-chat-bubble:before {
  content: '\0044';
}
.icon-chat-bubble-filled:before {
  content: '\0045';
}
.icon-chat-bubble-add:before {
  content: '\0046';
}
.icon-mobile:before {
  content: '\0047';
}
.icon-picture:before {
  content: '\0048';
}
.icon-symbol-at:before {
  content: '\0049';
}
.icon-symbol-cog-filled:before {
  content: '\0055';
}
.icon-symbol-cog:before {
  content: '\004A';
}
.icon-symbol-cross:before {
  content: '\004B';
}
.icon-symbol-hamburger:before {
  content: '\004C';
}
.icon-symbol-lock:before {
  content: '\004D';
}
.icon-symbol-plus:before {
  content: '\004E';
}
.icon-symbol-search:before {
  content: '\004F';
}
.icon-symbol-tick:before {
  content: '\0050';
}
.icon-symbol-arrow-left:before,
.icon-symbol-arrow-down:before,
.icon-symbol-arrow-up:before {
  content: '\0051';
}
.icon-symbol-arrow-right:before {
  content: '\0052';
}
.icon-symbol-arrow-down-sm:before,
.icon-symbol-arrow-up-sm:before {
  content: '\0053';
}
.icon-symbol-arrow-right-sm:before,
.icon-symbol-arrow-left-sm:before {
  content: '\0054';
}
.icon-symbol-arrows:before {
  content: '\0056';
}
.icon-symbol-column-chart:before {
  content: '\0057';
}
.icon-symbol-orgs:before {
  content: '\0058';
}
.icon-symbol-orgs-filled:before {
  content: '\0059';
}
.icon-symbol-camera:before {
  content: '\005A';
}
.icon-chat-bubble:before,
.icon-chat-bubble-filled:before,
.icon-chat-bubble-add:before,
.icon-mobile:before,
.icon-picture:before {
  font-size: 30px;
}
.icon-symbol-hamburger:before {
  font-size: 18px;
}
.icon-symbol-arrow-left:before,
.icon-symbol-arrow-right:before,
.icon-symbol-arrow-down:before,
.icon-symbol-arrow-up:before {
  font-size: 16px;
}
.icon-symbol-plus:before,
.icon-symbol-cross:before,
.icon-symbol-arrow-down-sm:before,
.icon-symbol-arrow-up-sm:before,
.icon-symbol-arrow-left-sm:before,
.icon-symbol-arrow-right-sm:before {
  font-size: 12px;
}
.icon-symbol-arrow-up:before {
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-symbol-arrow-down:before {
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icon-symbol-arrow-up-sm:before,
.icon-symbol-arrow-left-sm:before {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-md-block {
  display: inline-block;
  margin-right: 5px;
  float: right;
}
.icon-md-block,
.icon-md-block:before {
  width: 26px;
  height: 26px;
}
.icon-md-block:before {
  font-size: 26px;
  vertical-align: middle;
}
@font-face {
  font-family: "SSJunior";
  src: url('../fonts/ss-junior/ss-junior.eot');
  src: url('../fonts/ss-junior/ss-junior.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-junior/ss-junior.woff') format('woff'), url('../fonts/ss-junior/ss-junior.ttf') format('truetype'), url('../fonts/ss-junior/ss-junior.svg#SSJunior') format('svg');
  font-weight: 400;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1;
}
.ss-icon,
.ss-icon.ss-junior,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-junior:before,
[class*=" ss-"].ss-junior:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-junior.right:after,
[class*=" ss-"].ss-junior.right:after {
  font-family: "SSJunior";
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: '';
}
.ss-cursor:before,
.ss-cursor.right:after {
  content: '';
}
.ss-crosshair:before,
.ss-crosshair.right:after {
  content: '⌖';
}
.ss-search:before,
.ss-search.right:after {
  content: '🔎';
}
.ss-zoomin:before,
.ss-zoomin.right:after {
  content: '';
}
.ss-zoomout:before,
.ss-zoomout.right:after {
  content: '';
}
.ss-view:before,
.ss-view.right:after {
  content: '👀';
}
.ss-viewdisabled:before,
.ss-viewdisabled.right:after {
  content: '';
}
.ss-binoculars:before,
.ss-binoculars.right:after {
  content: '';
}
.ss-attach:before,
.ss-attach.right:after {
  content: '📎';
}
.ss-link:before,
.ss-link.right:after {
  content: '🔗';
}
.ss-move:before,
.ss-move.right:after {
  content: '';
}
.ss-write:before,
.ss-write.right:after {
  content: '✎';
}
.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
  content: '';
}
.ss-compose:before,
.ss-compose.right:after {
  content: '📝';
}
.ss-lock:before,
.ss-lock.right:after {
  content: '🔒';
}
.ss-unlock:before,
.ss-unlock.right:after {
  content: '🔓';
}
.ss-key:before,
.ss-key.right:after {
  content: '🔑';
}
.ss-backspace:before,
.ss-backspace.right:after {
  content: '⌫';
}
.ss-ban:before,
.ss-ban.right:after {
  content: '🚫';
}
.ss-trash:before,
.ss-trash.right:after {
  content: '';
}
.ss-target:before,
.ss-target.right:after {
  content: '◎';
}
.ss-skull:before,
.ss-skull.right:after {
  content: '💀';
}
.ss-tag:before,
.ss-tag.right:after {
  content: '';
}
.ss-bookmark:before,
.ss-bookmark.right:after {
  content: '🔖';
}
.ss-flag:before,
.ss-flag.right:after {
  content: '⚑';
}
.ss-like:before,
.ss-like.right:after {
  content: '👍';
}
.ss-dislike:before,
.ss-dislike.right:after {
  content: '👎';
}
.ss-heart:before,
.ss-heart.right:after {
  content: '♥';
}
.ss-unheart:before,
.ss-unheart.right:after {
  content: '';
}
.ss-star:before,
.ss-star.right:after {
  content: '⋆';
}
.ss-unstar:before,
.ss-unstar.right:after {
  content: '';
}
.ss-sample:before,
.ss-sample.right:after {
  content: '';
}
.ss-crop:before,
.ss-crop.right:after {
  content: '';
}
.ss-cut:before,
.ss-cut.right:after {
  content: '✂';
}
.ss-clipboard:before,
.ss-clipboard.right:after {
  content: '📋';
}
.ss-ruler:before,
.ss-ruler.right:after {
  content: '';
}
.ss-gridlines:before,
.ss-gridlines.right:after {
  content: '';
}
.ss-pencilbrushpen:before,
.ss-pencilbrushpen.right:after {
  content: '';
}
.ss-paintroller:before,
.ss-paintroller.right:after {
  content: '';
}
.ss-paint:before,
.ss-paint.right:after {
  content: '';
}
.ss-paintdisabled:before,
.ss-paintdisabled.right:after {
  content: '';
}
.ss-paintedit:before,
.ss-paintedit.right:after {
  content: '';
}
.ss-pixels:before,
.ss-pixels.right:after {
  content: '';
}
.ss-phone:before,
.ss-phone.right:after {
  content: '📞';
}
.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
  content: '';
}
.ss-addressbook:before,
.ss-addressbook.right:after {
  content: '📑';
}
.ss-voicemail:before,
.ss-voicemail.right:after {
  content: '⌕';
}
.ss-mailbox:before,
.ss-mailbox.right:after {
  content: '📫';
}
.ss-send:before,
.ss-send.right:after {
  content: '';
}
.ss-paperairplane:before,
.ss-paperairplane.right:after {
  content: '';
}
.ss-mail:before,
.ss-mail.right:after {
  content: '✉';
}
.ss-inbox:before,
.ss-inbox.right:after {
  content: '📥';
}
.ss-inboxes:before,
.ss-inboxes.right:after {
  content: '';
}
.ss-outbox:before,
.ss-outbox.right:after {
  content: '📤';
}
.ss-chat:before,
.ss-chat.right:after {
  content: '💬';
}
.ss-textchat:before,
.ss-textchat.right:after {
  content: '';
}
.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
  content: '';
}
.ss-ellipsis:before,
.ss-ellipsis.right:after {
  content: '…';
}
.ss-smile:before,
.ss-smile.right:after {
  content: '☻';
}
.ss-frown:before,
.ss-frown.right:after {
  content: '☹';
}
.ss-surprise:before,
.ss-surprise.right:after {
  content: '😮';
}
.ss-user:before,
.ss-user.right:after {
  content: '👤';
}
.ss-femaleuser:before,
.ss-femaleuser.right:after {
  content: '👧';
}
.ss-users:before,
.ss-users.right:after {
  content: '👥';
}
.ss-robot:before,
.ss-robot.right:after {
  content: '';
}
.ss-ghost:before,
.ss-ghost.right:after {
  content: '👻';
}
.ss-contacts:before,
.ss-contacts.right:after {
  content: '📇';
}
.ss-pointup:before,
.ss-pointup.right:after {
  content: '👆';
}
.ss-pointright:before,
.ss-pointright.right:after {
  content: '👉';
}
.ss-pointdown:before,
.ss-pointdown.right:after {
  content: '👇';
}
.ss-pointleft:before,
.ss-pointleft.right:after {
  content: '👈';
}
.ss-cart:before,
.ss-cart.right:after {
  content: '';
}
.ss-shoppingbag:before,
.ss-shoppingbag.right:after {
  content: '';
}
.ss-store:before,
.ss-store.right:after {
  content: '🏪';
}
.ss-creditcard:before,
.ss-creditcard.right:after {
  content: '💳';
}
.ss-banknote:before,
.ss-banknote.right:after {
  content: '💵';
}
.ss-calculator:before,
.ss-calculator.right:after {
  content: '';
}
.ss-calculate:before,
.ss-calculate.right:after {
  content: '';
}
.ss-bank:before,
.ss-bank.right:after {
  content: '🏦';
}
.ss-presentation:before,
.ss-presentation.right:after {
  content: '';
}
.ss-barchart:before,
.ss-barchart.right:after {
  content: '📊';
}
.ss-piechart:before,
.ss-piechart.right:after {
  content: '';
}
.ss-activity:before,
.ss-activity.right:after {
  content: '';
}
.ss-box:before,
.ss-box.right:after {
  content: '📦';
}
.ss-home:before,
.ss-home.right:after {
  content: '⌂';
}
.ss-fence:before,
.ss-fence.right:after {
  content: '';
}
.ss-buildings:before,
.ss-buildings.right:after {
  content: '🏢';
}
.ss-lodging:before,
.ss-lodging.right:after {
  content: '🏨';
}
.ss-globe:before,
.ss-globe.right:after {
  content: '🌐';
}
.ss-navigate:before,
.ss-navigate.right:after {
  content: '';
}
.ss-compass:before,
.ss-compass.right:after {
  content: '';
}
.ss-signpost:before,
.ss-signpost.right:after {
  content: '';
}
.ss-map:before,
.ss-map.right:after {
  content: '';
}
.ss-location:before,
.ss-location.right:after {
  content: '';
}
.ss-pin:before,
.ss-pin.right:after {
  content: '📍';
}
.ss-pushpin:before,
.ss-pushpin.right:after {
  content: '📌';
}
.ss-code:before,
.ss-code.right:after {
  content: '';
}
.ss-puzzle:before,
.ss-puzzle.right:after {
  content: '';
}
.ss-floppydisk:before,
.ss-floppydisk.right:after {
  content: '💾';
}
.ss-window:before,
.ss-window.right:after {
  content: '';
}
.ss-music:before,
.ss-music.right:after {
  content: '♫';
}
.ss-mic:before,
.ss-mic.right:after {
  content: '🎤';
}
.ss-headphones:before,
.ss-headphones.right:after {
  content: '🎧';
}
.ss-mutevolume:before,
.ss-mutevolume.right:after {
  content: '';
}
.ss-volume:before,
.ss-volume.right:after {
  content: '🔈';
}
.ss-lowvolume:before,
.ss-lowvolume.right:after {
  content: '🔉';
}
.ss-highvolume:before,
.ss-highvolume.right:after {
  content: '🔊';
}
.ss-radio:before,
.ss-radio.right:after {
  content: '📻';
}
.ss-airplay:before,
.ss-airplay.right:after {
  content: '';
}
.ss-disc:before,
.ss-disc.right:after {
  content: '💿';
}
.ss-camera:before,
.ss-camera.right:after {
  content: '📷';
}
.ss-picture:before,
.ss-picture.right:after {
  content: '🌄';
}
.ss-pictures:before,
.ss-pictures.right:after {
  content: '';
}
.ss-video:before,
.ss-video.right:after {
  content: '📹';
}
.ss-film:before,
.ss-film.right:after {
  content: '';
}
.ss-clapboard:before,
.ss-clapboard.right:after {
  content: '🎬';
}
.ss-tv:before,
.ss-tv.right:after {
  content: '📺';
}
.ss-flatscreen:before,
.ss-flatscreen.right:after {
  content: '';
}
.ss-play:before,
.ss-play.right:after {
  content: '▶';
}
.ss-pause:before,
.ss-pause.right:after {
  content: '';
}
.ss-stop:before,
.ss-stop.right:after {
  content: '■';
}
.ss-record:before,
.ss-record.right:after {
  content: '●';
}
.ss-rewind:before,
.ss-rewind.right:after {
  content: '⏪';
}
.ss-fastforward:before,
.ss-fastforward.right:after {
  content: '⏩';
}
.ss-skipforward:before,
.ss-skipforward.right:after {
  content: '⏭';
}
.ss-skipback:before,
.ss-skipback.right:after {
  content: '⏮';
}
.ss-eject:before,
.ss-eject.right:after {
  content: '⏏';
}
.ss-filecabinet:before,
.ss-filecabinet.right:after {
  content: '';
}
.ss-books:before,
.ss-books.right:after {
  content: '📚';
}
.ss-notebook:before,
.ss-notebook.right:after {
  content: '📓';
}
.ss-newspaper:before,
.ss-newspaper.right:after {
  content: '📰';
}
.ss-grid:before,
.ss-grid.right:after {
  content: '';
}
.ss-rows:before,
.ss-rows.right:after {
  content: '';
}
.ss-columns:before,
.ss-columns.right:after {
  content: '';
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
  content: '';
}
.ss-menu:before,
.ss-menu.right:after {
  content: '';
}
.ss-filter:before,
.ss-filter.right:after {
  content: '';
}
.ss-desktop:before,
.ss-desktop.right:after {
  content: '💻';
}
.ss-laptop:before,
.ss-laptop.right:after {
  content: '';
}
.ss-tablet:before,
.ss-tablet.right:after {
  content: '';
}
.ss-cell:before,
.ss-cell.right:after {
  content: '📱';
}
.ss-battery:before,
.ss-battery.right:after {
  content: '🔋';
}
.ss-highbattery:before,
.ss-highbattery.right:after {
  content: '';
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
  content: '';
}
.ss-lowbattery:before,
.ss-lowbattery.right:after {
  content: '';
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
  content: '';
}
.ss-batterydisabled:before,
.ss-batterydisabled.right:after {
  content: '';
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
  content: '💡';
}
.ss-flashlight:before,
.ss-flashlight.right:after {
  content: '🔦';
}
.ss-flashlighton:before,
.ss-flashlighton.right:after {
  content: '';
}
.ss-picnictable:before,
.ss-picnictable.right:after {
  content: '';
}
.ss-birdhouse:before,
.ss-birdhouse.right:after {
  content: '';
}
.ss-lamp:before,
.ss-lamp.right:after {
  content: '';
}
.ss-onedie:before,
.ss-onedie.right:after {
  content: '⚀';
}
.ss-twodie:before,
.ss-twodie.right:after {
  content: '⚁';
}
.ss-threedie:before,
.ss-threedie.right:after {
  content: '⚂';
}
.ss-fourdie:before,
.ss-fourdie.right:after {
  content: '⚃';
}
.ss-fivedie:before,
.ss-fivedie.right:after {
  content: '⚄';
}
.ss-sixdie:before,
.ss-sixdie.right:after {
  content: '⚅';
}
.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
  content: '';
}
.ss-download:before,
.ss-download.right:after {
  content: '';
}
.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
  content: '';
}
.ss-upload:before,
.ss-upload.right:after {
  content: '';
}
.ss-transfer:before,
.ss-transfer.right:after {
  content: '⇆';
}
.ss-replay:before,
.ss-replay.right:after {
  content: '↺';
}
.ss-refresh:before,
.ss-refresh.right:after {
  content: '↻';
}
.ss-sync:before,
.ss-sync.right:after {
  content: '';
}
.ss-loading:before,
.ss-loading.right:after {
  content: '';
}
.ss-wifi:before,
.ss-wifi.right:after {
  content: '';
}
.ss-file:before,
.ss-file.right:after {
  content: '📄';
}
.ss-files:before,
.ss-files.right:after {
  content: '';
}
.ss-searchfile:before,
.ss-searchfile.right:after {
  content: '';
}
.ss-folder:before,
.ss-folder.right:after {
  content: '📁';
}
.ss-downloadfolder:before,
.ss-downloadfolder.right:after {
  content: '';
}
.ss-uploadfolder:before,
.ss-uploadfolder.right:after {
  content: '';
}
.ss-quote:before,
.ss-quote.right:after {
  content: '“';
}
.ss-anchor:before,
.ss-anchor.right:after {
  content: '';
}
.ss-print:before,
.ss-print.right:after {
  content: '⎙';
}
.ss-fax:before,
.ss-fax.right:after {
  content: '📠';
}
.ss-shredder:before,
.ss-shredder.right:after {
  content: '';
}
.ss-typewriter:before,
.ss-typewriter.right:after {
  content: '';
}
.ss-list:before,
.ss-list.right:after {
  content: '';
}
.ss-action:before,
.ss-action.right:after {
  content: '';
}
.ss-redirect:before,
.ss-redirect.right:after {
  content: '↪';
}
.ss-additem:before,
.ss-additem.right:after {
  content: '';
}
.ss-checkitem:before,
.ss-checkitem.right:after {
  content: '';
}
.ss-expand:before,
.ss-expand.right:after {
  content: '⤢';
}
.ss-contract:before,
.ss-contract.right:after {
  content: '';
}
.ss-scaleup:before,
.ss-scaleup.right:after {
  content: '';
}
.ss-scaledown:before,
.ss-scaledown.right:after {
  content: '';
}
.ss-lifepreserver:before,
.ss-lifepreserver.right:after {
  content: '';
}
.ss-help:before,
.ss-help.right:after {
  content: '❓';
}
.ss-info:before,
.ss-info.right:after {
  content: 'ℹ';
}
.ss-alert:before,
.ss-alert.right:after {
  content: '⚠';
}
.ss-caution:before,
.ss-caution.right:after {
  content: '⛔';
}
.ss-plus:before,
.ss-plus.right:after {
  content: '+';
}
.ss-hyphen:before,
.ss-hyphen.right:after {
  content: '-';
}
.ss-check:before,
.ss-check.right:after {
  content: '✓';
}
.ss-delete:before,
.ss-delete.right:after {
  content: '␡';
}
.ss-fish:before,
.ss-fish.right:after {
  content: '🐟';
}
.ss-bird:before,
.ss-bird.right:after {
  content: '🐦';
}
.ss-bone:before,
.ss-bone.right:after {
  content: '';
}
.ss-tooth:before,
.ss-tooth.right:after {
  content: '';
}
.ss-poo:before,
.ss-poo.right:after {
  content: '💩';
}
.ss-tree:before,
.ss-tree.right:after {
  content: '🌲';
}
.ss-settings:before,
.ss-settings.right:after {
  content: '⚙';
}
.ss-dashboard:before,
.ss-dashboard.right:after {
  content: '';
}
.ss-dial:before,
.ss-dial.right:after {
  content: '';
}
.ss-notifications:before,
.ss-notifications.right:after {
  content: '🔔';
}
.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
  content: '🔕';
}
.ss-toggles:before,
.ss-toggles.right:after {
  content: '';
}
.ss-flash:before,
.ss-flash.right:after {
  content: '⌁';
}
.ss-flashoff:before,
.ss-flashoff.right:after {
  content: '';
}
.ss-magnet:before,
.ss-magnet.right:after {
  content: '';
}
.ss-toolbox:before,
.ss-toolbox.right:after {
  content: '';
}
.ss-wrench:before,
.ss-wrench.right:after {
  content: '🔧';
}
.ss-clock:before,
.ss-clock.right:after {
  content: '⏲';
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
  content: '⏱';
}
.ss-alarmclock:before,
.ss-alarmclock.right:after {
  content: '⏰';
}
.ss-counterclockwise:before,
.ss-counterclockwise.right:after {
  content: '⥀';
}
.ss-calendar:before,
.ss-calendar.right:after {
  content: '📅';
}
.ss-keyboard:before,
.ss-keyboard.right:after {
  content: '';
}
.ss-keyboardup:before,
.ss-keyboardup.right:after {
  content: '';
}
.ss-keyboarddown:before,
.ss-keyboarddown.right:after {
  content: '';
}
.ss-chickenleg:before,
.ss-chickenleg.right:after {
  content: '🍗';
}
.ss-burger:before,
.ss-burger.right:after {
  content: '🍔';
}
.ss-mug:before,
.ss-mug.right:after {
  content: '☕';
}
.ss-coffee:before,
.ss-coffee.right:after {
  content: '';
}
.ss-tea:before,
.ss-tea.right:after {
  content: '🍵';
}
.ss-wineglass:before,
.ss-wineglass.right:after {
  content: '🍷';
}
.ss-paperbag:before,
.ss-paperbag.right:after {
  content: '';
}
.ss-utensils:before,
.ss-utensils.right:after {
  content: '🍴';
}
.ss-droplet:before,
.ss-droplet.right:after {
  content: '💧';
}
.ss-sun:before,
.ss-sun.right:after {
  content: '☀';
}
.ss-cloud:before,
.ss-cloud.right:after {
  content: '☁';
}
.ss-partlycloudy:before,
.ss-partlycloudy.right:after {
  content: '⛅';
}
.ss-umbrella:before,
.ss-umbrella.right:after {
  content: '☂';
}
.ss-crescentmoon:before,
.ss-crescentmoon.right:after {
  content: '🌙';
}
.ss-plug:before,
.ss-plug.right:after {
  content: '🔌';
}
.ss-outlet:before,
.ss-outlet.right:after {
  content: '';
}
.ss-car:before,
.ss-car.right:after {
  content: '🚘';
}
.ss-taxi:before,
.ss-taxi.right:after {
  content: '🚖';
}
.ss-train:before,
.ss-train.right:after {
  content: '🚆';
}
.ss-bus:before,
.ss-bus.right:after {
  content: '🚍';
}
.ss-truck:before,
.ss-truck.right:after {
  content: '🚚';
}
.ss-plane:before,
.ss-plane.right:after {
  content: '✈';
}
.ss-bike:before,
.ss-bike.right:after {
  content: '🚲';
}
.ss-rocket:before,
.ss-rocket.right:after {
  content: '🚀';
}
.ss-briefcase:before,
.ss-briefcase.right:after {
  content: '💼';
}
.ss-theatre:before,
.ss-theatre.right:after {
  content: '🎭';
}
.ss-flask:before,
.ss-flask.right:after {
  content: '';
}
.ss-up:before,
.ss-up.right:after {
  content: '⬆';
}
.ss-upright:before,
.ss-upright.right:after {
  content: '⬈';
}
.ss-right:before,
.ss-right.right:after {
  content: '➡';
}
.ss-downright:before,
.ss-downright.right:after {
  content: '⬊';
}
.ss-down:before,
.ss-down.right:after {
  content: '⬇';
}
.ss-downleft:before,
.ss-downleft.right:after {
  content: '⬋';
}
.ss-left:before,
.ss-left.right:after {
  content: '⬅';
}
.ss-upleft:before,
.ss-upleft.right:after {
  content: '⬉';
}
.ss-navigateup:before,
.ss-navigateup.right:after {
  content: '';
}
.ss-navigateright:before,
.ss-navigateright.right:after {
  content: '▻';
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
  content: '';
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
  content: '◅';
}
.ss-share:before,
.ss-share.right:after {
  content: '';
}
@font-face {
  font-family: "SSSymbolicons";
  src: url('../fonts/ss-symbolicons-line/ss-symbolicons-line.eot');
  src: url('../fonts/ss-symbolicons-line/ss-symbolicons-line.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-symbolicons-line/ss-symbolicons-line.woff') format('woff'), url('../fonts/ss-symbolicons-line/ss-symbolicons-line.ttf') format('truetype'), url('../fonts/ss-symbolicons-line/ss-symbolicons-line.svg#SSSymboliconsLine') format('svg');
  font-weight: 300;
  font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1;
}
.ss-icon,
.ss-icon.ss-symbolicons-line,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-symbolicons-line:before,
[class*=" ss-"].ss-symbolicons-line:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-symbolicons-line.right:after,
[class*=" ss-"].ss-symbolicons-line.right:after {
  font-family: "SSSymbolicons";
  font-style: normal;
  font-weight: 300;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: '';
}
.ss-crosshair:before,
.ss-crosshair.right:after {
  content: '⌖';
}
.ss-search:before,
.ss-search.right:after {
  content: '🔍';
}
.ss-zoomin:before,
.ss-zoomin.right:after {
  content: '';
}
.ss-zoomout:before,
.ss-zoomout.right:after {
  content: '';
}
.ss-binoculars:before,
.ss-binoculars.right:after {
  content: '';
}
.ss-incognito:before,
.ss-incognito.right:after {
  content: '';
}
.ss-radar:before,
.ss-radar.right:after {
  content: '';
}
.ss-raisedhand:before,
.ss-raisedhand.right:after {
  content: '✋';
}
.ss-attach:before,
.ss-attach.right:after {
  content: '📎';
}
.ss-link:before,
.ss-link.right:after {
  content: '🔗';
}
.ss-write:before,
.ss-write.right:after {
  content: '✎';
}
.ss-compose:before,
.ss-compose.right:after {
  content: '📝';
}
.ss-lock:before,
.ss-lock.right:after {
  content: '🔒';
}
.ss-unlock:before,
.ss-unlock.right:after {
  content: '🔓';
}
.ss-key:before,
.ss-key.right:after {
  content: '🔑';
}
.ss-backspace:before,
.ss-backspace.right:after {
  content: '⌫';
}
.ss-ban:before,
.ss-ban.right:after {
  content: '🚫';
}
.ss-nosmoking:before,
.ss-nosmoking.right:after {
  content: '🚭';
}
.ss-trash:before,
.ss-trash.right:after {
  content: '🗑';
}
.ss-target:before,
.ss-target.right:after {
  content: '◎';
}
.ss-stopsign:before,
.ss-stopsign.right:after {
  content: '';
}
.ss-radioactive:before,
.ss-radioactive.right:after {
  content: '☢';
}
.ss-skull:before,
.ss-skull.right:after {
  content: '💀';
}
.ss-skullandcrossbones:before,
.ss-skullandcrossbones.right:after {
  content: '☠';
}
.ss-lightning:before,
.ss-lightning.right:after {
  content: '☇';
}
.ss-tag:before,
.ss-tag.right:after {
  content: '🏷';
}
.ss-newtag:before,
.ss-newtag.right:after {
  content: '';
}
.ss-flag:before,
.ss-flag.right:after {
  content: '⚑';
}
.ss-like:before,
.ss-like.right:after {
  content: '👍';
}
.ss-dislike:before,
.ss-dislike.right:after {
  content: '👎';
}
.ss-heart:before,
.ss-heart.right:after {
  content: '♥';
}
.ss-addheart:before,
.ss-addheart.right:after {
  content: '';
}
.ss-deleteheart:before,
.ss-deleteheart.right:after {
  content: '💔';
}
.ss-star:before,
.ss-star.right:after {
  content: '⋆';
}
.ss-trophy:before,
.ss-trophy.right:after {
  content: '🏆';
}
.ss-award:before,
.ss-award.right:after {
  content: '';
}
.ss-ribbon:before,
.ss-ribbon.right:after {
  content: '🎀';
}
.ss-medal:before,
.ss-medal.right:after {
  content: '🎖';
}
.ss-badge:before,
.ss-badge.right:after {
  content: '📛';
}
.ss-crown:before,
.ss-crown.right:after {
  content: '👑';
}
.ss-bullseye:before,
.ss-bullseye.right:after {
  content: '🎯';
}
.ss-sample:before,
.ss-sample.right:after {
  content: '';
}
.ss-crop:before,
.ss-crop.right:after {
  content: '';
}
.ss-layers:before,
.ss-layers.right:after {
  content: '';
}
.ss-magicwand:before,
.ss-magicwand.right:after {
  content: '';
}
.ss-cut:before,
.ss-cut.right:after {
  content: '✂';
}
.ss-cutpaste:before,
.ss-cutpaste.right:after {
  content: '';
}
.ss-clipboard:before,
.ss-clipboard.right:after {
  content: '📋';
}
.ss-rules:before,
.ss-rules.right:after {
  content: '📏';
}
.ss-rulerpencil:before,
.ss-rulerpencil.right:after {
  content: '';
}
.ss-gridlines:before,
.ss-gridlines.right:after {
  content: '';
}
.ss-pen:before,
.ss-pen.right:after {
  content: '✒';
}
.ss-pencilbrush:before,
.ss-pencilbrush.right:after {
  content: '';
}
.ss-pencilbrushpen:before,
.ss-pencilbrushpen.right:after {
  content: '';
}
.ss-brush:before,
.ss-brush.right:after {
  content: '';
}
.ss-paintroller:before,
.ss-paintroller.right:after {
  content: '';
}
.ss-fill:before,
.ss-fill.right:after {
  content: '';
}
.ss-stroke:before,
.ss-stroke.right:after {
  content: '';
}
.ss-ink:before,
.ss-ink.right:after {
  content: '';
}
.ss-crayons:before,
.ss-crayons.right:after {
  content: '';
}
.ss-palette:before,
.ss-palette.right:after {
  content: '🎨';
}
.ss-fliphorizontally:before,
.ss-fliphorizontally.right:after {
  content: '';
}
.ss-flipvertically:before,
.ss-flipvertically.right:after {
  content: '';
}
.ss-effects:before,
.ss-effects.right:after {
  content: '';
}
.ss-bezier:before,
.ss-bezier.right:after {
  content: '';
}
.ss-pixels:before,
.ss-pixels.right:after {
  content: '';
}
.ss-phone:before,
.ss-phone.right:after {
  content: '📞';
}
.ss-rotaryphone:before,
.ss-rotaryphone.right:after {
  content: '☎';
}
.ss-touchtonephone:before,
.ss-touchtonephone.right:after {
  content: '☏';
}
.ss-phonebook:before,
.ss-phonebook.right:after {
  content: '';
}
.ss-voicemail:before,
.ss-voicemail.right:after {
  content: '⌕';
}
.ss-headset:before,
.ss-headset.right:after {
  content: '';
}
.ss-megaphone:before,
.ss-megaphone.right:after {
  content: '📢';
}
.ss-rss:before,
.ss-rss.right:after {
  content: '';
}
.ss-satellitedish:before,
.ss-satellitedish.right:after {
  content: '📡';
}
.ss-podcast:before,
.ss-podcast.right:after {
  content: '';
}
.ss-mailbox:before,
.ss-mailbox.right:after {
  content: '📫';
}
.ss-send:before,
.ss-send.right:after {
  content: '🖅';
}
.ss-mail:before,
.ss-mail.right:after {
  content: '✉';
}
.ss-incomingmail:before,
.ss-incomingmail.right:after {
  content: '📩';
}
.ss-inbox:before,
.ss-inbox.right:after {
  content: '📥';
}
.ss-inboxes:before,
.ss-inboxes.right:after {
  content: '';
}
.ss-outbox:before,
.ss-outbox.right:after {
  content: '📤';
}
.ss-stamp:before,
.ss-stamp.right:after {
  content: '';
}
.ss-chat:before,
.ss-chat.right:after {
  content: '💬';
}
.ss-chats:before,
.ss-chats.right:after {
  content: '🗪';
}
.ss-textchat:before,
.ss-textchat.right:after {
  content: '';
}
.ss-exclamationchat:before,
.ss-exclamationchat.right:after {
  content: '';
}
.ss-questionchat:before,
.ss-questionchat.right:after {
  content: '';
}
.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
  content: '';
}
.ss-sleep:before,
.ss-sleep.right:after {
  content: '💤';
}
.ss-ampersand:before,
.ss-ampersand.right:after {
  content: '&';
}
.ss-smile:before,
.ss-smile.right:after {
  content: '☻';
}
.ss-frown:before,
.ss-frown.right:after {
  content: '☹';
}
.ss-toothsmile:before,
.ss-toothsmile.right:after {
  content: '😃';
}
.ss-toothlesssmile:before,
.ss-toothlesssmile.right:after {
  content: '😀';
}
.ss-user:before,
.ss-user.right:after {
  content: '👤';
}
.ss-users:before,
.ss-users.right:after {
  content: '👥';
}
.ss-usergroup:before,
.ss-usergroup.right:after {
  content: '';
}
.ss-adduser:before,
.ss-adduser.right:after {
  content: '';
}
.ss-removeuser:before,
.ss-removeuser.right:after {
  content: '';
}
.ss-deleteuser:before,
.ss-deleteuser.right:after {
  content: '';
}
.ss-heartuser:before,
.ss-heartuser.right:after {
  content: '';
}
.ss-males:before,
.ss-males.right:after {
  content: '👬';
}
.ss-females:before,
.ss-females.right:after {
  content: '👭';
}
.ss-malefemale:before,
.ss-malefemale.right:after {
  content: '👫';
}
.ss-userportrait:before,
.ss-userportrait.right:after {
  content: '';
}
.ss-userframe:before,
.ss-userframe.right:after {
  content: '';
}
.ss-usersframe:before,
.ss-usersframe.right:after {
  content: '';
}
.ss-baby:before,
.ss-baby.right:after {
  content: '👶';
}
.ss-swaddledbaby:before,
.ss-swaddledbaby.right:after {
  content: '';
}
.ss-robot:before,
.ss-robot.right:after {
  content: '';
}
.ss-happyrobot:before,
.ss-happyrobot.right:after {
  content: '';
}
.ss-alien:before,
.ss-alien.right:after {
  content: '👽';
}
.ss-ghost:before,
.ss-ghost.right:after {
  content: '👻';
}
.ss-userprofile:before,
.ss-userprofile.right:after {
  content: '';
}
.ss-contacts:before,
.ss-contacts.right:after {
  content: '📇';
}
.ss-addressbook:before,
.ss-addressbook.right:after {
  content: '📑';
}
.ss-footsteps:before,
.ss-footsteps.right:after {
  content: '👣';
}
.ss-cart:before,
.ss-cart.right:after {
  content: '';
}
.ss-shoppingbag:before,
.ss-shoppingbag.right:after {
  content: '🛍';
}
.ss-gift:before,
.ss-gift.right:after {
  content: '🎁';
}
.ss-store:before,
.ss-store.right:after {
  content: '🏪';
}
.ss-cashregister:before,
.ss-cashregister.right:after {
  content: '';
}
.ss-safe:before,
.ss-safe.right:after {
  content: '';
}
.ss-bill:before,
.ss-bill.right:after {
  content: '';
}
.ss-creditcard:before,
.ss-creditcard.right:after {
  content: '💳';
}
.ss-dollarsign:before,
.ss-dollarsign.right:after {
  content: '$';
}
.ss-eurosign:before,
.ss-eurosign.right:after {
  content: '€';
}
.ss-poundsign:before,
.ss-poundsign.right:after {
  content: '£';
}
.ss-yensign:before,
.ss-yensign.right:after {
  content: '¥';
}
.ss-banknote:before,
.ss-banknote.right:after {
  content: '💵';
}
.ss-eurobanknote:before,
.ss-eurobanknote.right:after {
  content: '💶';
}
.ss-poundbanknote:before,
.ss-poundbanknote.right:after {
  content: '💷';
}
.ss-yenbanknote:before,
.ss-yenbanknote.right:after {
  content: '💴';
}
.ss-coins:before,
.ss-coins.right:after {
  content: '';
}
.ss-moneybag:before,
.ss-moneybag.right:after {
  content: '💰';
}
.ss-calculator:before,
.ss-calculator.right:after {
  content: '🖩';
}
.ss-bank:before,
.ss-bank.right:after {
  content: '🏦';
}
.ss-scales:before,
.ss-scales.right:after {
  content: '⚖';
}
.ss-gavel:before,
.ss-gavel.right:after {
  content: '';
}
.ss-meeting:before,
.ss-meeting.right:after {
  content: '';
}
.ss-barchart:before,
.ss-barchart.right:after {
  content: '📊';
}
.ss-piechart:before,
.ss-piechart.right:after {
  content: '';
}
.ss-activity:before,
.ss-activity.right:after {
  content: '';
}
.ss-flowchart:before,
.ss-flowchart.right:after {
  content: '';
}
.ss-box:before,
.ss-box.right:after {
  content: '📦';
}
.ss-crate:before,
.ss-crate.right:after {
  content: '';
}
.ss-hook:before,
.ss-hook.right:after {
  content: '';
}
.ss-weight:before,
.ss-weight.right:after {
  content: '';
}
.ss-home:before,
.ss-home.right:after {
  content: '⌂';
}
.ss-fence:before,
.ss-fence.right:after {
  content: '';
}
.ss-buildings:before,
.ss-buildings.right:after {
  content: '🏢';
}
.ss-bridge:before,
.ss-bridge.right:after {
  content: '';
}
.ss-barn:before,
.ss-barn.right:after {
  content: '';
}
.ss-lodging:before,
.ss-lodging.right:after {
  content: '🏨';
}
.ss-warehouse:before,
.ss-warehouse.right:after {
  content: '';
}
.ss-school:before,
.ss-school.right:after {
  content: '🏫';
}
.ss-castle:before,
.ss-castle.right:after {
  content: '🏰';
}
.ss-earth:before,
.ss-earth.right:after {
  content: '🌎';
}
.ss-globe:before,
.ss-globe.right:after {
  content: '🌐';
}
.ss-compass:before,
.ss-compass.right:after {
  content: '';
}
.ss-signpost:before,
.ss-signpost.right:after {
  content: '';
}
.ss-map:before,
.ss-map.right:after {
  content: '';
}
.ss-location:before,
.ss-location.right:after {
  content: '';
}
.ss-pushpin:before,
.ss-pushpin.right:after {
  content: '📌';
}
.ss-code:before,
.ss-code.right:after {
  content: '';
}
.ss-floppydisk:before,
.ss-floppydisk.right:after {
  content: '💾';
}
.ss-script:before,
.ss-script.right:after {
  content: '';
}
.ss-playscript:before,
.ss-playscript.right:after {
  content: '';
}
.ss-stopscript:before,
.ss-stopscript.right:after {
  content: '';
}
.ss-recordscript:before,
.ss-recordscript.right:after {
  content: '';
}
.ss-bug:before,
.ss-bug.right:after {
  content: '🐛';
}
.ss-puzzle:before,
.ss-puzzle.right:after {
  content: '';
}
.ss-window:before,
.ss-window.right:after {
  content: '🗔';
}
.ss-database:before,
.ss-database.right:after {
  content: '';
}
.ss-adddatabase:before,
.ss-adddatabase.right:after {
  content: '';
}
.ss-deletedatabase:before,
.ss-deletedatabase.right:after {
  content: '';
}
.ss-hdd:before,
.ss-hdd.right:after {
  content: '';
}
.ss-networkhdd:before,
.ss-networkhdd.right:after {
  content: '';
}
.ss-downloadhdd:before,
.ss-downloadhdd.right:after {
  content: '';
}
.ss-airplay:before,
.ss-airplay.right:after {
  content: '';
}
.ss-music:before,
.ss-music.right:after {
  content: '♫';
}
.ss-guitar:before,
.ss-guitar.right:after {
  content: '🎸';
}
.ss-mic:before,
.ss-mic.right:after {
  content: '🎤';
}
.ss-headphones:before,
.ss-headphones.right:after {
  content: '🎧';
}
.ss-volume:before,
.ss-volume.right:after {
  content: '🔈';
}
.ss-radio:before,
.ss-radio.right:after {
  content: '📻';
}
.ss-phonograph:before,
.ss-phonograph.right:after {
  content: '';
}
.ss-disc:before,
.ss-disc.right:after {
  content: '💿';
}
.ss-discs:before,
.ss-discs.right:after {
  content: '';
}
.ss-playlist:before,
.ss-playlist.right:after {
  content: '';
}
.ss-musichome:before,
.ss-musichome.right:after {
  content: '';
}
.ss-itunes:before,
.ss-itunes.right:after {
  content: '';
}
.ss-camera:before,
.ss-camera.right:after {
  content: '📷';
}
.ss-picture:before,
.ss-picture.right:after {
  content: '🌄';
}
.ss-pictures:before,
.ss-pictures.right:after {
  content: '';
}
.ss-searchpicture:before,
.ss-searchpicture.right:after {
  content: '';
}
.ss-video:before,
.ss-video.right:after {
  content: '📹';
}
.ss-clapboard:before,
.ss-clapboard.right:after {
  content: '🎬';
}
.ss-film:before,
.ss-film.right:after {
  content: '🎞';
}
.ss-filmroll:before,
.ss-filmroll.right:after {
  content: '';
}
.ss-playfilm:before,
.ss-playfilm.right:after {
  content: '';
}
.ss-tv:before,
.ss-tv.right:after {
  content: '📺';
}
.ss-flatscreen:before,
.ss-flatscreen.right:after {
  content: '';
}
.ss-projector:before,
.ss-projector.right:after {
  content: '';
}
.ss-videogame:before,
.ss-videogame.right:after {
  content: '🎮';
}
.ss-joystick:before,
.ss-joystick.right:after {
  content: '🕹';
}
.ss-cartridge:before,
.ss-cartridge.right:after {
  content: '';
}
.ss-play:before,
.ss-play.right:after {
  content: '▶';
}
.ss-pause:before,
.ss-pause.right:after {
  content: '';
}
.ss-stop:before,
.ss-stop.right:after {
  content: '■';
}
.ss-record:before,
.ss-record.right:after {
  content: '●';
}
.ss-rewind:before,
.ss-rewind.right:after {
  content: '⏪';
}
.ss-fastforward:before,
.ss-fastforward.right:after {
  content: '⏩';
}
.ss-skipback:before,
.ss-skipback.right:after {
  content: '⏮';
}
.ss-skipforward:before,
.ss-skipforward.right:after {
  content: '⏭';
}
.ss-eject:before,
.ss-eject.right:after {
  content: '⏏';
}
.ss-shuffle:before,
.ss-shuffle.right:after {
  content: '🔀';
}
.ss-filecabinet:before,
.ss-filecabinet.right:after {
  content: '🗄';
}
.ss-storagebox:before,
.ss-storagebox.right:after {
  content: '';
}
.ss-books:before,
.ss-books.right:after {
  content: '📚';
}
.ss-bookspencil:before,
.ss-bookspencil.right:after {
  content: '';
}
.ss-openbook:before,
.ss-openbook.right:after {
  content: '📖';
}
.ss-bookinsert:before,
.ss-bookinsert.right:after {
  content: '';
}
.ss-notebook:before,
.ss-notebook.right:after {
  content: '📓';
}
.ss-ledger:before,
.ss-ledger.right:after {
  content: '📒';
}
.ss-album:before,
.ss-album.right:after {
  content: '';
}
.ss-newspaper:before,
.ss-newspaper.right:after {
  content: '📰';
}
.ss-spiralbound:before,
.ss-spiralbound.right:after {
  content: '🗒';
}
.ss-notepad:before,
.ss-notepad.right:after {
  content: '';
}
.ss-notice:before,
.ss-notice.right:after {
  content: '';
}
.ss-grid:before,
.ss-grid.right:after {
  content: '';
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
  content: '';
}
.ss-menu:before,
.ss-menu.right:after {
  content: '';
}
.ss-filter:before,
.ss-filter.right:after {
  content: '';
}
.ss-desktop:before,
.ss-desktop.right:after {
  content: '💻';
}
.ss-laptop:before,
.ss-laptop.right:after {
  content: '';
}
.ss-tablet:before,
.ss-tablet.right:after {
  content: '';
}
.ss-cell:before,
.ss-cell.right:after {
  content: '📱';
}
.ss-cellbars:before,
.ss-cellbars.right:after {
  content: '📶';
}
.ss-battery:before,
.ss-battery.right:after {
  content: '🔋';
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
  content: '';
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
  content: '';
}
.ss-chargingbattery:before,
.ss-chargingbattery.right:after {
  content: '';
}
.ss-screwdrivermobile:before,
.ss-screwdrivermobile.right:after {
  content: '';
}
.ss-brushmobile:before,
.ss-brushmobile.right:after {
  content: '';
}
.ss-pencilmobile:before,
.ss-pencilmobile.right:after {
  content: '';
}
.ss-door:before,
.ss-door.right:after {
  content: '🚪';
}
.ss-washer:before,
.ss-washer.right:after {
  content: '';
}
.ss-dryer:before,
.ss-dryer.right:after {
  content: '';
}
.ss-birdhouse:before,
.ss-birdhouse.right:after {
  content: '';
}
.ss-toilet:before,
.ss-toilet.right:after {
  content: '🚽';
}
.ss-toiletpaper:before,
.ss-toiletpaper.right:after {
  content: '';
}
.ss-spraybottle:before,
.ss-spraybottle.right:after {
  content: '';
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
  content: '💡';
}
.ss-cfl:before,
.ss-cfl.right:after {
  content: '';
}
.ss-flashlight:before,
.ss-flashlight.right:after {
  content: '🔦';
}
.ss-candle:before,
.ss-candle.right:after {
  content: '';
}
.ss-flame:before,
.ss-flame.right:after {
  content: '';
}
.ss-campfire:before,
.ss-campfire.right:after {
  content: '🔥';
}
.ss-fireplace:before,
.ss-fireplace.right:after {
  content: '';
}
.ss-lamp:before,
.ss-lamp.right:after {
  content: '';
}
.ss-chair:before,
.ss-chair.right:after {
  content: '';
}
.ss-seat:before,
.ss-seat.right:after {
  content: '💺';
}
.ss-picnictable:before,
.ss-picnictable.right:after {
  content: '';
}
.ss-frame:before,
.ss-frame.right:after {
  content: '🖼';
}
.ss-heartframe:before,
.ss-heartframe.right:after {
  content: '💟';
}
.ss-starframe:before,
.ss-starframe.right:after {
  content: '';
}
.ss-treeframe:before,
.ss-treeframe.right:after {
  content: '';
}
.ss-flowerframe:before,
.ss-flowerframe.right:after {
  content: '';
}
.ss-questionframe:before,
.ss-questionframe.right:after {
  content: '';
}
.ss-utensilsframe:before,
.ss-utensilsframe.right:after {
  content: '';
}
.ss-rings:before,
.ss-rings.right:after {
  content: '💍';
}
.ss-balloons:before,
.ss-balloons.right:after {
  content: '🎈';
}
.ss-fireworks:before,
.ss-fireworks.right:after {
  content: '🎆';
}
.ss-easteregg:before,
.ss-easteregg.right:after {
  content: '';
}
.ss-jackolantern:before,
.ss-jackolantern.right:after {
  content: '🎃';
}
.ss-menorah:before,
.ss-menorah.right:after {
  content: '';
}
.ss-christmastree:before,
.ss-christmastree.right:after {
  content: '🎄';
}
.ss-teddy:before,
.ss-teddy.right:after {
  content: '';
}
.ss-blocks:before,
.ss-blocks.right:after {
  content: '';
}
.ss-rattle:before,
.ss-rattle.right:after {
  content: '';
}
.ss-diaper:before,
.ss-diaper.right:after {
  content: '';
}
.ss-pailshovel:before,
.ss-pailshovel.right:after {
  content: '';
}
.ss-sweep:before,
.ss-sweep.right:after {
  content: '';
}
.ss-headstone:before,
.ss-headstone.right:after {
  content: '⛼';
}
.ss-chess:before,
.ss-chess.right:after {
  content: '♞';
}
.ss-onedie:before,
.ss-onedie.right:after {
  content: '⚀';
}
.ss-twodie:before,
.ss-twodie.right:after {
  content: '⚁';
}
.ss-threedie:before,
.ss-threedie.right:after {
  content: '⚂';
}
.ss-fourdie:before,
.ss-fourdie.right:after {
  content: '⚃';
}
.ss-fivedie:before,
.ss-fivedie.right:after {
  content: '⚄';
}
.ss-sixdie:before,
.ss-sixdie.right:after {
  content: '⚅';
}
.ss-fuzzydice:before,
.ss-fuzzydice.right:after {
  content: '';
}
.ss-slingshot:before,
.ss-slingshot.right:after {
  content: '';
}
.ss-bomb:before,
.ss-bomb.right:after {
  content: '💣';
}
.ss-knife:before,
.ss-knife.right:after {
  content: '🔪';
}
.ss-swords:before,
.ss-swords.right:after {
  content: '⚔';
}
.ss-download:before,
.ss-download.right:after {
  content: '';
}
.ss-downloadbox:before,
.ss-downloadbox.right:after {
  content: '';
}
.ss-downloadcrate:before,
.ss-downloadcrate.right:after {
  content: '';
}
.ss-upload:before,
.ss-upload.right:after {
  content: '';
}
.ss-uploadbox:before,
.ss-uploadbox.right:after {
  content: '';
}
.ss-uploadcrate:before,
.ss-uploadcrate.right:after {
  content: '';
}
.ss-transfer:before,
.ss-transfer.right:after {
  content: '⇆';
}
.ss-refresh:before,
.ss-refresh.right:after {
  content: '↻';
}
.ss-sync:before,
.ss-sync.right:after {
  content: '';
}
.ss-wifi:before,
.ss-wifi.right:after {
  content: '';
}
.ss-connection:before,
.ss-connection.right:after {
  content: '';
}
.ss-usb:before,
.ss-usb.right:after {
  content: '';
}
.ss-files:before,
.ss-files.right:after {
  content: '';
}
.ss-addfile:before,
.ss-addfile.right:after {
  content: '';
}
.ss-removefile:before,
.ss-removefile.right:after {
  content: '';
}
.ss-deletefile:before,
.ss-deletefile.right:after {
  content: '';
}
.ss-searchfile:before,
.ss-searchfile.right:after {
  content: '';
}
.ss-folder:before,
.ss-folder.right:after {
  content: '📁';
}
.ss-addfolder:before,
.ss-addfolder.right:after {
  content: '';
}
.ss-removefolder:before,
.ss-removefolder.right:after {
  content: '';
}
.ss-deletefolder:before,
.ss-deletefolder.right:after {
  content: '';
}
.ss-downloadfolder:before,
.ss-downloadfolder.right:after {
  content: '';
}
.ss-uploadfolder:before,
.ss-uploadfolder.right:after {
  content: '';
}
.ss-undo:before,
.ss-undo.right:after {
  content: '⎌';
}
.ss-redo:before,
.ss-redo.right:after {
  content: '';
}
.ss-quote:before,
.ss-quote.right:after {
  content: '“';
}
.ss-font:before,
.ss-font.right:after {
  content: '';
}
.ss-anchor:before,
.ss-anchor.right:after {
  content: '';
}
.ss-print:before,
.ss-print.right:after {
  content: '⎙';
}
.ss-fax:before,
.ss-fax.right:after {
  content: '📠';
}
.ss-shredder:before,
.ss-shredder.right:after {
  content: '';
}
.ss-typewriter:before,
.ss-typewriter.right:after {
  content: '';
}
.ss-list:before,
.ss-list.right:after {
  content: '';
}
.ss-action:before,
.ss-action.right:after {
  content: '';
}
.ss-redirect:before,
.ss-redirect.right:after {
  content: '↪';
}
.ss-expand:before,
.ss-expand.right:after {
  content: '⤢';
}
.ss-contract:before,
.ss-contract.right:after {
  content: '';
}
.ss-scaleup:before,
.ss-scaleup.right:after {
  content: '';
}
.ss-scaledown:before,
.ss-scaledown.right:after {
  content: '';
}
.ss-power:before,
.ss-power.right:after {
  content: '';
}
.ss-lifepreserver:before,
.ss-lifepreserver.right:after {
  content: '';
}
.ss-help:before,
.ss-help.right:after {
  content: '❓';
}
.ss-info:before,
.ss-info.right:after {
  content: 'ℹ';
}
.ss-alert:before,
.ss-alert.right:after {
  content: '⚠';
}
.ss-caution:before,
.ss-caution.right:after {
  content: '⛔';
}
.ss-plus:before,
.ss-plus.right:after {
  content: '+';
}
.ss-hyphen:before,
.ss-hyphen.right:after {
  content: '-';
}
.ss-check:before,
.ss-check.right:after {
  content: '✓';
}
.ss-delete:before,
.ss-delete.right:after {
  content: '␡';
}
.ss-dogface:before,
.ss-dogface.right:after {
  content: '🐶';
}
.ss-catface:before,
.ss-catface.right:after {
  content: '🐱';
}
.ss-rabbitface:before,
.ss-rabbitface.right:after {
  content: '🐰';
}
.ss-bearface:before,
.ss-bearface.right:after {
  content: '🐻';
}
.ss-fish:before,
.ss-fish.right:after {
  content: '🐟';
}
.ss-bird:before,
.ss-bird.right:after {
  content: '🐦';
}
.ss-dog:before,
.ss-dog.right:after {
  content: '🐕';
}
.ss-sheep:before,
.ss-sheep.right:after {
  content: '🐑';
}
.ss-pig:before,
.ss-pig.right:after {
  content: '🐖';
}
.ss-turtle:before,
.ss-turtle.right:after {
  content: '🐢';
}
.ss-snake:before,
.ss-snake.right:after {
  content: '🐍';
}
.ss-elephant:before,
.ss-elephant.right:after {
  content: '🐘';
}
.ss-whale:before,
.ss-whale.right:after {
  content: '🐋';
}
.ss-bone:before,
.ss-bone.right:after {
  content: '';
}
.ss-tooth:before,
.ss-tooth.right:after {
  content: '';
}
.ss-feather:before,
.ss-feather.right:after {
  content: '';
}
.ss-poo:before,
.ss-poo.right:after {
  content: '💩';
}
.ss-palmtree:before,
.ss-palmtree.right:after {
  content: '🌴';
}
.ss-tree:before,
.ss-tree.right:after {
  content: '🌲';
}
.ss-cactus:before,
.ss-cactus.right:after {
  content: '🌵';
}
.ss-leaf:before,
.ss-leaf.right:after {
  content: '🍂';
}
.ss-mapleleaf:before,
.ss-mapleleaf.right:after {
  content: '🍁';
}
.ss-flower:before,
.ss-flower.right:after {
  content: '⚘';
}
.ss-bouquet:before,
.ss-bouquet.right:after {
  content: '💐';
}
.ss-chestnut:before,
.ss-chestnut.right:after {
  content: '🌰';
}
.ss-mushroom:before,
.ss-mushroom.right:after {
  content: '🍄';
}
.ss-gem:before,
.ss-gem.right:after {
  content: '💎';
}
.ss-snowman:before,
.ss-snowman.right:after {
  content: '☃';
}
.ss-settings:before,
.ss-settings.right:after {
  content: '⚙';
}
.ss-dashboard:before,
.ss-dashboard.right:after {
  content: '';
}
.ss-notifications:before,
.ss-notifications.right:after {
  content: '🔔';
}
.ss-toggles:before,
.ss-toggles.right:after {
  content: '🎚';
}
.ss-switch:before,
.ss-switch.right:after {
  content: '';
}
.ss-switchoff:before,
.ss-switchoff.right:after {
  content: '';
}
.ss-brightness:before,
.ss-brightness.right:after {
  content: '🔆';
}
.ss-flashoff:before,
.ss-flashoff.right:after {
  content: '';
}
.ss-magnet:before,
.ss-magnet.right:after {
  content: '';
}
.ss-toolbox:before,
.ss-toolbox.right:after {
  content: '';
}
.ss-tools:before,
.ss-tools.right:after {
  content: '';
}
.ss-hammer:before,
.ss-hammer.right:after {
  content: '🔨';
}
.ss-wrench:before,
.ss-wrench.right:after {
  content: '🔧';
}
.ss-wrenches:before,
.ss-wrenches.right:after {
  content: '';
}
.ss-wrenchpencil:before,
.ss-wrenchpencil.right:after {
  content: '';
}
.ss-screwdriverpencil:before,
.ss-screwdriverpencil.right:after {
  content: '';
}
.ss-hammerscrewdriver:before,
.ss-hammerscrewdriver.right:after {
  content: '';
}
.ss-tapemeasure:before,
.ss-tapemeasure.right:after {
  content: '';
}
.ss-hourglass:before,
.ss-hourglass.right:after {
  content: '⏳';
}
.ss-clock:before,
.ss-clock.right:after {
  content: '⏲';
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
  content: '⏱';
}
.ss-alarmclock:before,
.ss-alarmclock.right:after {
  content: '⏰';
}
.ss-mantelpiececlock:before,
.ss-mantelpiececlock.right:after {
  content: '🕰';
}
.ss-watch:before,
.ss-watch.right:after {
  content: '⌚';
}
.ss-counterclockwise:before,
.ss-counterclockwise.right:after {
  content: '⥀';
}
.ss-calendar:before,
.ss-calendar.right:after {
  content: '📅';
}
.ss-keyboardup:before,
.ss-keyboardup.right:after {
  content: '';
}
.ss-keyboarddown:before,
.ss-keyboarddown.right:after {
  content: '';
}
.ss-heavyasterisk:before,
.ss-heavyasterisk.right:after {
  content: '✱';
}
.ss-egg:before,
.ss-egg.right:after {
  content: '';
}
.ss-cheese:before,
.ss-cheese.right:after {
  content: '';
}
.ss-sausage:before,
.ss-sausage.right:after {
  content: '';
}
.ss-hotdog:before,
.ss-hotdog.right:after {
  content: '';
}
.ss-burger:before,
.ss-burger.right:after {
  content: '🍔';
}
.ss-chickenleg:before,
.ss-chickenleg.right:after {
  content: '🍗';
}
.ss-turkey:before,
.ss-turkey.right:after {
  content: '';
}
.ss-steak:before,
.ss-steak.right:after {
  content: '';
}
.ss-birthdaycake:before,
.ss-birthdaycake.right:after {
  content: '🎂';
}
.ss-cupcake:before,
.ss-cupcake.right:after {
  content: '';
}
.ss-pancakes:before,
.ss-pancakes.right:after {
  content: '';
}
.ss-doughnut:before,
.ss-doughnut.right:after {
  content: '🍩';
}
.ss-pizzapie:before,
.ss-pizzapie.right:after {
  content: '';
}
.ss-pizza:before,
.ss-pizza.right:after {
  content: '🍕';
}
.ss-frenchfries:before,
.ss-frenchfries.right:after {
  content: '🍟';
}
.ss-apple:before,
.ss-apple.right:after {
  content: '🍏';
}
.ss-carrot:before,
.ss-carrot.right:after {
  content: '';
}
.ss-grapes:before,
.ss-grapes.right:after {
  content: '🍇';
}
.ss-bread:before,
.ss-bread.right:after {
  content: '🍞';
}
.ss-cookie:before,
.ss-cookie.right:after {
  content: '🍪';
}
.ss-chocolatebar:before,
.ss-chocolatebar.right:after {
  content: '🍫';
}
.ss-candy:before,
.ss-candy.right:after {
  content: '🍬';
}
.ss-mug:before,
.ss-mug.right:after {
  content: '☕';
}
.ss-coffee:before,
.ss-coffee.right:after {
  content: '';
}
.ss-tea:before,
.ss-tea.right:after {
  content: '🍵';
}
.ss-growler:before,
.ss-growler.right:after {
  content: '';
}
.ss-beer:before,
.ss-beer.right:after {
  content: '🍺';
}
.ss-bottle:before,
.ss-bottle.right:after {
  content: '';
}
.ss-wine:before,
.ss-wine.right:after {
  content: '';
}
.ss-wineglass:before,
.ss-wineglass.right:after {
  content: '🍷';
}
.ss-cocktail:before,
.ss-cocktail.right:after {
  content: '🍸';
}
.ss-soda:before,
.ss-soda.right:after {
  content: '';
}
.ss-cup:before,
.ss-cup.right:after {
  content: '';
}
.ss-babybottle:before,
.ss-babybottle.right:after {
  content: '🍼';
}
.ss-jug:before,
.ss-jug.right:after {
  content: '';
}
.ss-pitcher:before,
.ss-pitcher.right:after {
  content: '';
}
.ss-kettle:before,
.ss-kettle.right:after {
  content: '';
}
.ss-pot:before,
.ss-pot.right:after {
  content: '';
}
.ss-salt:before,
.ss-salt.right:after {
  content: '';
}
.ss-pepper:before,
.ss-pepper.right:after {
  content: '';
}
.ss-toaster:before,
.ss-toaster.right:after {
  content: '';
}
.ss-oven:before,
.ss-oven.right:after {
  content: '';
}
.ss-bbq:before,
.ss-bbq.right:after {
  content: '';
}
.ss-takeout:before,
.ss-takeout.right:after {
  content: '';
}
.ss-paperbag:before,
.ss-paperbag.right:after {
  content: '';
}
.ss-utensils:before,
.ss-utensils.right:after {
  content: '🍴';
}
.ss-cookingutensils:before,
.ss-cookingutensils.right:after {
  content: '';
}
.ss-apron:before,
.ss-apron.right:after {
  content: '';
}
.ss-chef:before,
.ss-chef.right:after {
  content: '';
}
.ss-helmet:before,
.ss-helmet.right:after {
  content: '';
}
.ss-graduationcap:before,
.ss-graduationcap.right:after {
  content: '🎓';
}
.ss-tophat:before,
.ss-tophat.right:after {
  content: '🎩';
}
.ss-glasses:before,
.ss-glasses.right:after {
  content: '👓';
}
.ss-sunglasses:before,
.ss-sunglasses.right:after {
  content: '🕶';
}
.ss-tie:before,
.ss-tie.right:after {
  content: '';
}
.ss-tshirt:before,
.ss-tshirt.right:after {
  content: '👕';
}
.ss-dress:before,
.ss-dress.right:after {
  content: '👗';
}
.ss-bikini:before,
.ss-bikini.right:after {
  content: '👙';
}
.ss-backpack:before,
.ss-backpack.right:after {
  content: '🎒';
}
.ss-hanger:before,
.ss-hanger.right:after {
  content: '';
}
.ss-comb:before,
.ss-comb.right:after {
  content: '';
}
.ss-fabric:before,
.ss-fabric.right:after {
  content: '';
}
.ss-swatch:before,
.ss-swatch.right:after {
  content: '';
}
.ss-weave:before,
.ss-weave.right:after {
  content: '';
}
.ss-thread:before,
.ss-thread.right:after {
  content: '';
}
.ss-yarn:before,
.ss-yarn.right:after {
  content: '';
}
.ss-crochet:before,
.ss-crochet.right:after {
  content: '';
}
.ss-needles:before,
.ss-needles.right:after {
  content: '';
}
.ss-scissorsneedles:before,
.ss-scissorsneedles.right:after {
  content: '';
}
.ss-button:before,
.ss-button.right:after {
  content: '';
}
.ss-zipper:before,
.ss-zipper.right:after {
  content: '';
}
.ss-sunface:before,
.ss-sunface.right:after {
  content: '🌞';
}
.ss-sun:before,
.ss-sun.right:after {
  content: '☀';
}
.ss-partlycloudy:before,
.ss-partlycloudy.right:after {
  content: '⛅';
}
.ss-snowflake:before,
.ss-snowflake.right:after {
  content: '❄';
}
.ss-rainbow:before,
.ss-rainbow.right:after {
  content: '🌈';
}
.ss-umbrella:before,
.ss-umbrella.right:after {
  content: '☂';
}
.ss-crescentmoon:before,
.ss-crescentmoon.right:after {
  content: '🌙';
}
.ss-newmoon:before,
.ss-newmoon.right:after {
  content: '🌑';
}
.ss-waxingcrescentmoon:before,
.ss-waxingcrescentmoon.right:after {
  content: '🌒';
}
.ss-firstquartermoon:before,
.ss-firstquartermoon.right:after {
  content: '🌓';
}
.ss-waxinggibbousmoon:before,
.ss-waxinggibbousmoon.right:after {
  content: '🌔';
}
.ss-fullmoon:before,
.ss-fullmoon.right:after {
  content: '🌕';
}
.ss-waninggibbousmoon:before,
.ss-waninggibbousmoon.right:after {
  content: '🌖';
}
.ss-lastquartermoon:before,
.ss-lastquartermoon.right:after {
  content: '🌗';
}
.ss-waningcrescentmoon:before,
.ss-waningcrescentmoon.right:after {
  content: '🌘';
}
.ss-planet:before,
.ss-planet.right:after {
  content: '';
}
.ss-fan:before,
.ss-fan.right:after {
  content: '';
}
.ss-plug:before,
.ss-plug.right:after {
  content: '🔌';
}
.ss-outlet:before,
.ss-outlet.right:after {
  content: '';
}
.ss-policecar:before,
.ss-policecar.right:after {
  content: '🚔';
}
.ss-car:before,
.ss-car.right:after {
  content: '🚘';
}
.ss-carrepair:before,
.ss-carrepair.right:after {
  content: '';
}
.ss-taxi:before,
.ss-taxi.right:after {
  content: '🚖';
}
.ss-train:before,
.ss-train.right:after {
  content: '🚆';
}
.ss-bus:before,
.ss-bus.right:after {
  content: '🚍';
}
.ss-truck:before,
.ss-truck.right:after {
  content: '🚚';
}
.ss-trailer:before,
.ss-trailer.right:after {
  content: '';
}
.ss-trailerdump:before,
.ss-trailerdump.right:after {
  content: '';
}
.ss-plane:before,
.ss-plane.right:after {
  content: '✈';
}
.ss-bike:before,
.ss-bike.right:after {
  content: '🚲';
}
.ss-motorcycle:before,
.ss-motorcycle.right:after {
  content: '';
}
.ss-boat:before,
.ss-boat.right:after {
  content: '🚢';
}
.ss-sailboat:before,
.ss-sailboat.right:after {
  content: '⛵';
}
.ss-rocket:before,
.ss-rocket.right:after {
  content: '🚀';
}
.ss-ufo:before,
.ss-ufo.right:after {
  content: '';
}
.ss-squarekey:before,
.ss-squarekey.right:after {
  content: '';
}
.ss-steeringwheel:before,
.ss-steeringwheel.right:after {
  content: '';
}
.ss-helm:before,
.ss-helm.right:after {
  content: '⎈';
}
.ss-tire:before,
.ss-tire.right:after {
  content: '';
}
.ss-fuel:before,
.ss-fuel.right:after {
  content: '⛽';
}
.ss-jerrycan:before,
.ss-jerrycan.right:after {
  content: '';
}
.ss-parking:before,
.ss-parking.right:after {
  content: '';
}
.ss-wheelchair:before,
.ss-wheelchair.right:after {
  content: '♿';
}
.ss-restroom:before,
.ss-restroom.right:after {
  content: '🚻';
}
.ss-elevator:before,
.ss-elevator.right:after {
  content: '';
}
.ss-passport:before,
.ss-passport.right:after {
  content: '';
}
.ss-briefcase:before,
.ss-briefcase.right:after {
  content: '💼';
}
.ss-theatre:before,
.ss-theatre.right:after {
  content: '🎭';
}
.ss-ticket:before,
.ss-ticket.right:after {
  content: '🎫';
}
.ss-bowling:before,
.ss-bowling.right:after {
  content: '';
}
.ss-golf:before,
.ss-golf.right:after {
  content: '';
}
.ss-billiards:before,
.ss-billiards.right:after {
  content: '🎱';
}
.ss-baseball:before,
.ss-baseball.right:after {
  content: '⚾';
}
.ss-tennis:before,
.ss-tennis.right:after {
  content: '🎾';
}
.ss-basketball:before,
.ss-basketball.right:after {
  content: '🏀';
}
.ss-football:before,
.ss-football.right:after {
  content: '🏈';
}
.ss-soccer:before,
.ss-soccer.right:after {
  content: '⚽';
}
.ss-hockeymask:before,
.ss-hockeymask.right:after {
  content: '';
}
.ss-flaginhole:before,
.ss-flaginhole.right:after {
  content: '⛳';
}
.ss-paddles:before,
.ss-paddles.right:after {
  content: '';
}
.ss-skiboot:before,
.ss-skiboot.right:after {
  content: '';
}
.ss-skis:before,
.ss-skis.right:after {
  content: '🎿';
}
.ss-dumbbell:before,
.ss-dumbbell.right:after {
  content: '';
}
.ss-hiker:before,
.ss-hiker.right:after {
  content: '';
}
.ss-runner:before,
.ss-runner.right:after {
  content: '🏃';
}
.ss-shower:before,
.ss-shower.right:after {
  content: '🚿';
}
.ss-bathtub:before,
.ss-bathtub.right:after {
  content: '🛁';
}
.ss-hottub:before,
.ss-hottub.right:after {
  content: '';
}
.ss-exercise:before,
.ss-exercise.right:after {
  content: '';
}
.ss-hospital:before,
.ss-hospital.right:after {
  content: '⛨';
}
.ss-medicalcross:before,
.ss-medicalcross.right:after {
  content: '';
}
.ss-medicalbag:before,
.ss-medicalbag.right:after {
  content: '';
}
.ss-bandage:before,
.ss-bandage.right:after {
  content: '';
}
.ss-stethoscope:before,
.ss-stethoscope.right:after {
  content: '';
}
.ss-syringe:before,
.ss-syringe.right:after {
  content: '💉';
}
.ss-bathroomscale:before,
.ss-bathroomscale.right:after {
  content: '';
}
.ss-flask:before,
.ss-flask.right:after {
  content: '';
}
.ss-testtube:before,
.ss-testtube.right:after {
  content: '';
}
.ss-microscope:before,
.ss-microscope.right:after {
  content: '🔬';
}
.ss-telescope:before,
.ss-telescope.right:after {
  content: '🔭';
}
.ss-atom:before,
.ss-atom.right:after {
  content: '⚛';
}
.ss-dna:before,
.ss-dna.right:after {
  content: '';
}
.ss-fluxcapacitor:before,
.ss-fluxcapacitor.right:after {
  content: '';
}
.ss-up:before,
.ss-up.right:after {
  content: '⬆';
}
.ss-right:before,
.ss-right.right:after {
  content: '➡';
}
.ss-down:before,
.ss-down.right:after {
  content: '⬇';
}
.ss-left:before,
.ss-left.right:after {
  content: '⬅';
}
.ss-navigateup:before,
.ss-navigateup.right:after {
  content: '';
}
.ss-navigateright:before,
.ss-navigateright.right:after {
  content: '▻';
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
  content: '';
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
  content: '◅';
}
.ss-share:before,
.ss-share.right:after {
  content: '';
}
/* material.io/icons/ */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/material-system-icons/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/material-system-icons/MaterialIcons-Regular.woff') format('woff'), url('../fonts/material-system-icons/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
/* -- ADDITIONAL CLASSES -- */
/* full width image ellipsis */
.message-pic-contextual-menu {
  margin-left: 6px;
  line-height: 1.5;
  color: #ff4e00;
}
#conversation-messages li.mine .message-pic-contextual-menu {
  margin-right: 5px;
  line-height: 1.5;
  color: #ff4e00;
}
#directory-groups-users .list-section h3 a .directory-contextual-menu {
  margin: 18px 10px 0 0;
  line-height: 0;
  color: #999999;
}
/* INTERSECTION GROUP */
/* add background */
#conversation-addressees .group-intersection-list li {
  padding-bottom: 0px;
  margin-bottom: 10px;
}
ul.group-intersection-list {
  padding-left: 0px;
}
.group-intersection-list-separator {
  list-style-type: none;
  margin-left: 25%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 4000px) {
  .group-intersection-list-separator {
    list-style-type: none;
    margin-left: 12%;
  }
}
.group-intersection {
  border-width: 1px;
  border-style: solid;
  border-color: #f1f1f1;
  background-color: #f1f1f1;
}
/* DROPDOWN MENU */
/* menu title e.g. location or group */
#directory-groups-users ul.selected-recipients .selected-item {
  background-color: #00BFD7;
  color: #fefefe;
  border-radius: 4px;
  margin: 5px;
  padding: 0px 10px;
  display: inline-block;
  vertical-align: top;
}
#directory-groups-users ul.selected-recipients .selected-item a {
  color: #fefefe;
}
ul.selection-popover li {
  font-size: 12px;
  padding: 5px 0px;
  background-color: #00BFD7;
  line-height: 2;
  display: block;
}
ul.selection-popover li:first-child {
  border-top: 1px solid #66D9E7;
}
#directory-groups-users ul.selected-recipients .selected-item a div {
  padding: 5px 0px;
}
#directory-groups-users ul.selected-recipients .selected-item img {
  vertical-align: top;
  margin-top: 7px;
}
#directory-groups-users ul.selected-recipients .selected-item a div img {
  vertical-align: top;
  margin-top: 0px;
}
#directory-groups-users ul.selected-recipients .selected-item i.material-icons {
  vertical-align: top;
  margin-top: 8px;
}
#directory-groups-users ul.selected-recipients .selected-item a div .material-icons {
  vertical-align: top;
  margin-top: 0px;
}
#directory-groups-users .selected-item .name {
  font-size: 12px;
  line-height: 2.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin: 5px 5px 0px 5px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #directory-groups-users .selected-item .name {
    max-width:  220px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #directory-groups-users .selected-item .name {
    max-width:  275px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  #directory-groups-users .selected-item .name {
    max-width:  310px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 4000px) {
  #directory-groups-users .selected-item .name {
    max-width:  655px;
  }
}
#directory-groups-users .selected-item .name a {
  color: #fefefe;
}
.float-right {
  float: right;
}
/* removes space between text and button */
.btn-addressee {
  margin: 0px !important;
  padding: 0px !important;
}
i.material-icons.converstion-ellipsis-align {
  position: absolute;
  margin-top: -3px;
  color: #999999;
}
/* ==========================================================================
   #REFACTOR
   ========================================================================== */
/**
*
*/
/* ==========================================================================
   #RECENT CONVERSATIONS originally signposts
   ========================================================================== */
/**
* 1. This also styles Yap Archive
* 2. show-group-view still needs to be decoupled due to margin issues
*/
/* mixins START
   ========================================================================== */
.message-time {
  float: right !important;
  color: #6e6e6e;
}
.item-muted {
  opacity: 0.45;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
/* mixins END
   ========================================================================== */
#show-group-view #show-group-recent-conversations .list-group-item {
  margin-top: 0;
}
#recent-conversations .list-group-item,
#show-group-view .list-group-item,
#notifications .list-group-item {
  position: relative;
  display: block;
  font-size: 14px;
  color: #212121;
  margin: 0 10px;
  padding: 0;
  height: 85px;
  background-color: #f6f6f6;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e7e7e7;
  /* =============================================================================
   #YAP LIST
   ========================================================================== */
  /**
* 1. Comment
*/
  /* =============================================================================
   #SWIPE CONTEXTUAL MENU
   ========================================================================== */
  /**
* 1. Recent Conversations inc. Locations/Yaps tab
*/
}
#recent-conversations .list-group-item.type-group,
#show-group-view .list-group-item.type-group,
#notifications .list-group-item.type-group {
  padding-bottom: 10px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#recent-conversations .list-group-item.type-org-user > a,
#show-group-view .list-group-item.type-org-user > a,
#notifications .list-group-item.type-org-user > a,
#recent-conversations .list-group-item.type-group > a,
#show-group-view .list-group-item.type-group > a,
#notifications .list-group-item.type-group > a {
  display: block;
  overflow: hidden;
  padding: 5px 0px 5px 74px;
  margin-top: 5px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#recent-conversations .list-group-item.type-org-user > a:hover,
#show-group-view .list-group-item.type-org-user > a:hover,
#notifications .list-group-item.type-org-user > a:hover,
#recent-conversations .list-group-item.type-group > a:hover,
#show-group-view .list-group-item.type-group > a:hover,
#notifications .list-group-item.type-group > a:hover,
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#recent-conversations .list-group-item.type-org-user > a:active,
#show-group-view .list-group-item.type-org-user > a:active,
#notifications .list-group-item.type-org-user > a:active,
#recent-conversations .list-group-item.type-group > a:active,
#show-group-view .list-group-item.type-group > a:active,
#notifications .list-group-item.type-group > a:active {
  text-decoration: none;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#recent-conversations .list-group-item.type-org-user > a > span,
#show-group-view .list-group-item.type-org-user > a > span,
#notifications .list-group-item.type-org-user > a > span,
#recent-conversations .list-group-item.type-group > a > span,
#show-group-view .list-group-item.type-group > a > span,
#notifications .list-group-item.type-group > a > span {
  line-height: 1.4em;
  color: #212121;
  font-weight: 300;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .-name,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .-name,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .-name,
#recent-conversations .list-group-item.type-org-user > a .-name,
#show-group-view .list-group-item.type-org-user > a .-name,
#notifications .list-group-item.type-org-user > a .-name,
#recent-conversations .list-group-item.type-group > a .-name,
#show-group-view .list-group-item.type-group > a .-name,
#notifications .list-group-item.type-group > a .-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #212121;
  padding-right: 55px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#recent-conversations .list-group-item.type-org-user > a .message-body,
#show-group-view .list-group-item.type-org-user > a .message-body,
#notifications .list-group-item.type-org-user > a .message-body,
#recent-conversations .list-group-item.type-group > a .message-body,
#show-group-view .list-group-item.type-group > a .message-body,
#notifications .list-group-item.type-group > a .message-body {
  color: #6e6e6e;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 80px;
  height: 23px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body.warning,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body.warning,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body.warning,
#recent-conversations .list-group-item.type-org-user > a .message-body.warning,
#show-group-view .list-group-item.type-org-user > a .message-body.warning,
#notifications .list-group-item.type-org-user > a .message-body.warning,
#recent-conversations .list-group-item.type-group > a .message-body.warning,
#show-group-view .list-group-item.type-group > a .message-body.warning,
#notifications .list-group-item.type-group > a .message-body.warning {
  color: #d9534f;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body a,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body a,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body a,
#recent-conversations .list-group-item.type-org-user > a .message-body a,
#show-group-view .list-group-item.type-org-user > a .message-body a,
#notifications .list-group-item.type-org-user > a .message-body a,
#recent-conversations .list-group-item.type-group > a .message-body a,
#show-group-view .list-group-item.type-group > a .message-body a,
#notifications .list-group-item.type-group > a .message-body a {
  color: #00BFD7;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body span,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body span,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body span,
#recent-conversations .list-group-item.type-org-user > a .message-body span,
#show-group-view .list-group-item.type-org-user > a .message-body span,
#notifications .list-group-item.type-org-user > a .message-body span,
#recent-conversations .list-group-item.type-group > a .message-body span,
#show-group-view .list-group-item.type-group > a .message-body span,
#notifications .list-group-item.type-group > a .message-body span {
  display: inline-block;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#recent-conversations .list-group-item.type-org-user > a .visibility,
#show-group-view .list-group-item.type-org-user > a .visibility,
#notifications .list-group-item.type-org-user > a .visibility,
#recent-conversations .list-group-item.type-group > a .visibility,
#show-group-view .list-group-item.type-group > a .visibility,
#notifications .list-group-item.type-group > a .visibility {
  line-height: 1.5 !important;
  padding-right: 3px;
  display: none;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#recent-conversations .list-group-item.type-org-user > a .visibility i.ss-lock,
#show-group-view .list-group-item.type-org-user > a .visibility i.ss-lock,
#notifications .list-group-item.type-org-user > a .visibility i.ss-lock,
#recent-conversations .list-group-item.type-group > a .visibility i.ss-lock,
#show-group-view .list-group-item.type-group > a .visibility i.ss-lock,
#notifications .list-group-item.type-group > a .visibility i.ss-lock {
  font-size: 12px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#recent-conversations .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#show-group-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#notifications .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#recent-conversations .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#show-group-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#notifications .list-group-item.type-group > a .visibility i.ss-lock.visibility-private {
  color: #52ba57;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#recent-conversations .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#show-group-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#notifications .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#recent-conversations .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#show-group-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#notifications .list-group-item.type-group > a .visibility i.ss-lock.visibility-group {
  color: #f0ad4e;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#recent-conversations .list-group-item.type-org-user > a .name,
#show-group-view .list-group-item.type-org-user > a .name,
#notifications .list-group-item.type-org-user > a .name,
#recent-conversations .list-group-item.type-group > a .name,
#show-group-view .list-group-item.type-group > a .name,
#notifications .list-group-item.type-group > a .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#recent-conversations .list-group-item.type-org-user > a .name .username,
#show-group-view .list-group-item.type-org-user > a .name .username,
#notifications .list-group-item.type-org-user > a .name .username,
#recent-conversations .list-group-item.type-group > a .name .username,
#show-group-view .list-group-item.type-group > a .name .username,
#notifications .list-group-item.type-group > a .name .username {
  font-size: 12px;
  padding-left: 5px;
  color: #00BFD7;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#recent-conversations .list-group-item.type-org-user > a .badge,
#show-group-view .list-group-item.type-org-user > a .badge,
#notifications .list-group-item.type-org-user > a .badge,
#recent-conversations .list-group-item.type-group > a .badge,
#show-group-view .list-group-item.type-group > a .badge,
#notifications .list-group-item.type-group > a .badge {
  z-index: 2;
  color: #fefefe;
  float: right !important;
  margin-top: 3px;
  margin-left: 5px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#recent-conversations .list-group-item.type-org-user > a .function,
#show-group-view .list-group-item.type-org-user > a .function,
#notifications .list-group-item.type-org-user > a .function,
#recent-conversations .list-group-item.type-group > a .function,
#show-group-view .list-group-item.type-group > a .function,
#notifications .list-group-item.type-group > a .function {
  color: #6e6e6e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#recent-conversations .list-group-item.type-org-user > a .last-seen,
#show-group-view .list-group-item.type-org-user > a .last-seen,
#notifications .list-group-item.type-org-user > a .last-seen,
#recent-conversations .list-group-item.type-group > a .last-seen,
#show-group-view .list-group-item.type-group > a .last-seen,
#notifications .list-group-item.type-group > a .last-seen {
  display: block;
  color: #6e6e6e;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#recent-conversations .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#show-group-view .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#notifications .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#recent-conversations .list-group-item.type-group > a .last-seen .last-seen-indicator,
#show-group-view .list-group-item.type-group > a .last-seen .last-seen-indicator,
#notifications .list-group-item.type-group > a .last-seen .last-seen-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #52ba57;
  margin-right: 3px;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#recent-conversations .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#show-group-view .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#notifications .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#recent-conversations .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#show-group-view .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#notifications .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator {
  background-color: #999999;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#recent-conversations .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#show-group-view .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#notifications .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#recent-conversations .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#show-group-view .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#notifications .list-group-item.type-group > a .last-seen.never .last-seen-indicator {
  background-color: transparent;
  border: 1px solid #d9534f;
}
#recent-conversations .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#show-group-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#notifications .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#recent-conversations .list-group-item.type-org-user > a .member-count,
#show-group-view .list-group-item.type-org-user > a .member-count,
#notifications .list-group-item.type-org-user > a .member-count,
#recent-conversations .list-group-item.type-group > a .member-count,
#show-group-view .list-group-item.type-group > a .member-count,
#notifications .list-group-item.type-group > a .member-count {
  font-size: 12px;
}
#recent-conversations .list-group-item .conversation-group,
#show-group-view .list-group-item .conversation-group,
#notifications .list-group-item .conversation-group,
#recent-conversations .list-group-item .conversation-shift-swap,
#show-group-view .list-group-item .conversation-shift-swap,
#notifications .list-group-item .conversation-shift-swap,
#recent-conversations .list-group-item .name,
#show-group-view .list-group-item .name,
#notifications .list-group-item .name,
#recent-conversations .list-group-item .conversation-name,
#show-group-view .list-group-item .conversation-name,
#notifications .list-group-item .conversation-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600 !important;
  margin-right: 95px;
}
#recent-conversations .list-group-item .conversation-group .username,
#show-group-view .list-group-item .conversation-group .username,
#notifications .list-group-item .conversation-group .username,
#recent-conversations .list-group-item .conversation-shift-swap .username,
#show-group-view .list-group-item .conversation-shift-swap .username,
#notifications .list-group-item .conversation-shift-swap .username,
#recent-conversations .list-group-item .name .username,
#show-group-view .list-group-item .name .username,
#notifications .list-group-item .name .username,
#recent-conversations .list-group-item .conversation-name .username,
#show-group-view .list-group-item .conversation-name .username,
#notifications .list-group-item .conversation-name .username {
  font-size: 12px;
  padding-left: 10px;
  color: #ff4e00;
}
#recent-conversations .list-group-item .conversation-group i.material-icons,
#show-group-view .list-group-item .conversation-group i.material-icons,
#notifications .list-group-item .conversation-group i.material-icons,
#recent-conversations .list-group-item .conversation-shift-swap i.material-icons,
#show-group-view .list-group-item .conversation-shift-swap i.material-icons,
#notifications .list-group-item .conversation-shift-swap i.material-icons,
#recent-conversations .list-group-item .name i.material-icons,
#show-group-view .list-group-item .name i.material-icons,
#notifications .list-group-item .name i.material-icons,
#recent-conversations .list-group-item .conversation-name i.material-icons,
#show-group-view .list-group-item .conversation-name i.material-icons,
#notifications .list-group-item .conversation-name i.material-icons {
  vertical-align: bottom;
  margin-right: 3px;
  font-size: 22px;
  color: #999999;
}
#recent-conversations .list-group-item .pic-container,
#show-group-view .list-group-item .pic-container,
#notifications .list-group-item .pic-container {
  width: 64px;
  height: 64px;
  float: left;
  margin-left: -74px;
  position: relative;
  text-align: center;
}
#recent-conversations .list-group-item .pic-container .profile-pic,
#show-group-view .list-group-item .pic-container .profile-pic,
#notifications .list-group-item .pic-container .profile-pic,
#recent-conversations .list-group-item .pic-container .conversation-pic,
#show-group-view .list-group-item .pic-container .conversation-pic,
#notifications .list-group-item .pic-container .conversation-pic {
  width: 64px;
  height: 64px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#recent-conversations .list-group-item .pic-container .profile-pic > img,
#show-group-view .list-group-item .pic-container .profile-pic > img,
#notifications .list-group-item .pic-container .profile-pic > img,
#recent-conversations .list-group-item .pic-container .conversation-pic > img,
#show-group-view .list-group-item .pic-container .conversation-pic > img,
#notifications .list-group-item .pic-container .conversation-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
}
#recent-conversations .list-group-item .pic-container .profile-pic i.material-icons,
#show-group-view .list-group-item .pic-container .profile-pic i.material-icons,
#notifications .list-group-item .pic-container .profile-pic i.material-icons,
#recent-conversations .list-group-item .pic-container .conversation-pic i.material-icons,
#show-group-view .list-group-item .pic-container .conversation-pic i.material-icons,
#notifications .list-group-item .pic-container .conversation-pic i.material-icons {
  font-size: 36px;
  line-height: 63px;
  color: #999999;
}
#recent-conversations .list-group-item .pic-container .profile-pic .user-deactivated,
#show-group-view .list-group-item .pic-container .profile-pic .user-deactivated,
#notifications .list-group-item .pic-container .profile-pic .user-deactivated,
#recent-conversations .list-group-item .pic-container .conversation-pic .user-deactivated,
#show-group-view .list-group-item .pic-container .conversation-pic .user-deactivated,
#notifications .list-group-item .pic-container .conversation-pic .user-deactivated {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 20px;
  left: 20px;
}
#recent-conversations .list-group-item .pic-container .profile-pic .user-no-devices,
#show-group-view .list-group-item .pic-container .profile-pic .user-no-devices,
#notifications .list-group-item .pic-container .profile-pic .user-no-devices,
#recent-conversations .list-group-item .pic-container .conversation-pic .user-no-devices,
#show-group-view .list-group-item .pic-container .conversation-pic .user-no-devices,
#notifications .list-group-item .pic-container .conversation-pic .user-no-devices {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 9px;
  left: 10px;
}
#recent-conversations .list-group-item .list-group,
#show-group-view .list-group-item .list-group,
#notifications .list-group-item .list-group {
  margin-bottom: 0;
}
#recent-conversations .list-group-item .swipe-to-reveal-container,
#show-group-view .list-group-item .swipe-to-reveal-container,
#notifications .list-group-item .swipe-to-reveal-container {
  display: -webkit-inline-box;
  height: 84px;
  width: 100%;
  width: -webkit-fill-available;
}
#recent-conversations .list-group-item .swipe-to-reveal-content-wrapper,
#show-group-view .list-group-item .swipe-to-reveal-content-wrapper,
#notifications .list-group-item .swipe-to-reveal-content-wrapper {
  position: absolute;
  width: 100%;
  height: 84px;
  z-index: 2;
  background-color: #f6f6f6;
}
#recent-conversations .list-group-item .swipe-to-reveal-revealed-content-wrapper,
#show-group-view .list-group-item .swipe-to-reveal-revealed-content-wrapper,
#notifications .list-group-item .swipe-to-reveal-revealed-content-wrapper {
  position: absolute;
  right: 0;
  background-color: #fefefe;
}
#recent-conversations .list-group-item .mute-conversation,
#show-group-view .list-group-item .mute-conversation,
#notifications .list-group-item .mute-conversation,
#recent-conversations .list-group-item .alert-conversation,
#show-group-view .list-group-item .alert-conversation,
#notifications .list-group-item .alert-conversation {
  background-color: #ff4e00;
}
#recent-conversations .list-group-item .archive-conversation,
#show-group-view .list-group-item .archive-conversation,
#notifications .list-group-item .archive-conversation,
#recent-conversations .list-group-item .unarchive-conversation,
#show-group-view .list-group-item .unarchive-conversation,
#notifications .list-group-item .unarchive-conversation {
  background-color: #ff4e00;
  opacity: 0.8;
}
#recent-conversations .list-group-item .mute-archive-conversation,
#show-group-view .list-group-item .mute-archive-conversation,
#notifications .list-group-item .mute-archive-conversation,
#recent-conversations .list-group-item .alert-unarchive-conversation,
#show-group-view .list-group-item .alert-unarchive-conversation,
#notifications .list-group-item .alert-unarchive-conversation {
  background-color: #ff4e00;
  opacity: 0.6;
}
#recent-conversations .list-group-item .swipe-button,
#show-group-view .list-group-item .swipe-button,
#notifications .list-group-item .swipe-button {
  position: relative;
  float: right;
  width: 70px;
  height: 84px;
}
#recent-conversations .list-group-item .swipe-icon,
#show-group-view .list-group-item .swipe-icon,
#notifications .list-group-item .swipe-icon {
  display: block;
  text-align: center;
  padding-top: 12px;
  color: #fefefe;
}
#recent-conversations .list-group-item .swipe-icon-multiple,
#show-group-view .list-group-item .swipe-icon-multiple,
#notifications .list-group-item .swipe-icon-multiple {
  display: inline-block;
  padding-top: 12px;
  color: #fefefe;
}
#recent-conversations .list-group-item .position-centre,
#show-group-view .list-group-item .position-centre,
#notifications .list-group-item .position-centre {
  padding-left: 10px;
}
#recent-conversations .list-group-item .swipe-button-label,
#show-group-view .list-group-item .swipe-button-label,
#notifications .list-group-item .swipe-button-label {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #fefefe;
}
#recent-conversations .list-group-item .mute-archive-conversation .swipe-button-label,
#show-group-view .list-group-item .mute-archive-conversation .swipe-button-label,
#notifications .list-group-item .mute-archive-conversation .swipe-button-label {
  position: absolute;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
#recent-conversations .list-group-item .alert-unarchive-conversation .swipe-button-label,
#show-group-view .list-group-item .alert-unarchive-conversation .swipe-button-label,
#notifications .list-group-item .alert-unarchive-conversation .swipe-button-label {
  position: absolute;
  bottom: 10px;
  left: 6px;
  text-align: left;
}
#recent-conversations .list-group-item .mute-conversation .swipe-button-label,
#show-group-view .list-group-item .mute-conversation .swipe-button-label,
#notifications .list-group-item .mute-conversation .swipe-button-label,
#recent-conversations .list-group-item .archive-conversation .swipe-button-label,
#show-group-view .list-group-item .archive-conversation .swipe-button-label,
#notifications .list-group-item .archive-conversation .swipe-button-label,
#recent-conversations .list-group-item .alert-conversation .swipe-button-label,
#show-group-view .list-group-item .alert-conversation .swipe-button-label,
#notifications .list-group-item .alert-conversation .swipe-button-label,
#recent-conversations .list-group-item .unarchive-conversation .swipe-button-label,
#show-group-view .list-group-item .unarchive-conversation .swipe-button-label,
#notifications .list-group-item .unarchive-conversation .swipe-button-label,
#recent-conversations .list-group-item .clear-notification .swipe-button-label,
#show-group-view .list-group-item .clear-notification .swipe-button-label,
#notifications .list-group-item .clear-notification .swipe-button-label,
#recent-conversations .list-group-item .clear-all-notifications .swipe-button-label,
#show-group-view .list-group-item .clear-all-notifications .swipe-button-label,
#notifications .list-group-item .clear-all-notifications .swipe-button-label,
#recent-conversations .list-group-item .reset-notification .swipe-button-label,
#show-group-view .list-group-item .reset-notification .swipe-button-label,
#notifications .list-group-item .reset-notification .swipe-button-label,
#recent-conversations .list-group-item .reset-notifications .swipe-button-label,
#show-group-view .list-group-item .reset-notifications .swipe-button-label,
#notifications .list-group-item .reset-notifications .swipe-button-label,
#recent-conversations .list-group-item .mute-notification .swipe-button-label,
#show-group-view .list-group-item .mute-notification .swipe-button-label,
#notifications .list-group-item .mute-notification .swipe-button-label,
#recent-conversations .list-group-item .alert-notification .swipe-button-label,
#show-group-view .list-group-item .alert-notification .swipe-button-label,
#notifications .list-group-item .alert-notification .swipe-button-label {
  position: absolute;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
#recent-conversations .list-group-item .conversation-status-wrapper,
#show-group-view .list-group-item .conversation-status-wrapper,
#notifications .list-group-item .conversation-status-wrapper {
  position: absolute;
  top: 30px;
  right: 0;
}
#recent-conversations .list-group-item .conversation-status-wrapper i.material-icons.send-failure,
#show-group-view .list-group-item .conversation-status-wrapper i.material-icons.send-failure,
#notifications .list-group-item .conversation-status-wrapper i.material-icons.send-failure {
  color: #d9534f !important;
}
#recent-conversations .list-group-item .notification,
#show-group-view .list-group-item .notification,
#notifications .list-group-item .notification,
#recent-conversations .list-group-item .archive,
#show-group-view .list-group-item .archive,
#notifications .list-group-item .archive {
  color: #999999;
}
/* =============================================================================
   #NOTIFICATION ADDITIONS & OVERRIDES
   ========================================================================== */
/**
* 1. Notifications screen overrides
*/
#notifications .list-group-item.activity-type-reaction.type-recent-conversation .swipe-to-reveal-content-wrapper .message-body,
#notifications .list-group-item.activity-type-message-reaction.type-recent-conversation .swipe-to-reveal-content-wrapper .message-body,
#notifications .list-group-item.activity-type-reaction.type-org-user .message-body,
#notifications .list-group-item.activity-type-message-reaction.type-org-user .message-body,
#notifications .list-group-item.activity-type-reaction.type-group .message-body,
#notifications .list-group-item.activity-type-message-reaction.type-group .message-body {
  display: flex;
}
#notifications .list-group-item .author-name {
  color: #212121;
  display: inline !important;
  padding-right: 5px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}
#notifications .list-group-item .message-time {
  float: none !important;
  display: inline;
  color: #999999;
}
#notifications .list-group-item .notification-source-name {
  font-weight: 600 !important;
}
#notifications .list-group-item .notification-source-name br {
  display: none;
}
#notifications .swipe-to-reveal-content-wrapper .message-body {
  padding-right: 0px !important;
}
#notifications .swipe-to-reveal-content-wrapper .notification-body {
  padding-right: 30px;
}
#notifications .reset-notification .swipe-icon i.material-icons,
#notifications .reset-notifications .swipe-icon i.material-icons {
  font-size: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #ff4e00;
}
#notifications .clear-notification,
#notifications .reset-notification {
  background-color: #ff4e00;
}
#notifications .reset-notifications,
#notifications .clear-all-notifications {
  background-color: #ff4e00;
  opacity: 0.8;
}
#notifications .mute-notification,
#notifications .alert-notification {
  background-color: #ff4e00;
  opacity: 0.6;
}
#notifications .action-banner {
  height: 48px;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 10px;
}
#notifications .banner-action-icon {
  right: 10px;
  position: absolute;
  margin-top: 12px;
}
#notifications .banner-action-icon .material-icons {
  color: #999999;
}
#notifications .banner-action-label {
  right: 45px;
  position: absolute;
  margin-top: 12px;
  color: #999999;
  font-size: 12px;
  line-height: 2;
}
#notifications .has-media {
  display: inline-block;
}
#notifications .has-media .material-icons {
  color: #b3b3b3;
  font-size: 16px;
  vertical-align: text-bottom;
}
#notifications .badge-notification-unread {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff4e00;
  float: right;
  margin: 6px 7px 0 5px;
}
/* =============================================================================
 #Directory
 ============================================================================ */
/**
* 1. Addressees, Locations, Groups, People
* 2. #directory-groups-users - Index page
* 3. #directory-groups-list, #directory-org-users-list - Locations, Groups, People lists
* 4. #orgs-view to be moved
* 5. #poll-conversation to be moved to polls.less
* 6. #conversation-addressees to be moved (Who read this message)
* 7. #admin-console admin console individual actions
*/
/* Variables
   ========================================================================== */
/* Overrides - *** SORT ***
   ========================================================================== */
#show-group-view .list-group-item .pic-container .profile-pic i.material-icons {
  line-height: 1;
  padding: 12px 0 0 0;
}
#show-group-view #show-group-members .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0px;
}
#show-group-view #show-group-members .private-conversation {
  display: block;
  padding: 20px 10px 5px 15px !important;
}
#show-group-view #show-group-members .private-conversation i {
  color: #ff4e00;
}
#show-group-view #show-group-members .private-conversation span.ss-chat {
  line-height: 100%;
  color: #ff4e00;
}
#show-group-view #show-group-recent-conversations .conversation-group.conversation-name {
  margin: 0px;
}
#directory-groups-users .pic-container,
#directory-groups-list .pic-container,
#directory-org-users-list .pic-container,
#orgs-view .pic-container,
#poll-conversation .pic-container,
#conversation-addressees .pic-container,
#admin-console .pic-container {
  width: 64px;
  height: 64px;
  float: left;
  margin-left: -74px;
  position: relative;
  text-align: center;
}
#directory-groups-users .pic-container .added-to-conversation,
#directory-groups-list .pic-container .added-to-conversation,
#directory-org-users-list .pic-container .added-to-conversation,
#orgs-view .pic-container .added-to-conversation,
#poll-conversation .pic-container .added-to-conversation,
#conversation-addressees .pic-container .added-to-conversation,
#admin-console .pic-container .added-to-conversation {
  position: absolute;
  top: 47px;
  left: 39px;
  z-index: 2;
}
#directory-groups-users .pic-container .added-to-conversation i,
#directory-groups-list .pic-container .added-to-conversation i,
#directory-org-users-list .pic-container .added-to-conversation i,
#orgs-view .pic-container .added-to-conversation i,
#poll-conversation .pic-container .added-to-conversation i,
#conversation-addressees .pic-container .added-to-conversation i,
#admin-console .pic-container .added-to-conversation i {
  position: relative;
  color: #52ba57;
  line-height: 0;
}
#directory-groups-users .pic-container .added-to-conversation .fill,
#directory-groups-list .pic-container .added-to-conversation .fill,
#directory-org-users-list .pic-container .added-to-conversation .fill,
#orgs-view .pic-container .added-to-conversation .fill,
#poll-conversation .pic-container .added-to-conversation .fill,
#conversation-addressees .pic-container .added-to-conversation .fill,
#admin-console .pic-container .added-to-conversation .fill {
  position: absolute;
  display: block;
  width: 14px;
  height: 13px;
  background: #fefefe;
}
#directory-groups-users .pic-container .added-to-conversation .fill,
#directory-groups-list .pic-container .added-to-conversation .fill,
#directory-org-users-list .pic-container .added-to-conversation .fill,
#orgs-view .pic-container .added-to-conversation .fill,
#poll-conversation .pic-container .added-to-conversation .fill,
#conversation-addressees .pic-container .added-to-conversation .fill,
#admin-console .pic-container .added-to-conversation .fill {
  top: -3px;
  left: 5px;
}
#directory-groups-users .pic-container .profile-pic,
#directory-groups-list .pic-container .profile-pic,
#directory-org-users-list .pic-container .profile-pic,
#orgs-view .pic-container .profile-pic,
#poll-conversation .pic-container .profile-pic,
#conversation-addressees .pic-container .profile-pic,
#admin-console .pic-container .profile-pic,
#directory-groups-users .pic-container .conversation-pic,
#directory-groups-list .pic-container .conversation-pic,
#directory-org-users-list .pic-container .conversation-pic,
#orgs-view .pic-container .conversation-pic,
#poll-conversation .pic-container .conversation-pic,
#conversation-addressees .pic-container .conversation-pic,
#admin-console .pic-container .conversation-pic {
  width: 64px;
  height: 64px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
#directory-groups-users .pic-container .profile-pic > img,
#directory-groups-list .pic-container .profile-pic > img,
#directory-org-users-list .pic-container .profile-pic > img,
#orgs-view .pic-container .profile-pic > img,
#poll-conversation .pic-container .profile-pic > img,
#conversation-addressees .pic-container .profile-pic > img,
#admin-console .pic-container .profile-pic > img,
#directory-groups-users .pic-container .conversation-pic > img,
#directory-groups-list .pic-container .conversation-pic > img,
#directory-org-users-list .pic-container .conversation-pic > img,
#orgs-view .pic-container .conversation-pic > img,
#poll-conversation .pic-container .conversation-pic > img,
#conversation-addressees .pic-container .conversation-pic > img,
#admin-console .pic-container .conversation-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
}
#directory-groups-users .pic-container .profile-pic .ss-junior,
#directory-groups-list .pic-container .profile-pic .ss-junior,
#directory-org-users-list .pic-container .profile-pic .ss-junior,
#orgs-view .pic-container .profile-pic .ss-junior,
#poll-conversation .pic-container .profile-pic .ss-junior,
#conversation-addressees .pic-container .profile-pic .ss-junior,
#admin-console .pic-container .profile-pic .ss-junior,
#directory-groups-users .pic-container .conversation-pic .ss-junior,
#directory-groups-list .pic-container .conversation-pic .ss-junior,
#directory-org-users-list .pic-container .conversation-pic .ss-junior,
#orgs-view .pic-container .conversation-pic .ss-junior,
#poll-conversation .pic-container .conversation-pic .ss-junior,
#conversation-addressees .pic-container .conversation-pic .ss-junior,
#admin-console .pic-container .conversation-pic .ss-junior,
#directory-groups-users .pic-container .profile-pic .ss-symbolicons-line,
#directory-groups-list .pic-container .profile-pic .ss-symbolicons-line,
#directory-org-users-list .pic-container .profile-pic .ss-symbolicons-line,
#orgs-view .pic-container .profile-pic .ss-symbolicons-line,
#poll-conversation .pic-container .profile-pic .ss-symbolicons-line,
#conversation-addressees .pic-container .profile-pic .ss-symbolicons-line,
#admin-console .pic-container .profile-pic .ss-symbolicons-line,
#directory-groups-users .pic-container .conversation-pic .ss-symbolicons-line,
#directory-groups-list .pic-container .conversation-pic .ss-symbolicons-line,
#directory-org-users-list .pic-container .conversation-pic .ss-symbolicons-line,
#orgs-view .pic-container .conversation-pic .ss-symbolicons-line,
#poll-conversation .pic-container .conversation-pic .ss-symbolicons-line,
#conversation-addressees .pic-container .conversation-pic .ss-symbolicons-line,
#admin-console .pic-container .conversation-pic .ss-symbolicons-line,
#directory-groups-users .pic-container .profile-pic .ss-symbolicons-block,
#directory-groups-list .pic-container .profile-pic .ss-symbolicons-block,
#directory-org-users-list .pic-container .profile-pic .ss-symbolicons-block,
#orgs-view .pic-container .profile-pic .ss-symbolicons-block,
#poll-conversation .pic-container .profile-pic .ss-symbolicons-block,
#conversation-addressees .pic-container .profile-pic .ss-symbolicons-block,
#admin-console .pic-container .profile-pic .ss-symbolicons-block,
#directory-groups-users .pic-container .conversation-pic .ss-symbolicons-block,
#directory-groups-list .pic-container .conversation-pic .ss-symbolicons-block,
#directory-org-users-list .pic-container .conversation-pic .ss-symbolicons-block,
#orgs-view .pic-container .conversation-pic .ss-symbolicons-block,
#poll-conversation .pic-container .conversation-pic .ss-symbolicons-block,
#conversation-addressees .pic-container .conversation-pic .ss-symbolicons-block,
#admin-console .pic-container .conversation-pic .ss-symbolicons-block {
  font-size: 22px;
  line-height: 69px;
  vertical-align: middle;
  text-align: center;
}
#directory-groups-users .pic-container .profile-pic .ss-symbolicons-line,
#directory-groups-list .pic-container .profile-pic .ss-symbolicons-line,
#directory-org-users-list .pic-container .profile-pic .ss-symbolicons-line,
#orgs-view .pic-container .profile-pic .ss-symbolicons-line,
#poll-conversation .pic-container .profile-pic .ss-symbolicons-line,
#conversation-addressees .pic-container .profile-pic .ss-symbolicons-line,
#admin-console .pic-container .profile-pic .ss-symbolicons-line,
#directory-groups-users .pic-container .conversation-pic .ss-symbolicons-line,
#directory-groups-list .pic-container .conversation-pic .ss-symbolicons-line,
#directory-org-users-list .pic-container .conversation-pic .ss-symbolicons-line,
#orgs-view .pic-container .conversation-pic .ss-symbolicons-line,
#poll-conversation .pic-container .conversation-pic .ss-symbolicons-line,
#conversation-addressees .pic-container .conversation-pic .ss-symbolicons-line,
#admin-console .pic-container .conversation-pic .ss-symbolicons-line,
#directory-groups-users .pic-container .profile-pic .ss-symbolicons-block,
#directory-groups-list .pic-container .profile-pic .ss-symbolicons-block,
#directory-org-users-list .pic-container .profile-pic .ss-symbolicons-block,
#orgs-view .pic-container .profile-pic .ss-symbolicons-block,
#poll-conversation .pic-container .profile-pic .ss-symbolicons-block,
#conversation-addressees .pic-container .profile-pic .ss-symbolicons-block,
#admin-console .pic-container .profile-pic .ss-symbolicons-block,
#directory-groups-users .pic-container .conversation-pic .ss-symbolicons-block,
#directory-groups-list .pic-container .conversation-pic .ss-symbolicons-block,
#directory-org-users-list .pic-container .conversation-pic .ss-symbolicons-block,
#orgs-view .pic-container .conversation-pic .ss-symbolicons-block,
#poll-conversation .pic-container .conversation-pic .ss-symbolicons-block,
#conversation-addressees .pic-container .conversation-pic .ss-symbolicons-block,
#admin-console .pic-container .conversation-pic .ss-symbolicons-block {
  color: #ff4e00;
}
#directory-groups-users .pic-container .profile-pic .material-icons,
#directory-groups-list .pic-container .profile-pic .material-icons,
#directory-org-users-list .pic-container .profile-pic .material-icons,
#orgs-view .pic-container .profile-pic .material-icons,
#poll-conversation .pic-container .profile-pic .material-icons,
#conversation-addressees .pic-container .profile-pic .material-icons,
#admin-console .pic-container .profile-pic .material-icons,
#directory-groups-users .pic-container .conversation-pic .material-icons,
#directory-groups-list .pic-container .conversation-pic .material-icons,
#directory-org-users-list .pic-container .conversation-pic .material-icons,
#orgs-view .pic-container .conversation-pic .material-icons,
#poll-conversation .pic-container .conversation-pic .material-icons,
#conversation-addressees .pic-container .conversation-pic .material-icons,
#admin-console .pic-container .conversation-pic .material-icons {
  font-size: 36px;
  line-height: 61px;
  color: #999999;
}
#directory-groups-users .pic-container .profile-pic .user-deactivated,
#directory-groups-list .pic-container .profile-pic .user-deactivated,
#directory-org-users-list .pic-container .profile-pic .user-deactivated,
#orgs-view .pic-container .profile-pic .user-deactivated,
#poll-conversation .pic-container .profile-pic .user-deactivated,
#conversation-addressees .pic-container .profile-pic .user-deactivated,
#admin-console .pic-container .profile-pic .user-deactivated,
#directory-groups-users .pic-container .conversation-pic .user-deactivated,
#directory-groups-list .pic-container .conversation-pic .user-deactivated,
#directory-org-users-list .pic-container .conversation-pic .user-deactivated,
#orgs-view .pic-container .conversation-pic .user-deactivated,
#poll-conversation .pic-container .conversation-pic .user-deactivated,
#conversation-addressees .pic-container .conversation-pic .user-deactivated,
#admin-console .pic-container .conversation-pic .user-deactivated {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 20px;
  left: 20px;
}
#directory-groups-users .pic-container .profile-pic .user-no-devices,
#directory-groups-list .pic-container .profile-pic .user-no-devices,
#directory-org-users-list .pic-container .profile-pic .user-no-devices,
#orgs-view .pic-container .profile-pic .user-no-devices,
#poll-conversation .pic-container .profile-pic .user-no-devices,
#conversation-addressees .pic-container .profile-pic .user-no-devices,
#admin-console .pic-container .profile-pic .user-no-devices,
#directory-groups-users .pic-container .conversation-pic .user-no-devices,
#directory-groups-list .pic-container .conversation-pic .user-no-devices,
#directory-org-users-list .pic-container .conversation-pic .user-no-devices,
#orgs-view .pic-container .conversation-pic .user-no-devices,
#poll-conversation .pic-container .conversation-pic .user-no-devices,
#conversation-addressees .pic-container .conversation-pic .user-no-devices,
#admin-console .pic-container .conversation-pic .user-no-devices {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 9px;
  left: 10px;
}
#directory-groups-users .list-group,
#directory-groups-list .list-group,
#directory-org-users-list .list-group,
#orgs-view .list-group,
#poll-conversation .list-group,
#conversation-addressees .list-group,
#admin-console .list-group {
  margin-bottom: 0;
}
#directory-groups-users .list-group-item,
#directory-groups-list .list-group-item,
#directory-org-users-list .list-group-item,
#orgs-view .list-group-item,
#poll-conversation .list-group-item,
#conversation-addressees .list-group-item,
#admin-console .list-group-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #e7e7e7;
  margin: 10px 10px 0;
  padding: 0 0 8px;
  border-radius: 0 !important;
}
#directory-groups-users .list-group-item.type-group,
#directory-groups-list .list-group-item.type-group,
#directory-org-users-list .list-group-item.type-group,
#orgs-view .list-group-item.type-group,
#poll-conversation .list-group-item.type-group,
#conversation-addressees .list-group-item.type-group,
#admin-console .list-group-item.type-group {
  padding-bottom: 10px;
}
#directory-groups-users .list-group-item.type-group .type-group,
#directory-groups-list .list-group-item.type-group .type-group,
#directory-org-users-list .list-group-item.type-group .type-group,
#orgs-view .list-group-item.type-group .type-group,
#poll-conversation .list-group-item.type-group .type-group,
#conversation-addressees .list-group-item.type-group .type-group,
#admin-console .list-group-item.type-group .type-group {
  display: inline-block;
}
#directory-groups-users .list-group-item.type-group .member-count,
#directory-groups-list .list-group-item.type-group .member-count,
#directory-org-users-list .list-group-item.type-group .member-count,
#orgs-view .list-group-item.type-group .member-count,
#poll-conversation .list-group-item.type-group .member-count,
#conversation-addressees .list-group-item.type-group .member-count,
#admin-console .list-group-item.type-group .member-count {
  margin-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#directory-groups-users .list-group-item.type-org-user .type-group,
#directory-groups-list .list-group-item.type-org-user .type-group,
#directory-org-users-list .list-group-item.type-org-user .type-group,
#orgs-view .list-group-item.type-org-user .type-group,
#poll-conversation .list-group-item.type-org-user .type-group,
#conversation-addressees .list-group-item.type-org-user .type-group,
#admin-console .list-group-item.type-org-user .type-group,
#directory-groups-users .list-group-item.type-group .type-group,
#directory-groups-list .list-group-item.type-group .type-group,
#directory-org-users-list .list-group-item.type-group .type-group,
#orgs-view .list-group-item.type-group .type-group,
#poll-conversation .list-group-item.type-group .type-group,
#conversation-addressees .list-group-item.type-group .type-group,
#admin-console .list-group-item.type-group .type-group {
  color: #6e6e6e;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#directory-groups-users .list-group-item.type-org-user .type-group i,
#directory-groups-list .list-group-item.type-org-user .type-group i,
#directory-org-users-list .list-group-item.type-org-user .type-group i,
#orgs-view .list-group-item.type-org-user .type-group i,
#poll-conversation .list-group-item.type-org-user .type-group i,
#conversation-addressees .list-group-item.type-org-user .type-group i,
#admin-console .list-group-item.type-org-user .type-group i,
#directory-groups-users .list-group-item.type-group .type-group i,
#directory-groups-list .list-group-item.type-group .type-group i,
#directory-org-users-list .list-group-item.type-group .type-group i,
#orgs-view .list-group-item.type-group .type-group i,
#poll-conversation .list-group-item.type-group .type-group i,
#conversation-addressees .list-group-item.type-group .type-group i,
#admin-console .list-group-item.type-group .type-group i {
  color: #999999;
  font-size: 18px;
  vertical-align: text-bottom;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#directory-groups-users .list-group-item.type-org-user .type-group i:before,
#directory-groups-list .list-group-item.type-org-user .type-group i:before,
#directory-org-users-list .list-group-item.type-org-user .type-group i:before,
#orgs-view .list-group-item.type-org-user .type-group i:before,
#poll-conversation .list-group-item.type-org-user .type-group i:before,
#conversation-addressees .list-group-item.type-org-user .type-group i:before,
#admin-console .list-group-item.type-org-user .type-group i:before,
#directory-groups-users .list-group-item.type-group .type-group i:before,
#directory-groups-list .list-group-item.type-group .type-group i:before,
#directory-org-users-list .list-group-item.type-group .type-group i:before,
#orgs-view .list-group-item.type-group .type-group i:before,
#poll-conversation .list-group-item.type-group .type-group i:before,
#conversation-addressees .list-group-item.type-group .type-group i:before,
#admin-console .list-group-item.type-group .type-group i:before {
  bottom: 0;
  margin-right: 0;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#directory-groups-users .list-group-item.type-org-user > a,
#directory-groups-list .list-group-item.type-org-user > a,
#directory-org-users-list .list-group-item.type-org-user > a,
#orgs-view .list-group-item.type-org-user > a,
#poll-conversation .list-group-item.type-org-user > a,
#conversation-addressees .list-group-item.type-org-user > a,
#admin-console .list-group-item.type-org-user > a,
#directory-groups-users .list-group-item.type-group > a,
#directory-groups-list .list-group-item.type-group > a,
#directory-org-users-list .list-group-item.type-group > a,
#orgs-view .list-group-item.type-group > a,
#poll-conversation .list-group-item.type-group > a,
#conversation-addressees .list-group-item.type-group > a,
#admin-console .list-group-item.type-group > a {
  padding: 0 0 0 74px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#directory-groups-users .list-group-item.type-org-user > a:hover,
#directory-groups-list .list-group-item.type-org-user > a:hover,
#directory-org-users-list .list-group-item.type-org-user > a:hover,
#orgs-view .list-group-item.type-org-user > a:hover,
#poll-conversation .list-group-item.type-org-user > a:hover,
#conversation-addressees .list-group-item.type-org-user > a:hover,
#admin-console .list-group-item.type-org-user > a:hover,
#directory-groups-users .list-group-item.type-group > a:hover,
#directory-groups-list .list-group-item.type-group > a:hover,
#directory-org-users-list .list-group-item.type-group > a:hover,
#orgs-view .list-group-item.type-group > a:hover,
#poll-conversation .list-group-item.type-group > a:hover,
#conversation-addressees .list-group-item.type-group > a:hover,
#admin-console .list-group-item.type-group > a:hover,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#directory-groups-users .list-group-item.type-org-user > a:active,
#directory-groups-list .list-group-item.type-org-user > a:active,
#directory-org-users-list .list-group-item.type-org-user > a:active,
#orgs-view .list-group-item.type-org-user > a:active,
#poll-conversation .list-group-item.type-org-user > a:active,
#conversation-addressees .list-group-item.type-org-user > a:active,
#admin-console .list-group-item.type-org-user > a:active,
#directory-groups-users .list-group-item.type-group > a:active,
#directory-groups-list .list-group-item.type-group > a:active,
#directory-org-users-list .list-group-item.type-group > a:active,
#orgs-view .list-group-item.type-group > a:active,
#poll-conversation .list-group-item.type-group > a:active,
#conversation-addressees .list-group-item.type-group > a:active,
#admin-console .list-group-item.type-group > a:active {
  text-decoration: none;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#directory-groups-users .list-group-item.type-org-user > a > span,
#directory-groups-list .list-group-item.type-org-user > a > span,
#directory-org-users-list .list-group-item.type-org-user > a > span,
#orgs-view .list-group-item.type-org-user > a > span,
#poll-conversation .list-group-item.type-org-user > a > span,
#conversation-addressees .list-group-item.type-org-user > a > span,
#admin-console .list-group-item.type-org-user > a > span,
#directory-groups-users .list-group-item.type-group > a > span,
#directory-groups-list .list-group-item.type-group > a > span,
#directory-org-users-list .list-group-item.type-group > a > span,
#orgs-view .list-group-item.type-group > a > span,
#poll-conversation .list-group-item.type-group > a > span,
#conversation-addressees .list-group-item.type-group > a > span,
#admin-console .list-group-item.type-group > a > span {
  line-height: 1.4em;
  color: #212121;
  font-weight: 300;
  position: relative;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#directory-groups-users .list-group-item.type-org-user > a .author-name,
#directory-groups-list .list-group-item.type-org-user > a .author-name,
#directory-org-users-list .list-group-item.type-org-user > a .author-name,
#orgs-view .list-group-item.type-org-user > a .author-name,
#poll-conversation .list-group-item.type-org-user > a .author-name,
#conversation-addressees .list-group-item.type-org-user > a .author-name,
#admin-console .list-group-item.type-org-user > a .author-name,
#directory-groups-users .list-group-item.type-group > a .author-name,
#directory-groups-list .list-group-item.type-group > a .author-name,
#directory-org-users-list .list-group-item.type-group > a .author-name,
#orgs-view .list-group-item.type-group > a .author-name,
#poll-conversation .list-group-item.type-group > a .author-name,
#conversation-addressees .list-group-item.type-group > a .author-name,
#admin-console .list-group-item.type-group > a .author-name {
  color: #212121;
  padding-right: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#directory-groups-users .list-group-item.type-org-user > a .message-body,
#directory-groups-list .list-group-item.type-org-user > a .message-body,
#directory-org-users-list .list-group-item.type-org-user > a .message-body,
#orgs-view .list-group-item.type-org-user > a .message-body,
#poll-conversation .list-group-item.type-org-user > a .message-body,
#conversation-addressees .list-group-item.type-org-user > a .message-body,
#admin-console .list-group-item.type-org-user > a .message-body,
#directory-groups-users .list-group-item.type-group > a .message-body,
#directory-groups-list .list-group-item.type-group > a .message-body,
#directory-org-users-list .list-group-item.type-group > a .message-body,
#orgs-view .list-group-item.type-group > a .message-body,
#poll-conversation .list-group-item.type-group > a .message-body,
#conversation-addressees .list-group-item.type-group > a .message-body,
#admin-console .list-group-item.type-group > a .message-body {
  color: #6e6e6e;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 40px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#directory-groups-users .list-group-item.type-org-user > a .visibility,
#directory-groups-list .list-group-item.type-org-user > a .visibility,
#directory-org-users-list .list-group-item.type-org-user > a .visibility,
#orgs-view .list-group-item.type-org-user > a .visibility,
#poll-conversation .list-group-item.type-org-user > a .visibility,
#conversation-addressees .list-group-item.type-org-user > a .visibility,
#admin-console .list-group-item.type-org-user > a .visibility,
#directory-groups-users .list-group-item.type-group > a .visibility,
#directory-groups-list .list-group-item.type-group > a .visibility,
#directory-org-users-list .list-group-item.type-group > a .visibility,
#orgs-view .list-group-item.type-group > a .visibility,
#poll-conversation .list-group-item.type-group > a .visibility,
#conversation-addressees .list-group-item.type-group > a .visibility,
#admin-console .list-group-item.type-group > a .visibility {
  line-height: 1.5 !important;
  padding-right: 3px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#directory-groups-users .list-group-item.type-org-user > a .visibility i.ss-lock,
#directory-groups-list .list-group-item.type-org-user > a .visibility i.ss-lock,
#directory-org-users-list .list-group-item.type-org-user > a .visibility i.ss-lock,
#orgs-view .list-group-item.type-org-user > a .visibility i.ss-lock,
#poll-conversation .list-group-item.type-org-user > a .visibility i.ss-lock,
#conversation-addressees .list-group-item.type-org-user > a .visibility i.ss-lock,
#admin-console .list-group-item.type-org-user > a .visibility i.ss-lock,
#directory-groups-users .list-group-item.type-group > a .visibility i.ss-lock,
#directory-groups-list .list-group-item.type-group > a .visibility i.ss-lock,
#directory-org-users-list .list-group-item.type-group > a .visibility i.ss-lock,
#orgs-view .list-group-item.type-group > a .visibility i.ss-lock,
#poll-conversation .list-group-item.type-group > a .visibility i.ss-lock,
#conversation-addressees .list-group-item.type-group > a .visibility i.ss-lock,
#admin-console .list-group-item.type-group > a .visibility i.ss-lock {
  font-size: 12px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#directory-groups-users .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#directory-groups-list .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#directory-org-users-list .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#orgs-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#poll-conversation .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#conversation-addressees .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#admin-console .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#directory-groups-users .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#directory-groups-list .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#directory-org-users-list .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#orgs-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#poll-conversation .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#conversation-addressees .list-group-item.type-group > a .visibility i.ss-lock.visibility-private,
#admin-console .list-group-item.type-group > a .visibility i.ss-lock.visibility-private {
  color: #52ba57;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#directory-groups-users .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#directory-groups-list .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#directory-org-users-list .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#orgs-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#poll-conversation .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#conversation-addressees .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#admin-console .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#directory-groups-users .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#directory-groups-list .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#directory-org-users-list .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#orgs-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#poll-conversation .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#conversation-addressees .list-group-item.type-group > a .visibility i.ss-lock.visibility-group,
#admin-console .list-group-item.type-group > a .visibility i.ss-lock.visibility-group {
  color: #f0ad4e;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#directory-groups-users .list-group-item.type-org-user > a .name,
#directory-groups-list .list-group-item.type-org-user > a .name,
#directory-org-users-list .list-group-item.type-org-user > a .name,
#orgs-view .list-group-item.type-org-user > a .name,
#poll-conversation .list-group-item.type-org-user > a .name,
#conversation-addressees .list-group-item.type-org-user > a .name,
#admin-console .list-group-item.type-org-user > a .name,
#directory-groups-users .list-group-item.type-group > a .name,
#directory-groups-list .list-group-item.type-group > a .name,
#directory-org-users-list .list-group-item.type-group > a .name,
#orgs-view .list-group-item.type-group > a .name,
#poll-conversation .list-group-item.type-group > a .name,
#conversation-addressees .list-group-item.type-group > a .name,
#admin-console .list-group-item.type-group > a .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#directory-groups-users .list-group-item.type-org-user > a .name .username,
#directory-groups-list .list-group-item.type-org-user > a .name .username,
#directory-org-users-list .list-group-item.type-org-user > a .name .username,
#orgs-view .list-group-item.type-org-user > a .name .username,
#poll-conversation .list-group-item.type-org-user > a .name .username,
#conversation-addressees .list-group-item.type-org-user > a .name .username,
#admin-console .list-group-item.type-org-user > a .name .username,
#directory-groups-users .list-group-item.type-group > a .name .username,
#directory-groups-list .list-group-item.type-group > a .name .username,
#directory-org-users-list .list-group-item.type-group > a .name .username,
#orgs-view .list-group-item.type-group > a .name .username,
#poll-conversation .list-group-item.type-group > a .name .username,
#conversation-addressees .list-group-item.type-group > a .name .username,
#admin-console .list-group-item.type-group > a .name .username {
  font-size: 12px;
  padding-left: 5px;
  color: #1189df;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#directory-groups-users .list-group-item.type-org-user > a .badge,
#directory-groups-list .list-group-item.type-org-user > a .badge,
#directory-org-users-list .list-group-item.type-org-user > a .badge,
#orgs-view .list-group-item.type-org-user > a .badge,
#poll-conversation .list-group-item.type-org-user > a .badge,
#conversation-addressees .list-group-item.type-org-user > a .badge,
#admin-console .list-group-item.type-org-user > a .badge,
#directory-groups-users .list-group-item.type-group > a .badge,
#directory-groups-list .list-group-item.type-group > a .badge,
#directory-org-users-list .list-group-item.type-group > a .badge,
#orgs-view .list-group-item.type-group > a .badge,
#poll-conversation .list-group-item.type-group > a .badge,
#conversation-addressees .list-group-item.type-group > a .badge,
#admin-console .list-group-item.type-group > a .badge {
  z-index: 2;
  color: #fefefe;
  float: right !important;
  margin-top: 3px;
  margin-left: 5px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#directory-groups-users .list-group-item.type-org-user > a .function,
#directory-groups-list .list-group-item.type-org-user > a .function,
#directory-org-users-list .list-group-item.type-org-user > a .function,
#orgs-view .list-group-item.type-org-user > a .function,
#poll-conversation .list-group-item.type-org-user > a .function,
#conversation-addressees .list-group-item.type-org-user > a .function,
#admin-console .list-group-item.type-org-user > a .function,
#directory-groups-users .list-group-item.type-group > a .function,
#directory-groups-list .list-group-item.type-group > a .function,
#directory-org-users-list .list-group-item.type-group > a .function,
#orgs-view .list-group-item.type-group > a .function,
#poll-conversation .list-group-item.type-group > a .function,
#conversation-addressees .list-group-item.type-group > a .function,
#admin-console .list-group-item.type-group > a .function {
  color: #6e6e6e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#directory-groups-users .list-group-item.type-org-user > a .last-seen,
#directory-groups-list .list-group-item.type-org-user > a .last-seen,
#directory-org-users-list .list-group-item.type-org-user > a .last-seen,
#orgs-view .list-group-item.type-org-user > a .last-seen,
#poll-conversation .list-group-item.type-org-user > a .last-seen,
#conversation-addressees .list-group-item.type-org-user > a .last-seen,
#admin-console .list-group-item.type-org-user > a .last-seen,
#directory-groups-users .list-group-item.type-group > a .last-seen,
#directory-groups-list .list-group-item.type-group > a .last-seen,
#directory-org-users-list .list-group-item.type-group > a .last-seen,
#orgs-view .list-group-item.type-group > a .last-seen,
#poll-conversation .list-group-item.type-group > a .last-seen,
#conversation-addressees .list-group-item.type-group > a .last-seen,
#admin-console .list-group-item.type-group > a .last-seen {
  display: block;
  color: #6e6e6e;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#directory-groups-users .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#directory-groups-list .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#directory-org-users-list .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#orgs-view .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#poll-conversation .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#conversation-addressees .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#admin-console .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#directory-groups-users .list-group-item.type-group > a .last-seen .last-seen-indicator,
#directory-groups-list .list-group-item.type-group > a .last-seen .last-seen-indicator,
#directory-org-users-list .list-group-item.type-group > a .last-seen .last-seen-indicator,
#orgs-view .list-group-item.type-group > a .last-seen .last-seen-indicator,
#poll-conversation .list-group-item.type-group > a .last-seen .last-seen-indicator,
#conversation-addressees .list-group-item.type-group > a .last-seen .last-seen-indicator,
#admin-console .list-group-item.type-group > a .last-seen .last-seen-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #52ba57;
  margin-right: 3px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#directory-groups-users .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#directory-groups-list .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#directory-org-users-list .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#orgs-view .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#poll-conversation .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#conversation-addressees .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#admin-console .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#directory-groups-users .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#directory-groups-list .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#directory-org-users-list .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#orgs-view .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#poll-conversation .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#conversation-addressees .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator,
#admin-console .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator {
  background-color: #999999;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#directory-groups-users .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#directory-groups-list .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#directory-org-users-list .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#orgs-view .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#poll-conversation .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#conversation-addressees .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#admin-console .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#directory-groups-users .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#directory-groups-list .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#directory-org-users-list .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#orgs-view .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#poll-conversation .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#conversation-addressees .list-group-item.type-group > a .last-seen.never .last-seen-indicator,
#admin-console .list-group-item.type-group > a .last-seen.never .last-seen-indicator {
  background-color: transparent;
  border: 1px solid #d9534f;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#directory-groups-users .list-group-item.type-org-user > a .member-count,
#directory-groups-list .list-group-item.type-org-user > a .member-count,
#directory-org-users-list .list-group-item.type-org-user > a .member-count,
#orgs-view .list-group-item.type-org-user > a .member-count,
#poll-conversation .list-group-item.type-org-user > a .member-count,
#conversation-addressees .list-group-item.type-org-user > a .member-count,
#admin-console .list-group-item.type-org-user > a .member-count,
#directory-groups-users .list-group-item.type-group > a .member-count,
#directory-groups-list .list-group-item.type-group > a .member-count,
#directory-org-users-list .list-group-item.type-group > a .member-count,
#orgs-view .list-group-item.type-group > a .member-count,
#poll-conversation .list-group-item.type-group > a .member-count,
#conversation-addressees .list-group-item.type-group > a .member-count,
#admin-console .list-group-item.type-group > a .member-count {
  font-size: 12px;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#directory-groups-users .list-group-item.type-org-user .conversation-group,
#directory-groups-list .list-group-item.type-org-user .conversation-group,
#directory-org-users-list .list-group-item.type-org-user .conversation-group,
#orgs-view .list-group-item.type-org-user .conversation-group,
#poll-conversation .list-group-item.type-org-user .conversation-group,
#conversation-addressees .list-group-item.type-org-user .conversation-group,
#admin-console .list-group-item.type-org-user .conversation-group,
#directory-groups-users .list-group-item.type-group .conversation-group,
#directory-groups-list .list-group-item.type-group .conversation-group,
#directory-org-users-list .list-group-item.type-group .conversation-group,
#orgs-view .list-group-item.type-group .conversation-group,
#poll-conversation .list-group-item.type-group .conversation-group,
#conversation-addressees .list-group-item.type-group .conversation-group,
#admin-console .list-group-item.type-group .conversation-group,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#directory-groups-users .list-group-item.type-org-user .conversation-shift-swap,
#directory-groups-list .list-group-item.type-org-user .conversation-shift-swap,
#directory-org-users-list .list-group-item.type-org-user .conversation-shift-swap,
#orgs-view .list-group-item.type-org-user .conversation-shift-swap,
#poll-conversation .list-group-item.type-org-user .conversation-shift-swap,
#conversation-addressees .list-group-item.type-org-user .conversation-shift-swap,
#admin-console .list-group-item.type-org-user .conversation-shift-swap,
#directory-groups-users .list-group-item.type-group .conversation-shift-swap,
#directory-groups-list .list-group-item.type-group .conversation-shift-swap,
#directory-org-users-list .list-group-item.type-group .conversation-shift-swap,
#orgs-view .list-group-item.type-group .conversation-shift-swap,
#poll-conversation .list-group-item.type-group .conversation-shift-swap,
#conversation-addressees .list-group-item.type-group .conversation-shift-swap,
#admin-console .list-group-item.type-group .conversation-shift-swap,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#directory-groups-users .list-group-item.type-org-user .name,
#directory-groups-list .list-group-item.type-org-user .name,
#directory-org-users-list .list-group-item.type-org-user .name,
#orgs-view .list-group-item.type-org-user .name,
#poll-conversation .list-group-item.type-org-user .name,
#conversation-addressees .list-group-item.type-org-user .name,
#admin-console .list-group-item.type-org-user .name,
#directory-groups-users .list-group-item.type-group .name,
#directory-groups-list .list-group-item.type-group .name,
#directory-org-users-list .list-group-item.type-group .name,
#orgs-view .list-group-item.type-group .name,
#poll-conversation .list-group-item.type-group .name,
#conversation-addressees .list-group-item.type-group .name,
#admin-console .list-group-item.type-group .name,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#directory-groups-users .list-group-item.type-org-user .conversation-name,
#directory-groups-list .list-group-item.type-org-user .conversation-name,
#directory-org-users-list .list-group-item.type-org-user .conversation-name,
#orgs-view .list-group-item.type-org-user .conversation-name,
#poll-conversation .list-group-item.type-org-user .conversation-name,
#conversation-addressees .list-group-item.type-org-user .conversation-name,
#admin-console .list-group-item.type-org-user .conversation-name,
#directory-groups-users .list-group-item.type-group .conversation-name,
#directory-groups-list .list-group-item.type-group .conversation-name,
#directory-org-users-list .list-group-item.type-group .conversation-name,
#orgs-view .list-group-item.type-group .conversation-name,
#poll-conversation .list-group-item.type-group .conversation-name,
#conversation-addressees .list-group-item.type-group .conversation-name,
#admin-console .list-group-item.type-group .conversation-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#directory-groups-users .list-group-item.type-org-user .conversation-group .username,
#directory-groups-list .list-group-item.type-org-user .conversation-group .username,
#directory-org-users-list .list-group-item.type-org-user .conversation-group .username,
#orgs-view .list-group-item.type-org-user .conversation-group .username,
#poll-conversation .list-group-item.type-org-user .conversation-group .username,
#conversation-addressees .list-group-item.type-org-user .conversation-group .username,
#admin-console .list-group-item.type-org-user .conversation-group .username,
#directory-groups-users .list-group-item.type-group .conversation-group .username,
#directory-groups-list .list-group-item.type-group .conversation-group .username,
#directory-org-users-list .list-group-item.type-group .conversation-group .username,
#orgs-view .list-group-item.type-group .conversation-group .username,
#poll-conversation .list-group-item.type-group .conversation-group .username,
#conversation-addressees .list-group-item.type-group .conversation-group .username,
#admin-console .list-group-item.type-group .conversation-group .username,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#directory-groups-users .list-group-item.type-org-user .conversation-shift-swap .username,
#directory-groups-list .list-group-item.type-org-user .conversation-shift-swap .username,
#directory-org-users-list .list-group-item.type-org-user .conversation-shift-swap .username,
#orgs-view .list-group-item.type-org-user .conversation-shift-swap .username,
#poll-conversation .list-group-item.type-org-user .conversation-shift-swap .username,
#conversation-addressees .list-group-item.type-org-user .conversation-shift-swap .username,
#admin-console .list-group-item.type-org-user .conversation-shift-swap .username,
#directory-groups-users .list-group-item.type-group .conversation-shift-swap .username,
#directory-groups-list .list-group-item.type-group .conversation-shift-swap .username,
#directory-org-users-list .list-group-item.type-group .conversation-shift-swap .username,
#orgs-view .list-group-item.type-group .conversation-shift-swap .username,
#poll-conversation .list-group-item.type-group .conversation-shift-swap .username,
#conversation-addressees .list-group-item.type-group .conversation-shift-swap .username,
#admin-console .list-group-item.type-group .conversation-shift-swap .username,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#directory-groups-users .list-group-item.type-org-user .name .username,
#directory-groups-list .list-group-item.type-org-user .name .username,
#directory-org-users-list .list-group-item.type-org-user .name .username,
#orgs-view .list-group-item.type-org-user .name .username,
#poll-conversation .list-group-item.type-org-user .name .username,
#conversation-addressees .list-group-item.type-org-user .name .username,
#admin-console .list-group-item.type-org-user .name .username,
#directory-groups-users .list-group-item.type-group .name .username,
#directory-groups-list .list-group-item.type-group .name .username,
#directory-org-users-list .list-group-item.type-group .name .username,
#orgs-view .list-group-item.type-group .name .username,
#poll-conversation .list-group-item.type-group .name .username,
#conversation-addressees .list-group-item.type-group .name .username,
#admin-console .list-group-item.type-group .name .username,
#directory-groups-users .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#directory-groups-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#directory-org-users-list .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#orgs-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#poll-conversation .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#conversation-addressees .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#admin-console .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#directory-groups-users .list-group-item.type-org-user .conversation-name .username,
#directory-groups-list .list-group-item.type-org-user .conversation-name .username,
#directory-org-users-list .list-group-item.type-org-user .conversation-name .username,
#orgs-view .list-group-item.type-org-user .conversation-name .username,
#poll-conversation .list-group-item.type-org-user .conversation-name .username,
#conversation-addressees .list-group-item.type-org-user .conversation-name .username,
#admin-console .list-group-item.type-org-user .conversation-name .username,
#directory-groups-users .list-group-item.type-group .conversation-name .username,
#directory-groups-list .list-group-item.type-group .conversation-name .username,
#directory-org-users-list .list-group-item.type-group .conversation-name .username,
#orgs-view .list-group-item.type-group .conversation-name .username,
#poll-conversation .list-group-item.type-group .conversation-name .username,
#conversation-addressees .list-group-item.type-group .conversation-name .username,
#admin-console .list-group-item.type-group .conversation-name .username {
  font-size: 12px;
  padding-left: 10px;
  color: #ff4e00;
}
#directory-groups-users .list-group-item.contact-links > a i,
#directory-groups-list .list-group-item.contact-links > a i,
#directory-org-users-list .list-group-item.contact-links > a i,
#orgs-view .list-group-item.contact-links > a i,
#poll-conversation .list-group-item.contact-links > a i,
#conversation-addressees .list-group-item.contact-links > a i,
#admin-console .list-group-item.contact-links > a i,
#directory-groups-users .list-group-item.contact-links > a span,
#directory-groups-list .list-group-item.contact-links > a span,
#directory-org-users-list .list-group-item.contact-links > a span,
#orgs-view .list-group-item.contact-links > a span,
#poll-conversation .list-group-item.contact-links > a span,
#conversation-addressees .list-group-item.contact-links > a span,
#admin-console .list-group-item.contact-links > a span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
#directory-groups-users .list-group-item .profile-item,
#directory-groups-list .list-group-item .profile-item,
#directory-org-users-list .list-group-item .profile-item,
#orgs-view .list-group-item .profile-item,
#poll-conversation .list-group-item .profile-item,
#conversation-addressees .list-group-item .profile-item,
#admin-console .list-group-item .profile-item {
  padding: 10px;
}
#directory-groups-users .list-group-item .profile-item div.user-details,
#directory-groups-list .list-group-item .profile-item div.user-details,
#directory-org-users-list .list-group-item .profile-item div.user-details,
#orgs-view .list-group-item .profile-item div.user-details,
#poll-conversation .list-group-item .profile-item div.user-details,
#conversation-addressees .list-group-item .profile-item div.user-details,
#admin-console .list-group-item .profile-item div.user-details {
  padding: 5px 0;
  overflow: hidden;
}
#directory-groups-users .list-group-item .profile-item div.user-details .title,
#directory-groups-list .list-group-item .profile-item div.user-details .title,
#directory-org-users-list .list-group-item .profile-item div.user-details .title,
#orgs-view .list-group-item .profile-item div.user-details .title,
#poll-conversation .list-group-item .profile-item div.user-details .title,
#conversation-addressees .list-group-item .profile-item div.user-details .title,
#admin-console .list-group-item .profile-item div.user-details .title,
#directory-groups-users .list-group-item .profile-item div.user-details .value,
#directory-groups-list .list-group-item .profile-item div.user-details .value,
#directory-org-users-list .list-group-item .profile-item div.user-details .value,
#orgs-view .list-group-item .profile-item div.user-details .value,
#poll-conversation .list-group-item .profile-item div.user-details .value,
#conversation-addressees .list-group-item .profile-item div.user-details .value,
#admin-console .list-group-item .profile-item div.user-details .value {
  float: left;
}
#directory-groups-users .list-group-item .profile-item div.user-details .title,
#directory-groups-list .list-group-item .profile-item div.user-details .title,
#directory-org-users-list .list-group-item .profile-item div.user-details .title,
#orgs-view .list-group-item .profile-item div.user-details .title,
#poll-conversation .list-group-item .profile-item div.user-details .title,
#conversation-addressees .list-group-item .profile-item div.user-details .title,
#admin-console .list-group-item .profile-item div.user-details .title {
  width: 40%;
}
#directory-groups-users .list-group-item .profile-item div.user-details .value,
#directory-groups-list .list-group-item .profile-item div.user-details .value,
#directory-org-users-list .list-group-item .profile-item div.user-details .value,
#orgs-view .list-group-item .profile-item div.user-details .value,
#poll-conversation .list-group-item .profile-item div.user-details .value,
#conversation-addressees .list-group-item .profile-item div.user-details .value,
#admin-console .list-group-item .profile-item div.user-details .value {
  width: 60%;
  color: #6e6e6e;
}
#directory-groups-users .list-group-item .profile-item div.user-details .value-list ul,
#directory-groups-list .list-group-item .profile-item div.user-details .value-list ul,
#directory-org-users-list .list-group-item .profile-item div.user-details .value-list ul,
#orgs-view .list-group-item .profile-item div.user-details .value-list ul,
#poll-conversation .list-group-item .profile-item div.user-details .value-list ul,
#conversation-addressees .list-group-item .profile-item div.user-details .value-list ul,
#admin-console .list-group-item .profile-item div.user-details .value-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#directory-groups-users .list-group-item > a,
#directory-groups-list .list-group-item > a,
#directory-org-users-list .list-group-item > a,
#orgs-view .list-group-item > a,
#poll-conversation .list-group-item > a,
#conversation-addressees .list-group-item > a,
#admin-console .list-group-item > a {
  display: block;
  overflow: hidden;
  padding: 5px 5px 5px 79px;
}
#directory-groups-users .list-group-item > div.item-info,
#directory-groups-list .list-group-item > div.item-info,
#directory-org-users-list .list-group-item > div.item-info,
#orgs-view .list-group-item > div.item-info,
#poll-conversation .list-group-item > div.item-info,
#conversation-addressees .list-group-item > div.item-info,
#admin-console .list-group-item > div.item-info {
  padding: 5px;
}
#directory-groups-users .list-group-item > div.item-checkbox-label,
#directory-groups-list .list-group-item > div.item-checkbox-label,
#directory-org-users-list .list-group-item > div.item-checkbox-label,
#orgs-view .list-group-item > div.item-checkbox-label,
#poll-conversation .list-group-item > div.item-checkbox-label,
#conversation-addressees .list-group-item > div.item-checkbox-label,
#admin-console .list-group-item > div.item-checkbox-label {
  padding: 10px 5px;
}
#directory-groups-users .list-group-item > div.item-checkbox-label .label,
#directory-groups-list .list-group-item > div.item-checkbox-label .label,
#directory-org-users-list .list-group-item > div.item-checkbox-label .label,
#orgs-view .list-group-item > div.item-checkbox-label .label,
#poll-conversation .list-group-item > div.item-checkbox-label .label,
#conversation-addressees .list-group-item > div.item-checkbox-label .label,
#admin-console .list-group-item > div.item-checkbox-label .label {
  line-height: 30px;
}
#directory-groups-users .list-group-item .name,
#directory-groups-list .list-group-item .name,
#directory-org-users-list .list-group-item .name,
#orgs-view .list-group-item .name,
#poll-conversation .list-group-item .name,
#conversation-addressees .list-group-item .name,
#admin-console .list-group-item .name,
#directory-groups-users .list-group-item .conversation-group,
#directory-groups-list .list-group-item .conversation-group,
#directory-org-users-list .list-group-item .conversation-group,
#orgs-view .list-group-item .conversation-group,
#poll-conversation .list-group-item .conversation-group,
#conversation-addressees .list-group-item .conversation-group,
#admin-console .list-group-item .conversation-group,
#directory-groups-users .list-group-item .author-name,
#directory-groups-list .list-group-item .author-name,
#directory-org-users-list .list-group-item .author-name,
#orgs-view .list-group-item .author-name,
#poll-conversation .list-group-item .author-name,
#conversation-addressees .list-group-item .author-name,
#admin-console .list-group-item .author-name,
#directory-groups-users .list-group-item .message-body,
#directory-groups-list .list-group-item .message-body,
#directory-org-users-list .list-group-item .message-body,
#orgs-view .list-group-item .message-body,
#poll-conversation .list-group-item .message-body,
#conversation-addressees .list-group-item .message-body,
#admin-console .list-group-item .message-body,
#directory-groups-users .list-group-item .conversation-poll,
#directory-groups-list .list-group-item .conversation-poll,
#directory-org-users-list .list-group-item .conversation-poll,
#orgs-view .list-group-item .conversation-poll,
#poll-conversation .list-group-item .conversation-poll,
#conversation-addressees .list-group-item .conversation-poll,
#admin-console .list-group-item .conversation-poll {
  display: block;
  line-height: 1.5;
}
#directory-groups-users .list-group-item .author-name,
#directory-groups-list .list-group-item .author-name,
#directory-org-users-list .list-group-item .author-name,
#orgs-view .list-group-item .author-name,
#poll-conversation .list-group-item .author-name,
#conversation-addressees .list-group-item .author-name,
#admin-console .list-group-item .author-name {
  font-size: 14px;
}
#directory-groups-users .list-group-item .type-group i:before,
#directory-groups-list .list-group-item .type-group i:before,
#directory-org-users-list .list-group-item .type-group i:before,
#orgs-view .list-group-item .type-group i:before,
#poll-conversation .list-group-item .type-group i:before,
#conversation-addressees .list-group-item .type-group i:before,
#admin-console .list-group-item .type-group i:before {
  position: relative;
  bottom: -3px;
  margin-right: 4px;
}
#directory-groups-users .list-group-item div.user-profile-details,
#directory-groups-list .list-group-item div.user-profile-details,
#directory-org-users-list .list-group-item div.user-profile-details,
#orgs-view .list-group-item div.user-profile-details,
#poll-conversation .list-group-item div.user-profile-details,
#conversation-addressees .list-group-item div.user-profile-details,
#admin-console .list-group-item div.user-profile-details,
#directory-groups-users .list-group-item div.group-profile-details,
#directory-groups-list .list-group-item div.group-profile-details,
#directory-org-users-list .list-group-item div.group-profile-details,
#orgs-view .list-group-item div.group-profile-details,
#poll-conversation .list-group-item div.group-profile-details,
#conversation-addressees .list-group-item div.group-profile-details,
#admin-console .list-group-item div.group-profile-details,
#directory-groups-users .list-group-item div.conversation-details,
#directory-groups-list .list-group-item div.conversation-details,
#directory-org-users-list .list-group-item div.conversation-details,
#orgs-view .list-group-item div.conversation-details,
#poll-conversation .list-group-item div.conversation-details,
#conversation-addressees .list-group-item div.conversation-details,
#admin-console .list-group-item div.conversation-details {
  padding: 0 0 0 74px;
  overflow: hidden;
}
#directory-groups-users .list-group-item div.user-profile-details .pic-container,
#directory-groups-list .list-group-item div.user-profile-details .pic-container,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container,
#orgs-view .list-group-item div.user-profile-details .pic-container,
#poll-conversation .list-group-item div.user-profile-details .pic-container,
#conversation-addressees .list-group-item div.user-profile-details .pic-container,
#admin-console .list-group-item div.user-profile-details .pic-container,
#directory-groups-users .list-group-item div.group-profile-details .pic-container,
#directory-groups-list .list-group-item div.group-profile-details .pic-container,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container,
#orgs-view .list-group-item div.group-profile-details .pic-container,
#poll-conversation .list-group-item div.group-profile-details .pic-container,
#conversation-addressees .list-group-item div.group-profile-details .pic-container,
#admin-console .list-group-item div.group-profile-details .pic-container,
#directory-groups-users .list-group-item div.conversation-details .pic-container,
#directory-groups-list .list-group-item div.conversation-details .pic-container,
#directory-org-users-list .list-group-item div.conversation-details .pic-container,
#orgs-view .list-group-item div.conversation-details .pic-container,
#poll-conversation .list-group-item div.conversation-details .pic-container,
#conversation-addressees .list-group-item div.conversation-details .pic-container,
#admin-console .list-group-item div.conversation-details .pic-container {
  margin-left: -74px;
}
#directory-groups-users .list-group-item div.user-profile-details .pic-container,
#directory-groups-list .list-group-item div.user-profile-details .pic-container,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container,
#orgs-view .list-group-item div.user-profile-details .pic-container,
#poll-conversation .list-group-item div.user-profile-details .pic-container,
#conversation-addressees .list-group-item div.user-profile-details .pic-container,
#admin-console .list-group-item div.user-profile-details .pic-container,
#directory-groups-users .list-group-item div.group-profile-details .pic-container,
#directory-groups-list .list-group-item div.group-profile-details .pic-container,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container,
#orgs-view .list-group-item div.group-profile-details .pic-container,
#poll-conversation .list-group-item div.group-profile-details .pic-container,
#conversation-addressees .list-group-item div.group-profile-details .pic-container,
#admin-console .list-group-item div.group-profile-details .pic-container,
#directory-groups-users .list-group-item div.conversation-details .pic-container,
#directory-groups-list .list-group-item div.conversation-details .pic-container,
#directory-org-users-list .list-group-item div.conversation-details .pic-container,
#orgs-view .list-group-item div.conversation-details .pic-container,
#poll-conversation .list-group-item div.conversation-details .pic-container,
#conversation-addressees .list-group-item div.conversation-details .pic-container,
#admin-console .list-group-item div.conversation-details .pic-container,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic {
  width: 64px;
  height: 64px;
}
#directory-groups-users .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#orgs-view .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#admin-console .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#orgs-view .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#admin-console .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#orgs-view .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#poll-conversation .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#admin-console .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before {
  font-size: 30px;
  line-height: 58px;
}
#directory-groups-users .list-group-item div.user-profile-details .pic-container > img,
#directory-groups-list .list-group-item div.user-profile-details .pic-container > img,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container > img,
#orgs-view .list-group-item div.user-profile-details .pic-container > img,
#poll-conversation .list-group-item div.user-profile-details .pic-container > img,
#conversation-addressees .list-group-item div.user-profile-details .pic-container > img,
#admin-console .list-group-item div.user-profile-details .pic-container > img,
#directory-groups-users .list-group-item div.group-profile-details .pic-container > img,
#directory-groups-list .list-group-item div.group-profile-details .pic-container > img,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container > img,
#orgs-view .list-group-item div.group-profile-details .pic-container > img,
#poll-conversation .list-group-item div.group-profile-details .pic-container > img,
#conversation-addressees .list-group-item div.group-profile-details .pic-container > img,
#admin-console .list-group-item div.group-profile-details .pic-container > img,
#directory-groups-users .list-group-item div.conversation-details .pic-container > img,
#directory-groups-list .list-group-item div.conversation-details .pic-container > img,
#directory-org-users-list .list-group-item div.conversation-details .pic-container > img,
#orgs-view .list-group-item div.conversation-details .pic-container > img,
#poll-conversation .list-group-item div.conversation-details .pic-container > img,
#conversation-addressees .list-group-item div.conversation-details .pic-container > img,
#admin-console .list-group-item div.conversation-details .pic-container > img,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#orgs-view .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#poll-conversation .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#admin-console .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#orgs-view .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#poll-conversation .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#admin-console .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#directory-groups-users .list-group-item div.conversation-details .pic-container .profile-pic > img,
#directory-groups-list .list-group-item div.conversation-details .pic-container .profile-pic > img,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .profile-pic > img,
#orgs-view .list-group-item div.conversation-details .pic-container .profile-pic > img,
#poll-conversation .list-group-item div.conversation-details .pic-container .profile-pic > img,
#conversation-addressees .list-group-item div.conversation-details .pic-container .profile-pic > img,
#admin-console .list-group-item div.conversation-details .pic-container .profile-pic > img,
#directory-groups-users .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#directory-groups-list .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#directory-org-users-list .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#orgs-view .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#poll-conversation .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#conversation-addressees .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#admin-console .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#directory-groups-users .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#directory-groups-list .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#directory-org-users-list .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#orgs-view .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#poll-conversation .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#conversation-addressees .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#admin-console .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#directory-groups-users .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#directory-groups-list .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#directory-org-users-list .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#orgs-view .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#poll-conversation .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#conversation-addressees .list-group-item div.conversation-details .pic-container .conversation-pic > img,
#admin-console .list-group-item div.conversation-details .pic-container .conversation-pic > img {
  min-height: 64px;
}
#directory-groups-users .list-group-item div.user-profile-details .name,
#directory-groups-list .list-group-item div.user-profile-details .name,
#directory-org-users-list .list-group-item div.user-profile-details .name,
#orgs-view .list-group-item div.user-profile-details .name,
#poll-conversation .list-group-item div.user-profile-details .name,
#conversation-addressees .list-group-item div.user-profile-details .name,
#admin-console .list-group-item div.user-profile-details .name,
#directory-groups-users .list-group-item div.group-profile-details .name,
#directory-groups-list .list-group-item div.group-profile-details .name,
#directory-org-users-list .list-group-item div.group-profile-details .name,
#orgs-view .list-group-item div.group-profile-details .name,
#poll-conversation .list-group-item div.group-profile-details .name,
#conversation-addressees .list-group-item div.group-profile-details .name,
#admin-console .list-group-item div.group-profile-details .name,
#directory-groups-users .list-group-item div.conversation-details .name,
#directory-groups-list .list-group-item div.conversation-details .name,
#directory-org-users-list .list-group-item div.conversation-details .name,
#orgs-view .list-group-item div.conversation-details .name,
#poll-conversation .list-group-item div.conversation-details .name,
#conversation-addressees .list-group-item div.conversation-details .name,
#admin-console .list-group-item div.conversation-details .name {
  font-size: 18px;
}
#directory-groups-users .list-group-item .group-profile-details,
#directory-groups-list .list-group-item .group-profile-details,
#directory-org-users-list .list-group-item .group-profile-details,
#orgs-view .list-group-item .group-profile-details,
#poll-conversation .list-group-item .group-profile-details,
#conversation-addressees .list-group-item .group-profile-details,
#admin-console .list-group-item .group-profile-details {
  border-top: 0 none;
}
#directory-groups-users .list-group-item div.user-chat-details,
#directory-groups-list .list-group-item div.user-chat-details,
#directory-org-users-list .list-group-item div.user-chat-details,
#orgs-view .list-group-item div.user-chat-details,
#poll-conversation .list-group-item div.user-chat-details,
#conversation-addressees .list-group-item div.user-chat-details,
#admin-console .list-group-item div.user-chat-details {
  padding: 5px 5px 5px 79px;
  overflow: hidden;
}
#directory-groups-users .list-group-item .private-conversation,
#directory-groups-list .list-group-item .private-conversation,
#directory-org-users-list .list-group-item .private-conversation,
#orgs-view .list-group-item .private-conversation,
#poll-conversation .list-group-item .private-conversation,
#conversation-addressees .list-group-item .private-conversation,
#admin-console .list-group-item .private-conversation,
#directory-groups-users .list-group-item .telephone-call,
#directory-groups-list .list-group-item .telephone-call,
#directory-org-users-list .list-group-item .telephone-call,
#orgs-view .list-group-item .telephone-call,
#poll-conversation .list-group-item .telephone-call,
#conversation-addressees .list-group-item .telephone-call,
#admin-console .list-group-item .telephone-call,
#directory-groups-users .list-group-item .new-conversation,
#directory-groups-list .list-group-item .new-conversation,
#directory-org-users-list .list-group-item .new-conversation,
#orgs-view .list-group-item .new-conversation,
#poll-conversation .list-group-item .new-conversation,
#conversation-addressees .list-group-item .new-conversation,
#admin-console .list-group-item .new-conversation,
#directory-groups-users .list-group-item .remove-member,
#directory-groups-list .list-group-item .remove-member,
#directory-org-users-list .list-group-item .remove-member,
#orgs-view .list-group-item .remove-member,
#poll-conversation .list-group-item .remove-member,
#conversation-addressees .list-group-item .remove-member,
#admin-console .list-group-item .remove-member,
#directory-groups-users .list-group-item .remove-participant,
#directory-groups-list .list-group-item .remove-participant,
#directory-org-users-list .list-group-item .remove-participant,
#orgs-view .list-group-item .remove-participant,
#poll-conversation .list-group-item .remove-participant,
#conversation-addressees .list-group-item .remove-participant,
#admin-console .list-group-item .remove-participant {
  display: block;
  padding: 20px 10px 5px 15px !important;
}
#directory-groups-users .list-group-item .private-conversation i,
#directory-groups-list .list-group-item .private-conversation i,
#directory-org-users-list .list-group-item .private-conversation i,
#orgs-view .list-group-item .private-conversation i,
#poll-conversation .list-group-item .private-conversation i,
#conversation-addressees .list-group-item .private-conversation i,
#admin-console .list-group-item .private-conversation i,
#directory-groups-users .list-group-item .telephone-call i,
#directory-groups-list .list-group-item .telephone-call i,
#directory-org-users-list .list-group-item .telephone-call i,
#orgs-view .list-group-item .telephone-call i,
#poll-conversation .list-group-item .telephone-call i,
#conversation-addressees .list-group-item .telephone-call i,
#admin-console .list-group-item .telephone-call i,
#directory-groups-users .list-group-item .new-conversation i,
#directory-groups-list .list-group-item .new-conversation i,
#directory-org-users-list .list-group-item .new-conversation i,
#orgs-view .list-group-item .new-conversation i,
#poll-conversation .list-group-item .new-conversation i,
#conversation-addressees .list-group-item .new-conversation i,
#admin-console .list-group-item .new-conversation i,
#directory-groups-users .list-group-item .remove-member i,
#directory-groups-list .list-group-item .remove-member i,
#directory-org-users-list .list-group-item .remove-member i,
#orgs-view .list-group-item .remove-member i,
#poll-conversation .list-group-item .remove-member i,
#conversation-addressees .list-group-item .remove-member i,
#admin-console .list-group-item .remove-member i,
#directory-groups-users .list-group-item .remove-participant i,
#directory-groups-list .list-group-item .remove-participant i,
#directory-org-users-list .list-group-item .remove-participant i,
#orgs-view .list-group-item .remove-participant i,
#poll-conversation .list-group-item .remove-participant i,
#conversation-addressees .list-group-item .remove-participant i,
#admin-console .list-group-item .remove-participant i {
  color: #ff4e00;
}
#directory-groups-users .list-group-item .private-conversation span.ss-chat,
#directory-groups-list .list-group-item .private-conversation span.ss-chat,
#directory-org-users-list .list-group-item .private-conversation span.ss-chat,
#orgs-view .list-group-item .private-conversation span.ss-chat,
#poll-conversation .list-group-item .private-conversation span.ss-chat,
#conversation-addressees .list-group-item .private-conversation span.ss-chat,
#admin-console .list-group-item .private-conversation span.ss-chat,
#directory-groups-users .list-group-item .telephone-call span.ss-chat,
#directory-groups-list .list-group-item .telephone-call span.ss-chat,
#directory-org-users-list .list-group-item .telephone-call span.ss-chat,
#orgs-view .list-group-item .telephone-call span.ss-chat,
#poll-conversation .list-group-item .telephone-call span.ss-chat,
#conversation-addressees .list-group-item .telephone-call span.ss-chat,
#admin-console .list-group-item .telephone-call span.ss-chat,
#directory-groups-users .list-group-item .new-conversation span.ss-chat,
#directory-groups-list .list-group-item .new-conversation span.ss-chat,
#directory-org-users-list .list-group-item .new-conversation span.ss-chat,
#orgs-view .list-group-item .new-conversation span.ss-chat,
#poll-conversation .list-group-item .new-conversation span.ss-chat,
#conversation-addressees .list-group-item .new-conversation span.ss-chat,
#admin-console .list-group-item .new-conversation span.ss-chat,
#directory-groups-users .list-group-item .remove-member span.ss-chat,
#directory-groups-list .list-group-item .remove-member span.ss-chat,
#directory-org-users-list .list-group-item .remove-member span.ss-chat,
#orgs-view .list-group-item .remove-member span.ss-chat,
#poll-conversation .list-group-item .remove-member span.ss-chat,
#conversation-addressees .list-group-item .remove-member span.ss-chat,
#admin-console .list-group-item .remove-member span.ss-chat,
#directory-groups-users .list-group-item .remove-participant span.ss-chat,
#directory-groups-list .list-group-item .remove-participant span.ss-chat,
#directory-org-users-list .list-group-item .remove-participant span.ss-chat,
#orgs-view .list-group-item .remove-participant span.ss-chat,
#poll-conversation .list-group-item .remove-participant span.ss-chat,
#conversation-addressees .list-group-item .remove-participant span.ss-chat,
#admin-console .list-group-item .remove-participant span.ss-chat {
  line-height: 100%;
  color: #ff4e00;
}
#directory-groups-users .list-group-item .private-conversation .ss-chat::before,
#directory-groups-list .list-group-item .private-conversation .ss-chat::before,
#directory-org-users-list .list-group-item .private-conversation .ss-chat::before,
#orgs-view .list-group-item .private-conversation .ss-chat::before,
#poll-conversation .list-group-item .private-conversation .ss-chat::before,
#conversation-addressees .list-group-item .private-conversation .ss-chat::before,
#admin-console .list-group-item .private-conversation .ss-chat::before {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
/* ==========================================================================
   #CONVERSATION DETAIL VIEW
   ========================================================================== */
/**
* 1. Intersection addressees
* 2. DUPLICATE ONE, and TWO, START is content also found on directory-groups-users.less . To Decouple
* 3. #conversation-addressees to be done
*/
#conversation-addressees li.list-group-item.type-group .name {
  font-size: 16px !important;
  margin: 0 !important;
}
#conversation-addressees li.list-group-item.type-group .timeline-description {
  margin: 6px 0 16px;
  font-size: 14px !important;
}
#conversation-detail-view .pic-container {
  width: 64px;
  height: 64px;
  float: left;
  margin-left: -74px;
  position: relative;
  text-align: center;
}
#conversation-detail-view .pic-container .profile-pic,
#conversation-detail-view .pic-container .conversation-pic {
  width: 64px;
  height: 64px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#conversation-detail-view .pic-container .profile-pic > img,
#conversation-detail-view .pic-container .conversation-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
}
#conversation-detail-view .pic-container .profile-pic .ss-junior,
#conversation-detail-view .pic-container .conversation-pic .ss-junior,
#conversation-detail-view .pic-container .profile-pic .ss-symbolicons-line,
#conversation-detail-view .pic-container .conversation-pic .ss-symbolicons-line,
#conversation-detail-view .pic-container .profile-pic .ss-symbolicons-block,
#conversation-detail-view .pic-container .conversation-pic .ss-symbolicons-block {
  font-size: 22px;
  line-height: 69px;
  vertical-align: middle;
  text-align: center;
}
#conversation-detail-view .pic-container .profile-pic .ss-symbolicons-line,
#conversation-detail-view .pic-container .conversation-pic .ss-symbolicons-line,
#conversation-detail-view .pic-container .profile-pic .ss-symbolicons-block,
#conversation-detail-view .pic-container .conversation-pic .ss-symbolicons-block {
  color: #ff4e00;
}
#conversation-detail-view .pic-container .profile-pic .material-icons,
#conversation-detail-view .pic-container .conversation-pic .material-icons {
  font-size: 36px;
  line-height: 63px;
  color: #999999;
}
#conversation-detail-view .list-group {
  margin-bottom: 0;
}
#conversation-detail-view .list-group-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #e7e7e7;
  margin: 10px 10px 0;
  padding: 0 0 8px;
  border-radius: 0 !important;
}
#conversation-detail-view .list-group-item.type-group {
  padding-bottom: 10px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group,
#conversation-detail-view .list-group-item.type-org-user .type-group,
#conversation-detail-view .list-group-item.type-group .type-group {
  color: #6e6e6e;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i,
#conversation-detail-view .list-group-item.type-org-user .type-group i,
#conversation-detail-view .list-group-item.type-group .type-group i {
  color: #00BFD7;
  font-size: 18px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .type-group i:before,
#conversation-detail-view .list-group-item.type-org-user .type-group i:before,
#conversation-detail-view .list-group-item.type-group .type-group i:before {
  bottom: 0;
  margin-right: 0;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a,
#conversation-detail-view .list-group-item.type-org-user > a,
#conversation-detail-view .list-group-item.type-group > a {
  padding: 0 0 0 74px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:hover,
#conversation-detail-view .list-group-item.type-org-user > a:hover,
#conversation-detail-view .list-group-item.type-group > a:hover,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a:active,
#conversation-detail-view .list-group-item.type-org-user > a:active,
#conversation-detail-view .list-group-item.type-group > a:active {
  text-decoration: none;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a > span,
#conversation-detail-view .list-group-item.type-org-user > a > span,
#conversation-detail-view .list-group-item.type-group > a > span {
  line-height: 1.4em;
  color: #212121;
  font-weight: 300;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .author-name,
#conversation-detail-view .list-group-item.type-org-user > a .author-name,
#conversation-detail-view .list-group-item.type-group > a .author-name {
  color: #212121;
  padding-right: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .message-body,
#conversation-detail-view .list-group-item.type-org-user > a .message-body,
#conversation-detail-view .list-group-item.type-group > a .message-body {
  color: #6e6e6e;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 40px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility,
#conversation-detail-view .list-group-item.type-org-user > a .visibility,
#conversation-detail-view .list-group-item.type-group > a .visibility {
  line-height: 1.5 !important;
  padding-right: 3px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock,
#conversation-detail-view .list-group-item.type-org-user > a .visibility i.ss-lock,
#conversation-detail-view .list-group-item.type-group > a .visibility i.ss-lock {
  font-size: 12px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-private,
#conversation-detail-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-private,
#conversation-detail-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-private {
  color: #52ba57;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .visibility i.ss-lock.visibility-group,
#conversation-detail-view .list-group-item.type-org-user > a .visibility i.ss-lock.visibility-group,
#conversation-detail-view .list-group-item.type-group > a .visibility i.ss-lock.visibility-group {
  color: #f0ad4e;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name,
#conversation-detail-view .list-group-item.type-org-user > a .name,
#conversation-detail-view .list-group-item.type-group > a .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .name .username,
#conversation-detail-view .list-group-item.type-org-user > a .name .username,
#conversation-detail-view .list-group-item.type-group > a .name .username {
  font-size: 12px;
  padding-left: 5px;
  color: #1189df;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .badge,
#conversation-detail-view .list-group-item.type-org-user > a .badge,
#conversation-detail-view .list-group-item.type-group > a .badge {
  z-index: 2;
  color: #fefefe;
  float: right !important;
  margin-top: 3px;
  margin-left: 5px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .function,
#conversation-detail-view .list-group-item.type-org-user > a .function,
#conversation-detail-view .list-group-item.type-group > a .function {
  color: #6e6e6e;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen,
#conversation-detail-view .list-group-item.type-org-user > a .last-seen,
#conversation-detail-view .list-group-item.type-group > a .last-seen {
  display: block;
  color: #6e6e6e;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen .last-seen-indicator,
#conversation-detail-view .list-group-item.type-org-user > a .last-seen .last-seen-indicator,
#conversation-detail-view .list-group-item.type-group > a .last-seen .last-seen-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #52ba57;
  margin-right: 3px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.inactive .last-seen-indicator,
#conversation-detail-view .list-group-item.type-org-user > a .last-seen.inactive .last-seen-indicator,
#conversation-detail-view .list-group-item.type-group > a .last-seen.inactive .last-seen-indicator {
  background-color: #999999;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .last-seen.never .last-seen-indicator,
#conversation-detail-view .list-group-item.type-org-user > a .last-seen.never .last-seen-indicator,
#conversation-detail-view .list-group-item.type-group > a .last-seen.never .last-seen-indicator {
  background-color: transparent;
  border: 1px solid #d9534f;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper > a .member-count,
#conversation-detail-view .list-group-item.type-org-user > a .member-count,
#conversation-detail-view .list-group-item.type-group > a .member-count {
  font-size: 12px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group,
#conversation-detail-view .list-group-item.type-org-user .conversation-group,
#conversation-detail-view .list-group-item.type-group .conversation-group,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap,
#conversation-detail-view .list-group-item.type-org-user .conversation-shift-swap,
#conversation-detail-view .list-group-item.type-group .conversation-shift-swap,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name,
#conversation-detail-view .list-group-item.type-org-user .name,
#conversation-detail-view .list-group-item.type-group .name,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name,
#conversation-detail-view .list-group-item.type-org-user .conversation-name,
#conversation-detail-view .list-group-item.type-group .conversation-name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-group .username,
#conversation-detail-view .list-group-item.type-org-user .conversation-group .username,
#conversation-detail-view .list-group-item.type-group .conversation-group .username,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-shift-swap .username,
#conversation-detail-view .list-group-item.type-org-user .conversation-shift-swap .username,
#conversation-detail-view .list-group-item.type-group .conversation-shift-swap .username,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .name .username,
#conversation-detail-view .list-group-item.type-org-user .name .username,
#conversation-detail-view .list-group-item.type-group .name .username,
#conversation-detail-view .list-group-item.type-recent-conversation .swipe-to-reveal-content-wrapper .conversation-name .username,
#conversation-detail-view .list-group-item.type-org-user .conversation-name .username,
#conversation-detail-view .list-group-item.type-group .conversation-name .username {
  font-size: 12px;
  padding-left: 10px;
  color: #ff4e00;
}
#conversation-detail-view .list-group-item.contact-links > a i,
#conversation-detail-view .list-group-item.contact-links > a span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
#conversation-detail-view .list-group-item .profile-item {
  padding: 10px;
}
#conversation-detail-view .list-group-item .profile-item div.user-details {
  padding: 5px 0;
  overflow: hidden;
}
#conversation-detail-view .list-group-item .profile-item div.user-details .title,
#conversation-detail-view .list-group-item .profile-item div.user-details .value {
  float: left;
}
#conversation-detail-view .list-group-item .profile-item div.user-details .title {
  width: 40%;
}
#conversation-detail-view .list-group-item .profile-item div.user-details .value {
  width: 60%;
  color: #6e6e6e;
}
#conversation-detail-view .list-group-item .profile-item div.user-details .value-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#conversation-detail-view .list-group-item > a {
  display: block;
  overflow: hidden;
  padding: 5px 5px 5px 79px;
}
#conversation-detail-view .list-group-item > div.item-info {
  padding: 5px;
}
#conversation-detail-view .list-group-item > div.item-checkbox-label {
  padding: 10px 5px;
}
#conversation-detail-view .list-group-item > div.item-checkbox-label .label {
  line-height: 30px;
}
#conversation-detail-view .list-group-item .name,
#conversation-detail-view .list-group-item .conversation-group,
#conversation-detail-view .list-group-item .author-name,
#conversation-detail-view .list-group-item .message-body,
#conversation-detail-view .list-group-item .conversation-poll {
  display: block;
  line-height: 1.5;
}
#conversation-detail-view .list-group-item .author-name {
  font-size: 14px;
}
#conversation-detail-view .list-group-item .type-group i:before {
  position: relative;
  bottom: -3px;
  margin-right: 4px;
}
#conversation-detail-view .list-group-item div.user-profile-details,
#conversation-detail-view .list-group-item div.group-profile-details,
#conversation-detail-view .list-group-item div.conversation-details {
  padding: 0 0 0 74px;
  overflow: hidden;
}
#conversation-detail-view .list-group-item div.user-profile-details .pic-container,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container,
#conversation-detail-view .list-group-item div.conversation-details .pic-container {
  margin-left: -74px;
}
#conversation-detail-view .list-group-item div.user-profile-details .pic-container,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container,
#conversation-detail-view .list-group-item div.conversation-details .pic-container,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic {
  width: 64px;
  height: 64px;
}
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-group-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-user-profile-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > .conversation-icon:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > .conversation-icon:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > .conversation-icon:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > .conversation-icon:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > .default-conversation-pic:before,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > .default-conversation-pic:before {
  font-size: 30px;
  line-height: 58px;
}
#conversation-detail-view .list-group-item div.user-profile-details .pic-container > img,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container > img,
#conversation-detail-view .list-group-item div.conversation-details .pic-container > img,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .profile-pic > img,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .profile-pic > img,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .profile-pic > img,
#conversation-detail-view .list-group-item div.user-profile-details .pic-container .conversation-pic > img,
#conversation-detail-view .list-group-item div.group-profile-details .pic-container .conversation-pic > img,
#conversation-detail-view .list-group-item div.conversation-details .pic-container .conversation-pic > img {
  min-height: 64px;
}
#conversation-detail-view .list-group-item div.user-profile-details .name,
#conversation-detail-view .list-group-item div.group-profile-details .name,
#conversation-detail-view .list-group-item div.conversation-details .name {
  font-size: 18px;
}
#conversation-detail-view .list-group-item .group-profile-details {
  border-top: 0 none;
}
#conversation-detail-view .list-group-item div.user-chat-details {
  padding: 5px 5px 5px 79px;
  overflow: hidden;
}
#conversation-detail-view .list-group-item .private-conversation,
#conversation-detail-view .list-group-item .telephone-call,
#conversation-detail-view .list-group-item .new-conversation,
#conversation-detail-view .list-group-item .remove-member,
#conversation-detail-view .list-group-item .remove-participant {
  display: block;
  padding: 20px 10px 5px 15px !important;
}
#conversation-detail-view .list-group-item .private-conversation i,
#conversation-detail-view .list-group-item .telephone-call i,
#conversation-detail-view .list-group-item .new-conversation i,
#conversation-detail-view .list-group-item .remove-member i,
#conversation-detail-view .list-group-item .remove-participant i {
  color: #ff4e00;
}
#conversation-detail-view .list-group-item .private-conversation span.ss-chat,
#conversation-detail-view .list-group-item .telephone-call span.ss-chat,
#conversation-detail-view .list-group-item .new-conversation span.ss-chat,
#conversation-detail-view .list-group-item .remove-member span.ss-chat,
#conversation-detail-view .list-group-item .remove-participant span.ss-chat {
  line-height: 100%;
  color: #ff4e00;
}
#conversation-detail-view .list-group-item .private-conversation .ss-chat::before {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
/* =============================================================================
 #MULTI IMAGE UPLOAD CAROUSEL
 ============================================================================ */
/**
* 1. Upload multiple images to a Yap
*/
/* Variables
   ========================================================================== */
/* Animation
   ========================================================================== */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scroll-wrapper {
  overflow-x: scroll;
  /* must be scroll not auto */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.multi-image-upload-container {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #f6f6f6;
  background-color: #f6f6f6;
  white-space: nowrap;
  display: inline-block;
}
.multi-image-upload-container .multi-image-upload-image-wrapper {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 96px;
  margin-right: 2px;
  justify-content: center;
}
.multi-image-upload-container .multi-image-upload-image-wrapper:last-child {
  margin-right: 0px;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .pic-container {
  height: 96px;
  width: 96px;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .video-thumbnail:after {
  content: "▶︎";
  display: flex;
  position: absolute;
  width: 45%;
  height: 35%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fefefe;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}
.multi-image-upload-container .multi-image-upload-image-wrapper img {
  width: 96px;
  height: auto;
  max-height: 96px;
  vertical-align: middle;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .media-item__media--document {
  width: auto;
  height: auto;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .iframe-container {
  max-width: 96px;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .iframe-container > div > div {
  position: relative !important;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .iframe-container iframe {
  vertical-align: middle;
  height: 96px;
  max-width: 96px;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .video-transcode-placeholder {
  width: 96px;
  height: 96px;
  z-index: 3;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .video-transcode-placeholder__loading-message {
  display: none;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .button-remove-image {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 3;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fefefe;
  color: #CD0000;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .upload-status-container {
  position: absolute;
  top: 32px;
  left: 33%;
  margin: auto;
  display: inline-block;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .upload-status-container .uploading {
  position: absolute;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ff4e00;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .upload-status-container .upload-failure.material-icons.md-red {
  font-size: 32px !important;
  border-radius: 50%;
  background-color: #fefefe;
  color: #CD0000;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .upload-status-container .upload-success.material-icons.md-green {
  font-size: 32px !important;
  border-radius: 50%;
  background-color: #fefefe;
  color: #52ba57;
}
.multi-image-upload-container .multi-image-upload-image-wrapper .upload-status-container .upload-failure.infected-icon {
  display: inline-block;
  color: #fefefe;
  background: #CD0000;
  border: 3px solid #fefefe;
  border-radius: 50%;
  font-size: 28px;
  font-style: normal;
  line-height: 1;
}
/* =============================================================================
 # newsfeed - News home page
 ============================================================================ */
/**
* 1. Review mixins. check if they exist less/styles/mixins. if single use then delete.
* 2. Review colour variables - delete if in master variables
*/
/* Mixins
   ========================================================================== */
/* Variables
   ========================================================================== */
#newsfeed li.list-group-item.type-recent-conversation {
  border-radius: 0px;
  border-top: 5px solid #b3b3b3;
  margin-bottom: 10px;
}
#newsfeed li.list-group-item.type-recent-conversation:first-of-type {
  border-top: 0px;
}
#newsfeed li.list-group-item.information {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#newsfeed li {
  border: none;
  padding: 0;
  margin: 0;
}
#newsfeed li .ss-junior,
#newsfeed li .ss-symbolicons-block,
#newsfeed li .ss-symbolicons-line {
  font-size: 22px;
  line-height: 64px;
  vertical-align: middle;
  text-align: center;
}
#newsfeed li.list-section {
  padding-right: 0;
  padding-bottom: 20px;
  margin-bottom: 0;
  border-radius: 0;
}
#newsfeed li.type-message {
  border-radius: 0;
}
#newsfeed title images .title-pic {
  padding: 0;
}
#newsfeed title images .title-pic .message-pic {
  position: relative;
  margin: 0;
  width: 100%;
}
#newsfeed title images .title-pic .message-pic img {
  border-radius: 0;
}
#newsfeed title images .title-pic .message-pic .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
}
#newsfeed title images .title-pic .message-pic .message-pic-prompt .message-pic-prompt-wrapper {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#newsfeed .user-chat-details {
  display: flex;
  align-items: center;
  padding: 0;
  position: relative;
  margin-top: 10px;
}
#newsfeed .user-chat-details .pic-container {
  position: relative;
}
#newsfeed .conversation-status-wrapper {
  position: absolute;
  top: 5px;
  right: 10px;
}
#newsfeed .conversation-status-wrapper .badge-without-count {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff4e00;
}
#newsfeed .message-group {
  width: 100%;
  /* source of newspost - group
      ======================================================================= */
}
#newsfeed .message-group.comment {
  margin-bottom: 7px;
}
#newsfeed .message-group .comment-meta {
  display: inline-block;
  line-height: 14px;
}
#newsfeed .message-group .comment-meta .author-name,
#newsfeed .message-group .comment-meta .message-time {
  display: inline;
  font-size: 12px;
  line-height: 1.5;
  padding: 0;
  float: none !important;
}
#newsfeed .message-group .comment-meta .author-name {
  font-weight: 600;
  color: #212121;
}
#newsfeed .message-group .comment-meta .message-time {
  color: #999999;
}
#newsfeed .message-group .comment-meta .has-media {
  position: absolute;
  right: 20px;
}
#newsfeed .message-group .comment-meta .has-media .material-icons {
  color: #b3b3b3;
  font-size: 18px;
}
#newsfeed .message-group .comment-meta .comment-truncated {
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  display: block;
}
#newsfeed .message-group .comment-meta .comment-truncated a {
  color: #1189df;
  word-break: break-all;
}
#newsfeed .message-group .comment-meta .comment-truncated .mention {
  color: #1189df;
  background-color: #EDEDEF;
  padding: 0 3px;
  border-radius: 4px;
}
#newsfeed .message-group .comment-meta .comment-truncated .mention.this-user:not(.mine) {
  color: #FEFEFF;
  background-color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
}
#newsfeed .message-group .comment-meta .comment-truncated .hashtag {
  color: #1189df;
}
#newsfeed .message-group .comment-meta .comment-truncated .hashtag-searched {
  font-weight: 600;
  color: #1189df;
}
#newsfeed .message-group .message-meta {
  display: block;
  margin: 0 0 0 12px;
  line-height: 14px;
  min-height: 48px;
}
#newsfeed .message-group .message-meta .author-name,
#newsfeed .message-group .message-meta .message-time {
  display: inline;
  font-size: 12px;
  padding: 0;
  float: none !important;
}
#newsfeed .message-group .message-meta .author-name {
  font-weight: 600;
  color: #212121;
  padding-right: 5px;
}
#newsfeed .message-group .message-meta .message-time {
  color: #999999;
}
#newsfeed .message-group .message-meta .author-location,
#newsfeed .message-group .message-meta .author-role {
  color: #999999;
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  padding-bottom: 3px;
  padding-top: 1px;
}
#newsfeed .message-group .message-meta .author-role {
  line-height: 10px;
}
#newsfeed .message-group .message-body {
  width: 100%;
  display: inline-block;
  color: #212121;
  padding: 0 10px 10px 10px;
  border: 0;
  font-size: 16px;
}
#newsfeed .message-group .message-body .message-body-inner {
  display: inline;
  word-break: break-word;
}
#newsfeed .message-group .message-body .message-body-inner .post-seen-icon {
  color: #999999;
}
#newsfeed .message-group .message-body .message-body-inner .post-seen-icon--unseen {
  color: #d8d8d8;
}
#newsfeed .message-group .message-body .message-body-inner .announcement-stats .stats-label {
  display: inline-block;
  color: #999999;
  font-size: 12px;
  padding-right: 10px;
}
#newsfeed .message-group .message-body .message-body-inner .newspost-text {
  display: block;
  margin-bottom: 5px;
}
#newsfeed .message-group .message-body .message-body-inner a {
  color: #1189df;
  word-break: break-all;
}
#newsfeed .message-group .message-body .message-body-inner small.edited {
  font-size: 10px;
  opacity: 0.7;
}
#newsfeed .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: transparent;
  padding: 0 3px;
  border-radius: 4px;
}
#newsfeed .message-group .message-body .message-body-inner .mention.this-user:not(.mine) {
  color: #FEFEFF;
  background-color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
}
#newsfeed .message-group .message-body .message-body-inner .hashtag {
  color: #1189df;
}
#newsfeed .message-group .message-body .message-body-inner .hashtag-searched {
  font-weight: 600;
  color: #1189df;
}
#newsfeed .message-group .c-news-post-comments__summary {
  margin: 10px 0px;
  display: flex;
  align-items: flex-start;
}
#newsfeed .message-group .c-news-post-comments__summary .comment-count {
  flex-shrink: 2;
}
#newsfeed .message-group .c-news-post-comments__summary .last-commenter {
  margin-left: 0.7rem;
}
#newsfeed .message-group .c-news-post-comments__summary .view-count {
  margin-left: 1.4rem;
}
#newsfeed .message-group .c-news-post-comments__summary .announcement-stats {
  margin-left: auto;
}
#newsfeed .message-group .c-news-post-comments__summary > div:first-child {
  margin-left: 0;
}
#newsfeed .message-group .c-news-post-comments__summary div > span:last-child {
  font-size: 12px;
  color: #999999;
  line-height: 24px;
  vertical-align: top;
}
#newsfeed .message-group .c-news-post-comments__summary div > span + span {
  margin-left: 5px;
}
#newsfeed .message-group .c-news-post-comments__summary div > i + span,
#newsfeed .message-group .c-news-post-comments__summary div > img + span {
  margin-left: 0.7rem;
}
#newsfeed .message-group .c-news-post-comments__closed-notice {
  margin: 10px 0px;
}
#newsfeed .message-group .c-news-post-comments__closed-notice p {
  color: #999999;
  font-size: 12px;
  font-style: italic;
}
#newsfeed .message-group .comments-banner {
  position: fixed;
  top: 45px;
  width: 100%;
  padding: 10px;
  background-color: #ededed;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: none;
}
#newsfeed .message-group .comment {
  padding: 5px 10px 3px;
  display: block;
  margin: 0px;
  background-color: #ededed;
  border: 2px solid #f6f6f6;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
#newsfeed .message-group div.comments img {
  width: 24px;
  height: 24px;
}
#newsfeed .message-group .c-newspost-source-group {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  margin: 10px 0;
  /* Inner containers */
}
#newsfeed .message-group .c-newspost-source-group__outer-container {
  display: flex;
  align-items: center;
  height: 36px;
}
#newsfeed .message-group .c-newspost-source-group__inner-left-container {
  display: flex;
  order: 1;
}
#newsfeed .message-group .c-newspost-source-group__inner-middle-container {
  order: 2;
  flex-grow: 1;
}
#newsfeed .message-group .c-newspost-source-group__inner-right-container {
  display: flex;
  order: 3;
  justify-content: flex-end;
  width: 44px;
}
#newsfeed .message-group .c-newspost-source-group__profile-pic {
  height: 24px;
  width: 24px;
  background: #ededed;
  border: 1px solid #ededed;
  border-radius: 4px;
}
#newsfeed .message-group .c-newspost-source-group__profile-name {
  margin-left: 10px;
  font-size: 12px;
  color: #1189df;
}
#newsfeed .message-group .c-newspost-source-group__contextual-menu {
  margin-right: 10px;
}
#newsfeed .message-group .c-newspost-source-group__contextual-menu i.material-icons {
  line-height: 1.5;
  color: #999999;
}
#newsfeed .message-group div.reactions {
  margin: 10px 0 0;
  display: table;
  height: 27px;
}
#newsfeed .message-group .comments--full-width {
  flex-grow: 1;
}
#newsfeed .message-group .comments div.reaction-container,
#newsfeed .message-group div.reactions div.reaction-container {
  display: inline-table;
  height: 30px;
  margin-left: 5px;
}
#newsfeed .message-group .comments div.reaction-container .btn-reaction-big,
#newsfeed .message-group div.reactions div.reaction-container .btn-reaction-big {
  vertical-align: bottom;
  display: table-cell;
}
#newsfeed .message-group .comments div.reaction-container img,
#newsfeed .message-group div.reactions div.reaction-container img {
  width: 24px;
  height: 24px;
}
#newsfeed .message-group .comments .commented-count-total,
#newsfeed .message-group div.reactions .commented-count-total,
#newsfeed .message-group .comments .commented-username,
#newsfeed .message-group div.reactions .commented-username {
  font-size: 12px;
  color: #999999;
  display: table-cell;
  vertical-align: baseline;
}
#newsfeed .message-group .comments .commented-count,
#newsfeed .message-group div.reactions .commented-count,
#newsfeed .message-group .comments .reacted-count,
#newsfeed .message-group div.reactions .reacted-count,
#newsfeed .message-group .comments .reacted-count-total,
#newsfeed .message-group div.reactions .reacted-count-total {
  min-width: 26px;
  padding-left: 8px;
  font-size: 12px;
  color: #999999;
  display: table-cell;
  vertical-align: bottom;
}
#newsfeed .message-group .comments .reacted-count .my-reaction,
#newsfeed .message-group div.reactions .reacted-count .my-reaction {
  display: block;
  position: relative;
  height: 7px;
  width: 7px;
  background-color: #52ba57;
  border-radius: 50%;
}
#newsfeed .message-group .document-pdf {
  margin: 5px 0 10px 10px;
}
#newsfeed .message-group .message-pic {
  position: relative;
  margin: 10px 0 0;
}
#newsfeed .message-group .message-pic .message-image-wrapper {
  position: relative;
  background: #ededed;
  max-width: 480px;
  height: auto;
}
#newsfeed .message-group .message-pic .message-image-wrapper img {
  width: 100% !important;
  height: auto !important;
}
#newsfeed .message-group .message-pic .message-image-wrapper video {
  vertical-align: middle;
}
#newsfeed .message-group .message-pic .message-image-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#newsfeed .message-group .message-pic .message-image-wrapper .iframe-container {
  max-width: 100%;
  height: 320px;
}
#newsfeed .message-group .message-pic .message-image-wrapper .iframe-container .video-transcode-placeholder {
  position: absolute;
  top: 0;
  z-index: 3;
  background: #151515;
  width: 100%;
  height: 100%;
}
#newsfeed .message-group .message-pic .message-image-wrapper .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper {
  position: relative;
  margin: 0 auto;
  width: 200px;
  padding: 137px 0;
}
#newsfeed .message-group .message-pic .message-image-wrapper .iframe-container .video-transcode-placeholder .video-transcode-placeholder__loading-message {
  font-size: 24px;
  color: #fefefe;
}
#newsfeed .message-group .message-pic .message-image-wrapper .iframe-container .video-transcode-placeholder .video-transcode-placeholder__spinner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(254, 254, 254, 0.25);
  border-bottom: 2px solid #fefefe;
  top: 50%;
  left: 88%;
  margin-left: -12px;
  margin-top: -12px;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
#newsfeed .message-group .message-pic .message-image-wrapper .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
  z-index: 1;
}
#newsfeed .message-group .message-pic .message-image-wrapper .message-pic-prompt .message-pic-prompt-wrapper {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#newsfeed .pic-container {
  width: 43px;
  height: 43px;
  position: absolute;
  margin-left: 10px;
  text-align: center;
}
#newsfeed .pic-container .author-profile-pic {
  width: 43px;
  height: 43px;
  background-color: #ededed;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#newsfeed .pic-container .author-profile-pic .user-deactivated {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 11px;
  left: 10px;
}
#newsfeed .pic-container .author-profile-pic .user-no-devices {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 9px;
  left: 10px;
}
#newsfeed .pic-container .author-profile-pic .default-user-profile-pic {
  height: 100%;
  width: 100%;
  background-color: #ededed;
}
#newsfeed .pic-container .author-profile-pic .default-user-profile-pic .material-icons {
  color: #999999 !important;
  line-height: 40px !important;
}
#newsfeed .pic-container .author-profile-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 43px;
}
#newsfeed .partition-leader {
  margin-top: 25px;
}
#newsfeed iframe {
  border-width: 0;
}
#newsfeed li.mine.is-editing .message-body {
  border: 1px solid #000000 !important;
}
#newsfeed li.mine .message-meta {
  padding-right: 10px;
  color: #999999;
}
#newsfeed li.mine .message-send-failed {
  padding: 5px 0;
  margin-left: 10px;
  font-size: 12px;
}
#newsfeed li.mine .message-send-failed .failure-message {
  color: #d9534f;
  padding: 5px 0;
}
#newsfeed li.mine .message-send-failed .failure-message i.material-icons {
  font-size: 24px;
  color: #d9534f;
  margin-right: 5px;
  vertical-align: middle;
}
#newsfeed li.mine .message-send-failed a {
  display: inline-block;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 10px;
}
#newsfeed li.mine .message-send-failed a.retry {
  border-color: #52ba57;
  color: #52ba57;
}
#newsfeed li.mine .message-send-failed a.edit {
  border-color: #5bc0de;
  color: #5bc0de;
}
#newsfeed li.mine .message-send-failed a.discard {
  border-color: #d9534f;
  color: #d9534f;
}
#newsfeed li.mine .message-group .message-body {
  text-align: left;
  color: #212122;
  background: #EDEDEE;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin-right: 10px;
}
#newsfeed li.mine .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: #EDEDF0;
  padding: 0 3px;
  border-radius: 4px;
}
#newsfeed li.mine.failed .message-body {
  color: #bababa;
  background: #ededed;
}
#newsfeed li.mine.failed .message-meta {
  display: none;
}
#newsfeed li.mine.inflight .message-body {
  color: #bababa;
  background: #ededed;
}
#newsfeed li.mine.inflight .message-meta {
  display: none;
}
#newsfeed .message-img-wrapper {
  max-width: 100%;
  width: 100%;
  height: auto;
}
#newsfeed .commented-all {
  font-size: 12px;
  color: #999999;
  background-color: #f6f6f6;
  padding: 10px 0 10px 3px;
  height: 30px;
}
#newsfeed li.recent-comments {
  display: flex;
}
/* === MERGE into main less   ============================================== */
#hashtag-search-results .list-group-item {
  position: relative;
  display: block;
  font-size: 16px;
  color: #212121;
  padding: 15px 15px 15px 0;
  margin: 0 0 0 15px;
  background-color: #f6f6f6;
  border: 0;
}
#hashtag-search-results .list-group-item a .name {
  color: #00BFD7;
}
/* =============================================================================
 # post-comments - Drill down one level to see all comments
 ============================================================================ */
/**
* 1. Initially a duplicate of conversation.less with overrides
*/
#post-comments li.list-group-item.type-recent-conversation,
#conversation-messages li.list-group-item.type-recent-conversation {
  border-radius: 0px;
  margin-bottom: 25px;
  border-top: 1px solid #e6e6e6;
}
#post-comments li.list-group-item.type-recent-conversation:first-of-type,
#conversation-messages li.list-group-item.type-recent-conversation:first-of-type {
  border-top: 0px;
}
#post-comments li.list-group-item.information,
#conversation-messages li.list-group-item.information {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#post-comments li,
#conversation-messages li {
  border: none;
  padding: 0;
  margin: 0;
}
#post-comments li .ss-junior,
#conversation-messages li .ss-junior,
#post-comments li .ss-symbolicons-block,
#conversation-messages li .ss-symbolicons-block,
#post-comments li .ss-symbolicons-line,
#conversation-messages li .ss-symbolicons-line {
  font-size: 22px;
  line-height: 64px;
  vertical-align: middle;
  text-align: center;
}
#post-comments li.list-section,
#conversation-messages li.list-section {
  padding-right: 0;
  padding-bottom: 20px;
  margin-bottom: 0;
  border-radius: 0;
}
#post-comments li.type-message,
#conversation-messages li.type-message {
  border-radius: 0;
}
#post-comments .title-pic,
#conversation-messages .title-pic {
  padding: 0;
}
#post-comments .title-pic .message-pic,
#conversation-messages .title-pic .message-pic {
  position: relative;
  margin: 0;
  width: 100%;
}
#post-comments .title-pic .message-pic img,
#conversation-messages .title-pic .message-pic img {
  border-radius: 0;
}
#post-comments .title-pic .message-pic .message-pic-prompt,
#conversation-messages .title-pic .message-pic .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
}
#post-comments .title-pic .message-pic .message-pic-prompt .message-pic-prompt-wrapper,
#conversation-messages .title-pic .message-pic .message-pic-prompt .message-pic-prompt-wrapper {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#post-comments .user-chat-details,
#conversation-messages .user-chat-details {
  padding: 0;
  position: relative;
  margin-top: 3px;
  padding-top: 2px;
}
#post-comments .message-group,
#conversation-messages .message-group {
  width: 100%;
}
#post-comments .message-group .comment-meta,
#conversation-messages .message-group .comment-meta {
  display: inline-block;
  line-height: 14px;
}
#post-comments .message-group .comment-meta .author-name,
#conversation-messages .message-group .comment-meta .author-name,
#post-comments .message-group .comment-meta .message-time,
#conversation-messages .message-group .comment-meta .message-time {
  display: inline;
  font-size: 12px;
  line-height: 1.5;
  padding: 0;
  float: none !important;
}
#post-comments .message-group .comment-meta .author-name,
#conversation-messages .message-group .comment-meta .author-name {
  font-weight: 600;
  color: #212121;
}
#post-comments .message-group .comment-meta .message-time,
#conversation-messages .message-group .comment-meta .message-time {
  color: #999999;
}
#post-comments .message-group .comment-meta .comment-truncated,
#conversation-messages .message-group .comment-meta .comment-truncated {
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  display: block;
}
#post-comments .message-group .comment-meta .comment-truncated a,
#conversation-messages .message-group .comment-meta .comment-truncated a {
  color: #00BFD7;
  word-break: break-all;
}
#post-comments .message-group .message-meta,
#conversation-messages .message-group .message-meta {
  display: block;
  margin: 0 0 2px 60px;
  line-height: 14px;
  height: 48px;
}
#post-comments .message-group .message-meta .author-name,
#conversation-messages .message-group .message-meta .author-name,
#post-comments .message-group .message-meta .message-time,
#conversation-messages .message-group .message-meta .message-time {
  display: inline;
  font-size: 12px;
  padding: 0;
  float: none !important;
}
#post-comments .message-group .message-meta .author-name,
#conversation-messages .message-group .message-meta .author-name {
  font-weight: 600;
  color: #212121;
  display: inline;
  font-size: 12px;
  padding: 0;
  float: none !important;
  padding-right: 5px;
}
#post-comments .message-group .message-meta .message-time,
#conversation-messages .message-group .message-meta .message-time {
  display: inline;
  font-size: 12px;
  padding: 0;
  float: none !important;
  color: #999999;
}
#post-comments .message-group .message-meta .author-location,
#conversation-messages .message-group .message-meta .author-location,
#post-comments .message-group .message-meta .author-role,
#conversation-messages .message-group .message-meta .author-role {
  color: #999999;
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  padding-bottom: 3px;
  padding-top: 1px;
}
#post-comments .message-group .message-meta .author-role,
#conversation-messages .message-group .message-meta .author-role {
  line-height: 16px;
}
#post-comments .message-group .message-meta .author-location,
#conversation-messages .message-group .message-meta .author-location {
  line-height: 8px;
}
#post-comments .message-group .message-body,
#conversation-messages .message-group .message-body {
  display: flex;
  flex-direction: column;
  max-inline-size: max-content;
  color: #212121;
  text-align: left;
  background: #EDEDEE;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin: 5px 10px 0 10px;
  padding: 5px 10px;
  font-size: 16px;
  /* === Quoted message START  ================================================ */
  /* === Quoted message END  ================================================== */
}
#post-comments .message-group .message-body .message-body-inner,
#conversation-messages .message-group .message-body .message-body-inner {
  display: inline;
  word-break: break-word;
}
#post-comments .message-group .message-body .message-body-inner a,
#conversation-messages .message-group .message-body .message-body-inner a {
  color: #1189df;
  word-break: break-all;
}
#post-comments .message-group .message-body .message-body-inner small.edited,
#conversation-messages .message-group .message-body .message-body-inner small.edited {
  font-size: 10px;
  opacity: 0.7;
}
#post-comments .message-group .message-body .message-body-inner .mention,
#conversation-messages .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: #EDEDEF;
  padding: 0 3px;
  border-radius: 4px;
}
#post-comments .message-group .message-body .message-body-inner .mention.this-user:not(.mine),
#conversation-messages .message-group .message-body .message-body-inner .mention.this-user:not(.mine) {
  color: #FEFEFF;
  background-color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
}
#post-comments .message-group .message-body .message-body-inner .hashtag,
#conversation-messages .message-group .message-body .message-body-inner .hashtag {
  color: #1189df;
}
#post-comments .message-group .message-body .document-pdf,
#conversation-messages .message-group .message-body .document-pdf {
  margin: 5px 5px 10px 0px;
}
#post-comments .message-group .message-body .quoted-message-container,
#conversation-messages .message-group .message-body .quoted-message-container {
  position: relative;
  display: flex;
  background: #DDDDDD;
  border-left: 5px solid #ff4e00;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin: 5px 0px;
  padding: 0 0 5px 10px;
  min-height: 64px;
}
#post-comments .message-group .message-body .quoted-message-container .left,
#conversation-messages .message-group .message-body .quoted-message-container .left {
  position: relative;
  order: 0;
  flex-grow: 1;
}
#post-comments .message-group .message-body .quoted-message-container .left .author-name,
#conversation-messages .message-group .message-body .quoted-message-container .left .author-name {
  font-weight: 600;
  color: #212121;
  display: inline;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  float: none !important;
  padding-right: 5px;
}
#post-comments .message-group .message-body .quoted-message-container .left .message-time,
#conversation-messages .message-group .message-body .quoted-message-container .left .message-time {
  color: #999999;
  display: inline;
  font-size: 12px;
  line-height: 16px;
  padding: 0 10px 0 0;
  float: none !important;
}
#post-comments .message-group .message-body .quoted-message-container .left .quoted-message,
#conversation-messages .message-group .message-body .quoted-message-container .left .quoted-message {
  color: #212121;
  font-size: 16px;
  display: block;
}
#post-comments .message-group .message-body .quoted-message-container .right,
#conversation-messages .message-group .message-body .quoted-message-container .right {
  position: relative;
  order: 1;
  width: max-content;
  margin-left: 10px;
  justify-content: flex-end;
}
#post-comments .message-group .message-body .quoted-message-container .right .quoted-media,
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#post-comments .message-group .message-body .quoted-message-container .right .quoted-media img,
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media img {
  margin-left: 3px;
  margin-bottom: 3px;
}
#post-comments .message-group .message-body .quoted-message-container .right .quoted-media iframe,
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media iframe {
  width: 64px;
  height: 46px;
}
#post-comments .message-group .comments-banner,
#conversation-messages .message-group .comments-banner {
  position: fixed;
  top: 45px;
  width: 100%;
  padding: 10px;
  background-color: #ededed;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: none;
}
#post-comments .message-group .comment,
#conversation-messages .message-group .comment {
  width: 100%;
  background-color: #ededed;
  padding: 5px 10px 1px;
  display: block;
  margin-bottom: 2px;
}
#post-comments .message-group .comments,
#conversation-messages .message-group .comments {
  margin: 10px 0px 30px 10px;
  display: table;
  height: 27px;
}
#post-comments .message-group .comments .commented-count-total,
#conversation-messages .message-group .comments .commented-count-total,
#post-comments .message-group .comments .commented-username,
#conversation-messages .message-group .comments .commented-username {
  font-size: 12px;
  color: #999999;
  display: table-cell;
  vertical-align: baseline;
}
#post-comments .message-group .comments .commented-count,
#conversation-messages .message-group .comments .commented-count,
#post-comments .message-group .comments .reacted-count,
#conversation-messages .message-group .comments .reacted-count,
#post-comments .message-group .comments .reacted-count-total,
#conversation-messages .message-group .comments .reacted-count-total {
  min-width: 26px;
  padding-left: 8px;
  font-size: 12px;
  color: #999999;
  display: table-cell;
  vertical-align: bottom;
}
#post-comments .message-group .comments .reacted-count .my-reaction,
#conversation-messages .message-group .comments .reacted-count .my-reaction {
  display: block;
  position: relative;
  height: 7px;
  width: 7px;
  background-color: #52ba57;
  border-radius: 50%;
}
#post-comments .message-group .document-pdf,
#conversation-messages .message-group .document-pdf {
  margin: 5px 0 10px 10px;
}
#post-comments .message-group .message-pic,
#conversation-messages .message-group .message-pic {
  position: relative;
  margin: 5px 0 0;
  line-height: 0;
  background-color: #ededed;
  max-width: 480px;
  width: 100%;
}
#post-comments .message-group .message-pic img,
#conversation-messages .message-group .message-pic img {
  width: 100% !important;
  height: auto !important;
}
#post-comments .message-group .message-pic video,
#conversation-messages .message-group .message-pic video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 7px !important;
}
#post-comments .message-group .message-pic iframe,
#conversation-messages .message-group .message-pic iframe {
  max-width: 480px;
  width: 100%;
}
#post-comments .message-group .message-pic .message-pic-prompt,
#conversation-messages .message-group .message-pic .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
  z-index: 2;
}
#post-comments .message-group .message-pic .iframe-container,
#conversation-messages .message-group .message-pic .iframe-container {
  max-width: 100%;
}
#post-comments .message-group .message-pic .iframe-container .video-transcode-placeholder,
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder {
  background: #151515;
  width: 100%;
  height: 100%;
}
#post-comments .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper,
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper {
  position: relative;
  margin: 0 auto;
  width: 200px;
  padding: 133px 0;
}
#post-comments .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__loading-message,
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__loading-message {
  font-size: 24px;
  color: #fefefe;
}
#post-comments .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__spinner,
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__spinner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(254, 254, 254, 0.25);
  border-bottom: 2px solid #fefefe;
  top: 50%;
  left: 88%;
  margin-left: -12px;
  margin-top: -12px;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
#post-comments .message-group .message-pic .message-img-wrapper,
#conversation-messages .message-group .message-pic .message-img-wrapper {
  margin-top: 7px;
  margin-bottom: 7px;
}
#post-comments .pic-container,
#conversation-messages .pic-container {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 7px;
  margin-left: 10px;
  text-align: center;
}
#post-comments .pic-container .author-profile-pic,
#conversation-messages .pic-container .author-profile-pic {
  width: 43px;
  height: 43px;
  background-color: #ededed;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#post-comments .pic-container .author-profile-pic .default-user-profile-pic,
#conversation-messages .pic-container .author-profile-pic .default-user-profile-pic {
  height: 100%;
  width: 100%;
  background-color: #ededed;
}
#post-comments .pic-container .author-profile-pic .default-user-profile-pic .material-icons,
#conversation-messages .pic-container .author-profile-pic .default-user-profile-pic .material-icons {
  color: #999999;
  line-height: 40px;
}
#post-comments .pic-container .author-profile-pic .user-deactivated,
#conversation-messages .pic-container .author-profile-pic .user-deactivated {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 11px;
  left: 10px;
}
#post-comments .pic-container .author-profile-pic .user-no-devices,
#conversation-messages .pic-container .author-profile-pic .user-no-devices {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 9px;
  left: 10px;
}
#post-comments .pic-container .author-profile-pic > img,
#conversation-messages .pic-container .author-profile-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 43px;
}
#post-comments .partition-leader,
#conversation-messages .partition-leader {
  margin-top: 25px;
}
#post-comments iframe,
#conversation-messages iframe {
  border-width: 0;
}
#post-comments li.mine.is-editing .message-body,
#conversation-messages li.mine.is-editing .message-body {
  border: 1px solid #000000 !important;
}
#post-comments li.mine .message-meta,
#conversation-messages li.mine .message-meta {
  padding-right: 10px;
  color: #999999;
}
#post-comments li.mine .message-send-failed,
#conversation-messages li.mine .message-send-failed {
  padding: 5px 0;
  margin-left: 10px;
  font-size: 12px;
}
#post-comments li.mine .message-send-failed .failure-message,
#conversation-messages li.mine .message-send-failed .failure-message {
  color: #d9534f;
  padding: 5px 0;
}
#post-comments li.mine .message-send-failed .failure-message i.material-icons,
#conversation-messages li.mine .message-send-failed .failure-message i.material-icons {
  font-size: 24px;
  color: #d9534f;
  margin-right: 5px;
  vertical-align: middle;
}
#post-comments li.mine .message-send-failed a,
#conversation-messages li.mine .message-send-failed a {
  display: inline-block;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 10px;
}
#post-comments li.mine .message-send-failed a.retry,
#conversation-messages li.mine .message-send-failed a.retry {
  border-color: #52ba57;
  color: #52ba57;
}
#post-comments li.mine .message-send-failed a.edit,
#conversation-messages li.mine .message-send-failed a.edit {
  border-color: #5bc0de;
  color: #5bc0de;
}
#post-comments li.mine .message-send-failed a.discard,
#conversation-messages li.mine .message-send-failed a.discard {
  border-color: #d9534f;
  color: #d9534f;
}
#post-comments li.mine .message-group .message-body,
#conversation-messages li.mine .message-group .message-body {
  text-align: left;
  color: #212122;
  background: #EDEDEE;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin: 5px 10px 0 10px;
}
#post-comments li.mine .message-group .message-body .message-body-inner .mention,
#conversation-messages li.mine .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: #EDEDF0;
  padding: 0 3px;
  border-radius: 4px;
}
#post-comments li.mine.failed .message-body,
#conversation-messages li.mine.failed .message-body {
  color: #bababa;
  background: #ededed;
}
#post-comments li.mine.failed .message-meta,
#conversation-messages li.mine.failed .message-meta {
  display: none;
}
#post-comments li.mine.inflight .message-body,
#conversation-messages li.mine.inflight .message-body {
  color: #bababa;
  background: #ededed;
}
#post-comments li.mine.inflight .message-meta,
#conversation-messages li.mine.inflight .message-meta {
  display: none;
}
#post-comments .commented-all,
#conversation-messages .commented-all {
  padding: 5px 10px 5px;
  font-size: 12px;
  color: #999999;
  height: 30px;
}
/* === MERGE into main less   ============================================== */
#post-comments .partition-leader:first-of-type {
  margin-top: 35px !important;
}
#post-comments .partition-leader:first-of-type .message-meta {
  padding-top: 0px;
  margin: 0 0 6px 60px !important;
}
#post-comments .partition-leader:first-of-type .message-meta .author-role {
  line-height: 9px;
}
#post-comments .partition-leader:first-of-type .message-meta .author-location {
  line-height: 14px;
}
#post-comments .partition-leader:first-of-type .user-chat-details {
  padding-top: 0px;
}
/* === END ================================================================= */
#post-comments .message-group .message-meta {
  margin: 4px 0 2px 60px !important;
}
#post-comments .message-group .user-chat-details {
  margin-top: 0px !important;
}
.c-news-post-deletion-notice {
  display: flex;
  align-items: center;
  padding: 5px 5px 5px 10px;
  background: #cc3e00;
  color: #fefefe;
  border-radius: 10px;
  font-size: 14px;
}
.c-news-post-deletion-notice__label {
  flex: 1 0 0;
}
.c-news-post-deletion-notice__icon {
  display: flex;
}
.c-news-post-deletion-notice__icon i.material-icons {
  font-size: 22px;
}
.c-news-post-posted-to {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
}
.c-news-post-posted-to__label {
  flex: 0 0 auto;
  font-weight: normal;
  font-size: 14px;
  color: #606060;
  padding-right: 20px;
}
.c-news-post-posted-to__timeline {
  display: flex;
  align-items: center;
  padding: 4px 0px;
}
.c-news-post-posted-to__timeline:after {
  content: ", ";
  padding-right: 4px;
}
.c-news-post-posted-to__timeline:last-child:after {
  content: "";
}
.c-news-post-posted-to__timeline:nth-last-child(2):after {
  content: " & ";
  padding-left: 4px;
}
#newsfeed .c-news-post-posted-to__timeline__details {
  display: flex;
  align-items: center;
  background: #ededed;
  border-radius: 10px;
  padding: 5px;
}
#newsfeed .c-news-post-posted-to__timeline__details .pic-container {
  width: 26px;
  height: 26px;
  position: relative;
  display: inline-block;
  margin: 0px;
}
#newsfeed .c-news-post-posted-to__timeline__details .pic-container img {
  width: 26px;
  height: 26px;
  border-radius: 10px;
}
#newsfeed .c-news-post-posted-to__timeline__details:hover,
#newsfeed .c-news-post-posted-to__timeline__details:focus #newsfeed .c-news-post-posted-to__timeline__details:active {
  background: #1189df;
  color: #fefefe;
}
.c-news-post-posted-to__timeline__name {
  display: inline-block;
  padding: 0px 5px;
  font-size: 14px;
}
.pg-timeline-view {
  display: flex;
  flex-direction: column;
}
.pg-timeline-view .nav {
  order: 1;
}
.pg-timeline-view .c-newsfeed-subscription-list {
  order: 2;
}
.c-newsfeed-subscription-list {
  display: block;
  position: relative;
  padding: 5px 0px 10px 0px;
  background: #fefefe;
}
.c-newsfeed-subscription-list--collapsed {
  animation: collapse-newsfeed-subscription-list 0.5s ease forwards;
}
@keyframes collapse-newsfeed-subscription-list {
  from {
    height: auto;
    opacity: 1;
    padding: inherit;
  }
  to {
    height: 0px;
    padding: 0px;
    opacity: 0;
  }
}
.c-newsfeed-subscription-list--expanded {
  animation: collapse-newsfeed-subscription-list 0.5s ease backwards;
}
.c-newsfeed-subscription-list__timelines {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.c-newsfeed-subscription-list__timelines::-webkit-scrollbar {
  display: none;
}
.c-newsfeed-subscription-list__timeline {
  display: block;
  min-width: 54px;
  max-width: 90px;
  margin: 10px 5px 0px 10px;
  flex: 0 0 auto;
}
.c-newsfeed-subscription-list__timeline:last-child {
  padding-right: 20px;
}
.c-newsfeed-subscription-list__timeline__details {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-newsfeed-subscription-list__timeline__details .badge {
  position: absolute;
  top: -6px;
  right: 12px;
}
.c-newsfeed-subscription-list__timeline__details .pic-container {
  display: flex;
  position: relative;
  width: 43px;
  height: 43px;
  margin: 0px;
  border-radius: 10px;
  background: #ededed;
  color: #999999;
  align-items: center;
  justify-content: center;
}
.c-newsfeed-subscription-list__timeline__details .pic-container .profile-pic {
  line-height: 1;
}
.c-newsfeed-subscription-list__timeline__details .pic-container .profile-pic .user-profile-pic {
  filter: grayscale(0.25) opacity(0.5);
  -webkit-filter: grayscale(0.25) opacity(0.5);
  -moz-filter: grayscale(0.25) opacity(0.5);
  -ms-filter: grayscale(0.25) opacity(0.5);
}
.c-newsfeed-subscription-list__timeline__details .pic-container .profile-pic .hashtag {
  font-size: 20px;
}
.c-newsfeed-subscription-list__timeline__details .pic-container .profile-pic img {
  width: 43px;
  height: 43px;
  border-radius: 10px;
}
.c-newsfeed-subscription-list__timeline__name {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #d8d8d8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.c-newsfeed-subscription-list__timeline--selected .pic-container {
  background: #ff4e00;
  color: #fefefe;
}
.c-newsfeed-subscription-list__timeline--selected .pic-container .profile-pic .user-profile-pic {
  filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
}
.c-newsfeed-subscription-list__timeline--selected .c-newsfeed-subscription-list__timeline__name {
  color: #999999;
}
.c-newsfeed-subscription-list .c-horizontal-list__paddle .material-icons {
  margin-bottom: 65%;
}
.rotate-90-degrees {
  transform: rotate(90deg);
}
.mirror-horizontally {
  transform: scaleY(-1);
}
.mirror-vertically {
  transform: scaleX(-1);
}
#directory-groups-users .no-addressees,
#directory-org-users-list .no-addressees,
#directory-groups-list .no-addressees {
  display: block;
  padding: 0 10px;
  margin: 15px 0px;
  font-size: 12px;
}
#directory-groups-users .btn.btn-sm.btn-default,
#directory-org-users-list .btn.btn-sm.btn-default,
#directory-groups-list .btn.btn-sm.btn-default {
  font-size: 12px;
  background: transparent;
  margin: 22px 10px 0 10px;
  padding: 1px 4px;
  border-color: #00BFD7;
}
#directory-groups-users .btn.btn-sm.btn-default i,
#directory-org-users-list .btn.btn-sm.btn-default i,
#directory-groups-list .btn.btn-sm.btn-default i {
  font-size: 12px;
  color: #00BFD7;
}
#directory-groups-users .btn.btn-sm.btn-default span,
#directory-org-users-list .btn.btn-sm.btn-default span,
#directory-groups-list .btn.btn-sm.btn-default span {
  color: #00BFD7;
}
#directory-groups-users .btn.btn-sm.btn-default.remove-participant,
#directory-org-users-list .btn.btn-sm.btn-default.remove-participant,
#directory-groups-list .btn.btn-sm.btn-default.remove-participant {
  border-color: #00BFD7;
  background: transparent;
  padding: 1px 4px !important;
  color: #00BFD7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
}
#directory-groups-users .btn.btn-sm.btn-default.disabled,
#directory-org-users-list .btn.btn-sm.btn-default.disabled,
#directory-groups-list .btn.btn-sm.btn-default.disabled {
  color: #00BFD7;
  opacity: 0.4;
}
#directory-groups-users ul li a.disabled,
#directory-org-users-list ul li a.disabled,
#directory-groups-list ul li a.disabled {
  opacity: 0.4;
}
#directory-groups-users .selected-recipients,
#directory-org-users-list .selected-recipients,
#directory-groups-list .selected-recipients {
  padding: 0 !important;
  margin: 5px 0 5px 5px;
}
#directory-groups-users .selected-recipients:before,
#directory-org-users-list .selected-recipients:before,
#directory-groups-list .selected-recipients:before,
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  content: " ";
  display: table;
}
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  clear: both;
}
#directory-groups-users .selected-recipients:before,
#directory-org-users-list .selected-recipients:before,
#directory-groups-list .selected-recipients:before,
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  clear: both;
}
#directory-groups-users .selected-recipients:before,
#directory-org-users-list .selected-recipients:before,
#directory-groups-list .selected-recipients:before,
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  content: " ";
  display: table;
}
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  clear: both;
}
#directory-groups-users .selected-recipients:before,
#directory-org-users-list .selected-recipients:before,
#directory-groups-list .selected-recipients:before,
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#directory-groups-users .selected-recipients:after,
#directory-org-users-list .selected-recipients:after,
#directory-groups-list .selected-recipients:after {
  clear: both;
}
#directory-groups-users .selected-recipients li.type-org-user,
#directory-org-users-list .selected-recipients li.type-org-user,
#directory-groups-list .selected-recipients li.type-org-user,
#directory-groups-users .selected-recipients li.type-group,
#directory-org-users-list .selected-recipients li.type-group,
#directory-groups-list .selected-recipients li.type-group {
  border: none;
  margin: 0 10px 10px 0;
  padding: 0;
  float: left !important;
}
#directory-groups-users .selected-recipients li.type-org-user:before,
#directory-org-users-list .selected-recipients li.type-org-user:before,
#directory-groups-list .selected-recipients li.type-org-user:before,
#directory-groups-users .selected-recipients li.type-group:before,
#directory-org-users-list .selected-recipients li.type-group:before,
#directory-groups-list .selected-recipients li.type-group:before,
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  content: " ";
  display: table;
}
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  clear: both;
}
#directory-groups-users .selected-recipients li.type-org-user:before,
#directory-org-users-list .selected-recipients li.type-org-user:before,
#directory-groups-list .selected-recipients li.type-org-user:before,
#directory-groups-users .selected-recipients li.type-group:before,
#directory-org-users-list .selected-recipients li.type-group:before,
#directory-groups-list .selected-recipients li.type-group:before,
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  clear: both;
}
#directory-groups-users .selected-recipients li.type-org-user:before,
#directory-org-users-list .selected-recipients li.type-org-user:before,
#directory-groups-list .selected-recipients li.type-org-user:before,
#directory-groups-users .selected-recipients li.type-group:before,
#directory-org-users-list .selected-recipients li.type-group:before,
#directory-groups-list .selected-recipients li.type-group:before,
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  content: " ";
  display: table;
}
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  clear: both;
}
#directory-groups-users .selected-recipients li.type-org-user:before,
#directory-org-users-list .selected-recipients li.type-org-user:before,
#directory-groups-list .selected-recipients li.type-org-user:before,
#directory-groups-users .selected-recipients li.type-group:before,
#directory-org-users-list .selected-recipients li.type-group:before,
#directory-groups-list .selected-recipients li.type-group:before,
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#directory-groups-users .selected-recipients li.type-org-user:after,
#directory-org-users-list .selected-recipients li.type-org-user:after,
#directory-groups-list .selected-recipients li.type-org-user:after,
#directory-groups-users .selected-recipients li.type-group:after,
#directory-org-users-list .selected-recipients li.type-group:after,
#directory-groups-list .selected-recipients li.type-group:after {
  clear: both;
}
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type,
#directory-groups-users .selected-recipients li.type-group a:last-of-type,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type,
#directory-groups-list .selected-recipients li.type-group a:last-of-type {
  display: table-cell;
  float: left;
  padding: 3px 6px 5px 8px;
  margin: 0;
  background: #00BFD7;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .username,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .username,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .username,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .username,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .username,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .username,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .function,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .function,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .function,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .function,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .function,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .function,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .last-seen,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .last-seen,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .last-seen,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .last-seen,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .last-seen,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .last-seen,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .visibility,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .visibility,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .visibility,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .visibility,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .visibility,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .visibility,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .type-group,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .type-group,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .type-group,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .type-group,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .type-group,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .type-group,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .member-count,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .member-count,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .member-count,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .member-count,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .member-count,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .member-count,
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .pic-container,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .pic-container,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .pic-container,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .pic-container,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .pic-container,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .pic-container {
  display: none;
}
#directory-groups-users .selected-recipients li.type-org-user a:last-of-type .name,
#directory-org-users-list .selected-recipients li.type-org-user a:last-of-type .name,
#directory-groups-list .selected-recipients li.type-org-user a:last-of-type .name,
#directory-groups-users .selected-recipients li.type-group a:last-of-type .name,
#directory-org-users-list .selected-recipients li.type-group a:last-of-type .name,
#directory-groups-list .selected-recipients li.type-group a:last-of-type .name {
  font-size: 12px;
  color: #fefefe;
  overflow: auto;
  text-overflow: inherit;
  display: inline;
}
#directory-groups-users .selected-recipients li.type-org-user a:first-of-type,
#directory-org-users-list .selected-recipients li.type-org-user a:first-of-type,
#directory-groups-list .selected-recipients li.type-org-user a:first-of-type,
#directory-groups-users .selected-recipients li.type-group a:first-of-type,
#directory-org-users-list .selected-recipients li.type-group a:first-of-type,
#directory-groups-list .selected-recipients li.type-group a:first-of-type {
  display: table-cell;
  float: right;
  font-size: 12px;
  margin: 0 ;
  padding: 5px 5px 3px 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#directory-groups-users .selected-recipients li.type-org-user a:first-of-type .remove-label,
#directory-org-users-list .selected-recipients li.type-org-user a:first-of-type .remove-label,
#directory-groups-list .selected-recipients li.type-org-user a:first-of-type .remove-label,
#directory-groups-users .selected-recipients li.type-group a:first-of-type .remove-label,
#directory-org-users-list .selected-recipients li.type-group a:first-of-type .remove-label,
#directory-groups-list .selected-recipients li.type-group a:first-of-type .remove-label {
  display: none;
}
#directory-groups-users .selected-recipients li.type-org-user a:first-of-type .ss-delete,
#directory-org-users-list .selected-recipients li.type-org-user a:first-of-type .ss-delete,
#directory-groups-list .selected-recipients li.type-org-user a:first-of-type .ss-delete,
#directory-groups-users .selected-recipients li.type-group a:first-of-type .ss-delete,
#directory-org-users-list .selected-recipients li.type-group a:first-of-type .ss-delete,
#directory-groups-list .selected-recipients li.type-group a:first-of-type .ss-delete {
  font-size: 14px;
  line-height: 1em;
  padding-left: 2px;
}
#directory-groups-users .selected-recipients .no-addressees,
#directory-org-users-list .selected-recipients .no-addressees,
#directory-groups-list .selected-recipients .no-addressees {
  display: block;
  padding: 0 10px 0 0;
  margin: 5px 0px 12px 0;
  font-size: 12px;
  text-align: center;
}
#edit-conversation-type-view .panel-body,
#edit-poll-conversation-view .panel-body,
#edit-conversation-type-view .panel-heading,
#edit-poll-conversation-view .panel-heading {
  padding: 0;
}
#edit-conversation-type-view h3,
#edit-poll-conversation-view h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  background: #ededed;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}
#edit-conversation-type-view .radio-list,
#edit-poll-conversation-view .radio-list {
  margin: 10px;
}
#edit-conversation-type-view .radio-list .radio,
#edit-poll-conversation-view .radio-list .radio {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f6f6f6;
}
#edit-conversation-type-view .radio-list .radio label,
#edit-poll-conversation-view .radio-list .radio label {
  display: block;
  background: #fefefe;
  padding: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 14px;
  min-height: auto;
  line-height: 1.5;
}
#edit-conversation-type-view .radio-list .radio input[type=radio],
#edit-poll-conversation-view .radio-list .radio input[type=radio] {
  display: none;
}
#edit-conversation-type-view .radio-list .radio span,
#edit-poll-conversation-view .radio-list .radio span {
  margin-right: 10px;
  color: #212121;
  vertical-align: middle;
}
#edit-conversation-type-view .radio-list .radio i,
#edit-poll-conversation-view .radio-list .radio i {
  margin-right: 10px;
  color: #ff4e00;
  vertical-align: middle;
}
#edit-conversation-type-view .radio-list .radio input[type=radio]:checked + label,
#edit-poll-conversation-view .radio-list .radio input[type=radio]:checked + label {
  background: #ff4e00 !important;
  color: #fefefe !important;
}
#edit-conversation-type-view .radio-list .radio input[type=radio]:checked + label span,
#edit-poll-conversation-view .radio-list .radio input[type=radio]:checked + label span {
  color: #fefefe !important;
}
#profile-setup h2 {
  text-align: center;
  font-size: 1em;
  margin-top: 0.2em;
  margin-bottom: 0.4em;
}
#profile-setup h3 + p {
  margin-top: 1em;
}
#profile-setup form.picture-form input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  font-size: 24px;
}
#profile-setup div .input-group {
  width: 100%;
}
#profile-setup .fileinput-button {
  color: #ff4e00;
}
#profile-setup div.spinner {
  background-color: #ff4e00;
}
#profile-setup div.picture-container {
  margin: 16px auto 16px auto;
  position: relative;
  text-align: center;
  font-size: 24px;
  min-width: 32px;
  min-height: 38px;
}
#profile-setup div.picture-container img {
  width: 32px;
  height: 32px;
}
#profile-setup ul.toggle-list li {
  margin: 0px;
}
#profile-setup ul.toggle-list li span.label {
  padding: 0px;
}
#profile-setup ul.toggle-list li.list-group-item {
  background-color: inherit;
  border-style: none;
  border-bottom: solid 1px #e7e7e7;
}
#profile-setup ul.list-group {
  margin-bottom: 0px;
}
#profile-setup ul.toggle-list li .item-checkbox-label {
  padding-left: 0px;
  padding-bottom: 5px;
}
#profile-setup ul.toggle-list li .checkbox {
  margin-bottom: 0px;
  margin-top: 0px;
}
#profile-setup li .icon-symbol-tick {
  font-size: smaller;
  float: right;
}
#profile-setup > p {
  font-size: smaller;
}
#profile-setup > div > p {
  font-size: smaller;
}
#profile-setup .proceed {
  margin-top: 1em;
}
#profile-setup div.proceed .btn-sm {
  padding: 16px;
}
#edit-conversation-form h3,
#edit-poll-conversation-form h3,
#profile-setup h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  background: #ededed;
  padding-left: 10px;
  margin: 0;
}
#edit-conversation-form .form-group.topic,
#edit-poll-conversation-form .form-group.topic,
#profile-setup .form-group.topic,
#edit-conversation-form .picture-uploader,
#edit-poll-conversation-form .picture-uploader,
#profile-setup .picture-uploader,
#edit-conversation-form .private-button,
#edit-poll-conversation-form .private-button,
#profile-setup .private-button {
  text-align: left;
  margin: 10px 10px 0;
  padding: 0 0 8px;
  border-bottom: 1px solid #e7e7e7;
}
#edit-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:before,
#profile-setup .form-group.topic:before,
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .private-button:before,
#edit-poll-conversation-form .private-button:before,
#profile-setup .private-button:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  clear: both;
}
#edit-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:before,
#profile-setup .form-group.topic:before,
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .private-button:before,
#edit-poll-conversation-form .private-button:before,
#profile-setup .private-button:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  clear: both;
}
#edit-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:before,
#profile-setup .form-group.topic:before,
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .private-button:before,
#edit-poll-conversation-form .private-button:before,
#profile-setup .private-button:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  clear: both;
}
#edit-conversation-form .form-group.topic:before,
#edit-poll-conversation-form .form-group.topic:before,
#profile-setup .form-group.topic:before,
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .private-button:before,
#edit-poll-conversation-form .private-button:before,
#profile-setup .private-button:before,
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .form-group.topic:after,
#edit-poll-conversation-form .form-group.topic:after,
#profile-setup .form-group.topic:after,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after,
#edit-conversation-form .private-button:after,
#edit-poll-conversation-form .private-button:after,
#profile-setup .private-button:after {
  clear: both;
}
#edit-conversation-form .form-group.topic,
#edit-poll-conversation-form .form-group.topic,
#profile-setup .form-group.topic {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 0 10px;
  margin-left: 10px;
  margin-right: 10px;
}
#edit-conversation-form .form-group.topic label,
#edit-poll-conversation-form .form-group.topic label,
#profile-setup .form-group.topic label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-conversation-form .form-group.topic input,
#edit-poll-conversation-form .form-group.topic input,
#profile-setup .form-group.topic input {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 34px;
  background: transparent;
  padding: 0;
}
#edit-conversation-form .options-group .private-button,
#edit-poll-conversation-form .options-group .private-button,
#profile-setup .options-group .private-button,
#edit-conversation-form .options-group .poll-type-button,
#edit-poll-conversation-form .options-group .poll-type-button,
#profile-setup .options-group .poll-type-button {
  display: block;
}
#edit-conversation-form .options-group .private-button label,
#edit-poll-conversation-form .options-group .private-button label,
#profile-setup .options-group .private-button label,
#edit-conversation-form .options-group .poll-type-button label,
#edit-poll-conversation-form .options-group .poll-type-button label,
#profile-setup .options-group .poll-type-button label {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  float: left !important;
  text-align: left;
  margin: 0;
  line-height: 1.5em;
  max-width: 66%;
}
#edit-conversation-form .options-group .private-button label small,
#edit-poll-conversation-form .options-group .private-button label small,
#profile-setup .options-group .private-button label small,
#edit-conversation-form .options-group .poll-type-button label small,
#edit-poll-conversation-form .options-group .poll-type-button label small,
#profile-setup .options-group .poll-type-button label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
}
#edit-conversation-form .options-group .private-button .item-checkbox-label,
#edit-poll-conversation-form .options-group .private-button .item-checkbox-label,
#profile-setup .options-group .private-button .item-checkbox-label,
#edit-conversation-form .options-group .poll-type-button .item-checkbox-label,
#edit-poll-conversation-form .options-group .poll-type-button .item-checkbox-label,
#profile-setup .options-group .poll-type-button .item-checkbox-label {
  float: right !important;
}
#edit-conversation-form .options-group .private-button .visibility,
#edit-poll-conversation-form .options-group .private-button .visibility,
#profile-setup .options-group .private-button .visibility,
#edit-conversation-form .options-group .poll-type-button .visibility,
#edit-poll-conversation-form .options-group .poll-type-button .visibility,
#profile-setup .options-group .poll-type-button .visibility {
  float: right !important;
  line-height: 1.5 !important;
  padding-right: 3px;
}
#edit-conversation-form .options-group .private-button .visibility i.ss-lock,
#edit-poll-conversation-form .options-group .private-button .visibility i.ss-lock,
#profile-setup .options-group .private-button .visibility i.ss-lock,
#edit-conversation-form .options-group .poll-type-button .visibility i.ss-lock,
#edit-poll-conversation-form .options-group .poll-type-button .visibility i.ss-lock,
#profile-setup .options-group .poll-type-button .visibility i.ss-lock {
  font-size: 12px;
}
#edit-conversation-form .options-group .private-button .visibility i.ss-lock.visibility-private,
#edit-poll-conversation-form .options-group .private-button .visibility i.ss-lock.visibility-private,
#profile-setup .options-group .private-button .visibility i.ss-lock.visibility-private,
#edit-conversation-form .options-group .poll-type-button .visibility i.ss-lock.visibility-private,
#edit-poll-conversation-form .options-group .poll-type-button .visibility i.ss-lock.visibility-private,
#profile-setup .options-group .poll-type-button .visibility i.ss-lock.visibility-private {
  color: #52ba57;
}
#edit-conversation-form .options-group .private-button .visibility i.ss-lock.visibility-group,
#edit-poll-conversation-form .options-group .private-button .visibility i.ss-lock.visibility-group,
#profile-setup .options-group .private-button .visibility i.ss-lock.visibility-group,
#edit-conversation-form .options-group .poll-type-button .visibility i.ss-lock.visibility-group,
#edit-poll-conversation-form .options-group .poll-type-button .visibility i.ss-lock.visibility-group,
#profile-setup .options-group .poll-type-button .visibility i.ss-lock.visibility-group {
  color: #f0ad4e;
}
#edit-conversation-form .options-group .private-button .item-select,
#edit-poll-conversation-form .options-group .private-button .item-select,
#profile-setup .options-group .private-button .item-select,
#edit-conversation-form .options-group .poll-type-button .item-select,
#edit-poll-conversation-form .options-group .poll-type-button .item-select,
#profile-setup .options-group .poll-type-button .item-select {
  float: right !important;
}
#edit-conversation-form .options-group .private-button .item-select select,
#edit-poll-conversation-form .options-group .private-button .item-select select,
#profile-setup .options-group .private-button .item-select select,
#edit-conversation-form .options-group .poll-type-button .item-select select,
#edit-poll-conversation-form .options-group .poll-type-button .item-select select,
#profile-setup .options-group .poll-type-button .item-select select {
  direction: rtl;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ff4e00;
}
#edit-conversation-form .options-group .private-button .checkbox,
#edit-poll-conversation-form .options-group .private-button .checkbox,
#profile-setup .options-group .private-button .checkbox,
#edit-conversation-form .options-group .poll-type-button .checkbox,
#edit-poll-conversation-form .options-group .poll-type-button .checkbox,
#profile-setup .options-group .poll-type-button .checkbox {
  margin: 0;
  padding: 0;
}
#edit-conversation-form .options-group .deadline-button-container:before,
#edit-poll-conversation-form .options-group .deadline-button-container:before,
#profile-setup .options-group .deadline-button-container:before,
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container:before,
#edit-poll-conversation-form .options-group .deadline-button-container:before,
#profile-setup .options-group .deadline-button-container:before,
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container:before,
#edit-poll-conversation-form .options-group .deadline-button-container:before,
#profile-setup .options-group .deadline-button-container:before,
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container:before,
#edit-poll-conversation-form .options-group .deadline-button-container:before,
#profile-setup .options-group .deadline-button-container:before,
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container:after,
#edit-poll-conversation-form .options-group .deadline-button-container:after,
#profile-setup .options-group .deadline-button-container:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button,
#profile-setup .options-group .deadline-button-container .deadline-button {
  padding: 10px;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:before,
#profile-setup .options-group .deadline-button-container .deadline-button:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:before,
#profile-setup .options-group .deadline-button-container .deadline-button:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:before,
#profile-setup .options-group .deadline-button-container .deadline-button:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:before,
#profile-setup .options-group .deadline-button-container .deadline-button:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button:after,
#profile-setup .options-group .deadline-button-container .deadline-button:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button label,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button label,
#profile-setup .options-group .deadline-button-container .deadline-button label {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  float: left !important;
  text-align: left;
  margin: 0;
  line-height: 1.5em;
  max-width: 66%;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button label small,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button label small,
#profile-setup .options-group .deadline-button-container .deadline-button label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button .item-checkbox-label,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button .item-checkbox-label,
#profile-setup .options-group .deadline-button-container .deadline-button .item-checkbox-label {
  float: right !important;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-button .checkbox,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-button .checkbox,
#profile-setup .options-group .deadline-button-container .deadline-button .checkbox {
  margin: 0;
  padding: 0;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:before,
#profile-setup .options-group .deadline-button-container .deadline-details:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:before,
#profile-setup .options-group .deadline-button-container .deadline-details:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:before,
#profile-setup .options-group .deadline-button-container .deadline-details:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  content: " ";
  display: table;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:before,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:before,
#profile-setup .options-group .deadline-button-container .deadline-details:before,
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details:after,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details:after,
#profile-setup .options-group .deadline-button-container .deadline-details:after {
  clear: both;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 0 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #e7e7e7;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group label,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group label,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group input,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group input,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group input {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 34px;
  background: transparent;
  padding: 0;
  -webkit-appearance: none !important;
  border: none;
  font-size: 14px;
}
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group input:active,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group input:active,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group input:active,
#edit-conversation-form .options-group .deadline-button-container .deadline-details .form-group input:focus,
#edit-poll-conversation-form .options-group .deadline-button-container .deadline-details .form-group input:focus,
#profile-setup .options-group .deadline-button-container .deadline-details .form-group input:focus {
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#edit-conversation-form .picture-uploader,
#edit-poll-conversation-form .picture-uploader,
#profile-setup .picture-uploader {
  margin-left: 10px;
  margin-right: 10px;
}
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  content: " ";
  display: table;
}
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  clear: both;
}
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  clear: both;
}
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  content: " ";
  display: table;
}
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  clear: both;
}
#edit-conversation-form .picture-uploader:before,
#edit-poll-conversation-form .picture-uploader:before,
#profile-setup .picture-uploader:before,
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .picture-uploader:after,
#edit-poll-conversation-form .picture-uploader:after,
#profile-setup .picture-uploader:after {
  clear: both;
}
#edit-conversation-form .picture-uploader label,
#edit-poll-conversation-form .picture-uploader label,
#profile-setup .picture-uploader label {
  float: left !important;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  display: block;
  line-height: 1.5em;
  max-width: 66%;
  margin: 0;
}
#edit-conversation-form .picture-uploader label small,
#edit-poll-conversation-form .picture-uploader label small,
#profile-setup .picture-uploader label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
}
#edit-conversation-form .picture-uploader .fileinput-img,
#edit-poll-conversation-form .picture-uploader .fileinput-img,
#profile-setup .picture-uploader .fileinput-img {
  height: 54px;
  width: 54px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: #ff4e00;
  float: right !important;
}
#edit-conversation-form .picture-uploader .fileinput-img a,
#edit-poll-conversation-form .picture-uploader .fileinput-img a,
#profile-setup .picture-uploader .fileinput-img a {
  width: 54px;
  height: 54px;
  display: block;
}
#edit-conversation-form .picture-uploader .fileinput-img a img,
#edit-poll-conversation-form .picture-uploader .fileinput-img a img,
#profile-setup .picture-uploader .fileinput-img a img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
  border-radius: 4px;
}
#edit-conversation-form .picture-uploader .fileinput-img a img i.icon-symbol-cross:before,
#edit-poll-conversation-form .picture-uploader .fileinput-img a img i.icon-symbol-cross:before,
#profile-setup .picture-uploader .fileinput-img a img i.icon-symbol-cross:before {
  width: 54px;
  height: 54px;
  font-size: 28px;
  line-height: 68px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  color: #fefefe;
}
#edit-conversation-form .picture-uploader .fileinput-container,
#edit-poll-conversation-form .picture-uploader .fileinput-container,
#profile-setup .picture-uploader .fileinput-container {
  height: 54px;
  width: 54px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: #ff4e00;
  float: right !important;
}
#edit-conversation-form .picture-uploader .fileinput-container,
#edit-poll-conversation-form .picture-uploader .fileinput-container,
#profile-setup .picture-uploader .fileinput-container,
#edit-conversation-form .picture-uploader .fileinput-container *,
#edit-poll-conversation-form .picture-uploader .fileinput-container *,
#profile-setup .picture-uploader .fileinput-container * {
  cursor: pointer;
}
#edit-conversation-form .picture-uploader .fileinput-container input,
#edit-poll-conversation-form .picture-uploader .fileinput-container input,
#profile-setup .picture-uploader .fileinput-container input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}
#edit-conversation-form .picture-uploader .fileinput-button,
#edit-poll-conversation-form .picture-uploader .fileinput-button,
#profile-setup .picture-uploader .fileinput-button {
  height: 54px;
  width: 54px;
  background: #ff4e00;
  border-radius: 4px;
  color: #fefefe;
  text-align: center;
}
#edit-conversation-form .picture-uploader .fileinput-button i,
#edit-poll-conversation-form .picture-uploader .fileinput-button i,
#profile-setup .picture-uploader .fileinput-button i {
  font-size: 24px;
  line-height: 52px;
}
#edit-conversation-form .option-description,
#edit-poll-conversation-form .option-description,
#profile-setup .option-description {
  padding-bottom: 10px;
  padding-right: 0;
}
#edit-conversation-form .option-description .edit-option-description,
#edit-poll-conversation-form .option-description .edit-option-description,
#profile-setup .option-description .edit-option-description {
  width: 100%;
  margin: 0;
  padding: 0;
}
#edit-conversation-form .option-description .edit-option-description:before,
#edit-poll-conversation-form .option-description .edit-option-description:before,
#profile-setup .option-description .edit-option-description:before,
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  content: " ";
  display: table;
}
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  clear: both;
}
#edit-conversation-form .option-description .edit-option-description:before,
#edit-poll-conversation-form .option-description .edit-option-description:before,
#profile-setup .option-description .edit-option-description:before,
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  clear: both;
}
#edit-conversation-form .option-description .edit-option-description:before,
#edit-poll-conversation-form .option-description .edit-option-description:before,
#profile-setup .option-description .edit-option-description:before,
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  content: " ";
  display: table;
}
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  clear: both;
}
#edit-conversation-form .option-description .edit-option-description:before,
#edit-poll-conversation-form .option-description .edit-option-description:before,
#profile-setup .option-description .edit-option-description:before,
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form .option-description .edit-option-description:after,
#edit-poll-conversation-form .option-description .edit-option-description:after,
#profile-setup .option-description .edit-option-description:after {
  clear: both;
}
#edit-conversation-form .option-description .edit-option-description .input-container,
#edit-poll-conversation-form .option-description .edit-option-description .input-container,
#profile-setup .option-description .edit-option-description .input-container {
  position: relative;
  float: left;
  width: 91.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
}
#edit-conversation-form .option-description .edit-option-description .input-container .form-control,
#edit-poll-conversation-form .option-description .edit-option-description .input-container .form-control,
#profile-setup .option-description .edit-option-description .input-container .form-control {
  padding: 0;
  background: transparent;
  line-height: 34px;
}
#edit-conversation-form .option-description .edit-option-description .remove-option,
#edit-poll-conversation-form .option-description .edit-option-description .remove-option,
#profile-setup .option-description .edit-option-description .remove-option {
  display: block;
  position: relative;
  float: left;
  width: 8.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  line-height: 34px;
  height: 34px;
  text-align: right;
}
#edit-conversation-form .option-description .edit-option-description .remove-option span,
#edit-poll-conversation-form .option-description .edit-option-description .remove-option span,
#profile-setup .option-description .edit-option-description .remove-option span {
  font-size: 18px;
  position: absolute;
  top: 4px;
  right: 0;
}
#edit-conversation-form.enhanced-poll .option-description:before,
#edit-poll-conversation-form.enhanced-poll .option-description:before,
#profile-setup.enhanced-poll .option-description:before,
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  content: " ";
  display: table;
}
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  clear: both;
}
#edit-conversation-form.enhanced-poll .option-description:before,
#edit-poll-conversation-form.enhanced-poll .option-description:before,
#profile-setup.enhanced-poll .option-description:before,
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  clear: both;
}
#edit-conversation-form.enhanced-poll .option-description:before,
#edit-poll-conversation-form.enhanced-poll .option-description:before,
#profile-setup.enhanced-poll .option-description:before,
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  content: " ";
  display: table;
}
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  clear: both;
}
#edit-conversation-form.enhanced-poll .option-description:before,
#edit-poll-conversation-form.enhanced-poll .option-description:before,
#profile-setup.enhanced-poll .option-description:before,
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form.enhanced-poll .option-description:after,
#edit-poll-conversation-form.enhanced-poll .option-description:after,
#profile-setup.enhanced-poll .option-description:after {
  clear: both;
}
#edit-conversation-form.enhanced-poll .edit-option-description,
#edit-poll-conversation-form.enhanced-poll .edit-option-description,
#profile-setup.enhanced-poll .edit-option-description {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 10px;
}
#edit-conversation-form.enhanced-poll label,
#edit-poll-conversation-form.enhanced-poll label,
#profile-setup.enhanced-poll label {
  float: left !important;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  display: block;
  line-height: 1.5em;
  max-width: 66%;
  margin: 0;
}
#edit-conversation-form.enhanced-poll label small,
#edit-poll-conversation-form.enhanced-poll label small,
#profile-setup.enhanced-poll label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
}
#edit-conversation-form.enhanced-poll .poll-image,
#edit-poll-conversation-form.enhanced-poll .poll-image,
#profile-setup.enhanced-poll .poll-image {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-img,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-img,
#profile-setup.enhanced-poll .poll-image .fileinput-img {
  height: 54px;
  width: 54px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: #ff4e00;
  float: left !important;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-img a,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-img a,
#profile-setup.enhanced-poll .poll-image .fileinput-img a {
  width: 54px;
  height: 54px;
  display: block;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-img a img,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-img a img,
#profile-setup.enhanced-poll .poll-image .fileinput-img a img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
  border-radius: 4px;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-img a img i.icon-symbol-cross:before,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-img a img i.icon-symbol-cross:before,
#profile-setup.enhanced-poll .poll-image .fileinput-img a img i.icon-symbol-cross:before {
  width: 54px;
  height: 54px;
  font-size: 28px;
  line-height: 68px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  color: #fefefe;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-container,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-container,
#profile-setup.enhanced-poll .poll-image .fileinput-container {
  height: 54px;
  width: 54px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: #ff4e00;
  text-align: center;
  float: left !important;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-container,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-container,
#profile-setup.enhanced-poll .poll-image .fileinput-container,
#edit-conversation-form.enhanced-poll .poll-image .fileinput-container *,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-container *,
#profile-setup.enhanced-poll .poll-image .fileinput-container * {
  cursor: pointer;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-container input,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-container input,
#profile-setup.enhanced-poll .poll-image .fileinput-container input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-button,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-button,
#profile-setup.enhanced-poll .poll-image .fileinput-button {
  height: 54px;
  width: 54px;
  background: #ff4e00;
  border-radius: 4px;
  text-align: center;
}
#edit-conversation-form.enhanced-poll .poll-image .fileinput-button i,
#edit-poll-conversation-form.enhanced-poll .poll-image .fileinput-button i,
#profile-setup.enhanced-poll .poll-image .fileinput-button i {
  font-size: 24px;
  line-height: 52px;
  color: #fefefe !important;
  text-align: center;
}
#edit-conversation-form a.add-option,
#edit-poll-conversation-form a.add-option,
#profile-setup a.add-option {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  border: 2px solid transparent;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 4px;
  padding: 4px 14px 4px 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  -o-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  display: block;
  width: 100%;
  white-space: normal;
  color: #fff;
  border-color: #e64600;
  color: #fefefe;
  background-color: #ff4e00;
  border-radius: 0;
  border: none;
  height: 45px;
  line-height: 39px;
  font-size: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
}
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option:active:focus,
#edit-poll-conversation-form a.add-option:active:focus,
#profile-setup a.add-option:active:focus,
#edit-conversation-form a.add-option.active:focus,
#edit-poll-conversation-form a.add-option.active:focus,
#profile-setup a.add-option.active:focus,
#edit-conversation-form a.add-option.focus,
#edit-poll-conversation-form a.add-option.focus,
#profile-setup a.add-option.focus,
#edit-conversation-form a.add-option:active.focus,
#edit-poll-conversation-form a.add-option:active.focus,
#profile-setup a.add-option:active.focus,
#edit-conversation-form a.add-option.active.focus,
#edit-poll-conversation-form a.add-option.active.focus,
#profile-setup a.add-option.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#edit-conversation-form a.add-option:hover,
#edit-poll-conversation-form a.add-option:hover,
#profile-setup a.add-option:hover,
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option.focus,
#edit-poll-conversation-form a.add-option.focus,
#profile-setup a.add-option.focus {
  color: #fefefe;
  text-decoration: none;
}
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#edit-conversation-form a.add-option.disabled,
#edit-poll-conversation-form a.add-option.disabled,
#profile-setup a.add-option.disabled,
#edit-conversation-form a.add-option[disabled],
#edit-poll-conversation-form a.add-option[disabled],
#profile-setup a.add-option[disabled],
fieldset[disabled] #edit-conversation-form a.add-option,
fieldset[disabled] #edit-poll-conversation-form a.add-option,
fieldset[disabled] #profile-setup a.add-option {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a#edit-conversation-form a.add-option.disabled,
a#edit-poll-conversation-form a.add-option.disabled,
a#profile-setup a.add-option.disabled,
fieldset[disabled] a#edit-conversation-form a.add-option,
fieldset[disabled] a#edit-poll-conversation-form a.add-option,
fieldset[disabled] a#profile-setup a.add-option {
  pointer-events: none;
}
#edit-conversation-form a.add-option > [class^="ss-"],
#edit-poll-conversation-form a.add-option > [class^="ss-"],
#profile-setup a.add-option > [class^="ss-"] {
  position: relative;
  top: 2px;
  font-size: 10.5px;
}
.btn-xs#edit-conversation-form a.add-option > [class^="ss-"],
.btn-xs#edit-poll-conversation-form a.add-option > [class^="ss-"],
.btn-xs#profile-setup a.add-option > [class^="ss-"] {
  font-size: 9.52px;
  top: 0;
}
.btn-kr#edit-conversation-form a.add-option > [class^="ss-"],
.btn-kr#edit-poll-conversation-form a.add-option > [class^="ss-"],
.btn-kr#profile-setup a.add-option > [class^="ss-"] {
  top: 2px;
}
.btn-sm#edit-conversation-form a.add-option > [class^="ss-"].pull-right,
.btn-sm#edit-poll-conversation-form a.add-option > [class^="ss-"].pull-right,
.btn-sm#profile-setup a.add-option > [class^="ss-"].pull-right {
  top: 3px;
}
.btn-lg#edit-conversation-form a.add-option > [class^="ss-"].pull-right,
.btn-lg#edit-poll-conversation-form a.add-option > [class^="ss-"].pull-right,
.btn-lg#profile-setup a.add-option > [class^="ss-"].pull-right {
  top: 7px;
}
#edit-conversation-form a.add-option > [class^="ss-"].pull-right,
#edit-poll-conversation-form a.add-option > [class^="ss-"].pull-right,
#profile-setup a.add-option > [class^="ss-"].pull-right {
  top: 5px;
}
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option:active:focus,
#edit-poll-conversation-form a.add-option:active:focus,
#profile-setup a.add-option:active:focus,
#edit-conversation-form a.add-option.active:focus,
#edit-poll-conversation-form a.add-option.active:focus,
#profile-setup a.add-option.active:focus {
  outline: none;
}
#edit-conversation-form a.add-option:hover,
#edit-poll-conversation-form a.add-option:hover,
#profile-setup a.add-option:hover,
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus {
  outline: none;
  color: #ff4e00;
}
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#edit-conversation-form a.add-option.disabled,
#edit-poll-conversation-form a.add-option.disabled,
#profile-setup a.add-option.disabled,
#edit-conversation-form a.add-option[disabled],
#edit-poll-conversation-form a.add-option[disabled],
#profile-setup a.add-option[disabled],
fieldset[disabled] #edit-conversation-form a.add-option,
fieldset[disabled] #edit-poll-conversation-form a.add-option,
fieldset[disabled] #profile-setup a.add-option {
  background-color: #FFF;
  color: rgba(254, 254, 254, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#edit-conversation-form a.add-option.previous,
#edit-poll-conversation-form a.add-option.previous,
#profile-setup a.add-option.previous,
#edit-conversation-form a.add-option.next,
#edit-poll-conversation-form a.add-option.next,
#profile-setup a.add-option.next {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.429;
  padding-left: 23px;
  padding-right: 23px;
}
#edit-conversation-form a.add-option.next,
#edit-poll-conversation-form a.add-option.next,
#profile-setup a.add-option.next {
  margin-left: 8px;
  margin-right: 0;
}
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option.focus,
#edit-poll-conversation-form a.add-option.focus,
#profile-setup a.add-option.focus {
  color: #fff;
  background-color: #cc3e00;
  border-color: #661f00;
}
#edit-conversation-form a.add-option:hover,
#edit-poll-conversation-form a.add-option:hover,
#profile-setup a.add-option:hover {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active,
.open > .dropdown-toggle#edit-conversation-form a.add-option,
.open > .dropdown-toggle#edit-poll-conversation-form a.add-option,
.open > .dropdown-toggle#profile-setup a.add-option {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
#edit-conversation-form a.add-option:active:hover,
#edit-poll-conversation-form a.add-option:active:hover,
#profile-setup a.add-option:active:hover,
#edit-conversation-form a.add-option.active:hover,
#edit-poll-conversation-form a.add-option.active:hover,
#profile-setup a.add-option.active:hover,
.open > .dropdown-toggle#edit-conversation-form a.add-option:hover,
.open > .dropdown-toggle#edit-poll-conversation-form a.add-option:hover,
.open > .dropdown-toggle#profile-setup a.add-option:hover,
#edit-conversation-form a.add-option:active:focus,
#edit-poll-conversation-form a.add-option:active:focus,
#profile-setup a.add-option:active:focus,
#edit-conversation-form a.add-option.active:focus,
#edit-poll-conversation-form a.add-option.active:focus,
#profile-setup a.add-option.active:focus,
.open > .dropdown-toggle#edit-conversation-form a.add-option:focus,
.open > .dropdown-toggle#edit-poll-conversation-form a.add-option:focus,
.open > .dropdown-toggle#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option:active.focus,
#edit-poll-conversation-form a.add-option:active.focus,
#profile-setup a.add-option:active.focus,
#edit-conversation-form a.add-option.active.focus,
#edit-poll-conversation-form a.add-option.active.focus,
#profile-setup a.add-option.active.focus,
.open > .dropdown-toggle#edit-conversation-form a.add-option.focus,
.open > .dropdown-toggle#edit-poll-conversation-form a.add-option.focus,
.open > .dropdown-toggle#profile-setup a.add-option.focus {
  color: #fff;
  background-color: #a83300;
  border-color: #661f00;
}
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active,
.open > .dropdown-toggle#edit-conversation-form a.add-option,
.open > .dropdown-toggle#edit-poll-conversation-form a.add-option,
.open > .dropdown-toggle#profile-setup a.add-option {
  background-image: none;
}
#edit-conversation-form a.add-option.disabled:hover,
#edit-poll-conversation-form a.add-option.disabled:hover,
#profile-setup a.add-option.disabled:hover,
#edit-conversation-form a.add-option[disabled]:hover,
#edit-poll-conversation-form a.add-option[disabled]:hover,
#profile-setup a.add-option[disabled]:hover,
fieldset[disabled] #edit-conversation-form a.add-option:hover,
fieldset[disabled] #edit-poll-conversation-form a.add-option:hover,
fieldset[disabled] #profile-setup a.add-option:hover,
#edit-conversation-form a.add-option.disabled:focus,
#edit-poll-conversation-form a.add-option.disabled:focus,
#profile-setup a.add-option.disabled:focus,
#edit-conversation-form a.add-option[disabled]:focus,
#edit-poll-conversation-form a.add-option[disabled]:focus,
#profile-setup a.add-option[disabled]:focus,
fieldset[disabled] #edit-conversation-form a.add-option:focus,
fieldset[disabled] #edit-poll-conversation-form a.add-option:focus,
fieldset[disabled] #profile-setup a.add-option:focus,
#edit-conversation-form a.add-option.disabled.focus,
#edit-poll-conversation-form a.add-option.disabled.focus,
#profile-setup a.add-option.disabled.focus,
#edit-conversation-form a.add-option[disabled].focus,
#edit-poll-conversation-form a.add-option[disabled].focus,
#profile-setup a.add-option[disabled].focus,
fieldset[disabled] #edit-conversation-form a.add-option.focus,
fieldset[disabled] #edit-poll-conversation-form a.add-option.focus,
fieldset[disabled] #profile-setup a.add-option.focus {
  background-color: #ff4e00;
  border-color: #e64600;
}
#edit-conversation-form a.add-option .badge,
#edit-poll-conversation-form a.add-option .badge,
#profile-setup a.add-option .badge {
  color: #ff4e00;
  background-color: #fff;
}
#edit-conversation-form a.add-option:hover,
#edit-poll-conversation-form a.add-option:hover,
#profile-setup a.add-option:hover,
#edit-conversation-form a.add-option:focus,
#edit-poll-conversation-form a.add-option:focus,
#profile-setup a.add-option:focus,
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active,
#edit-conversation-form a.add-option.hover,
#edit-poll-conversation-form a.add-option.hover,
#profile-setup a.add-option.hover {
  color: #fefefe;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
#edit-conversation-form a.add-option:active,
#edit-poll-conversation-form a.add-option:active,
#profile-setup a.add-option:active,
#edit-conversation-form a.add-option.active,
#edit-poll-conversation-form a.add-option.active,
#profile-setup a.add-option.active {
  background: #ff4e00;
  border-color: #ff4e00;
}
#edit-conversation-form a.add-option.disabled,
#edit-poll-conversation-form a.add-option.disabled,
#profile-setup a.add-option.disabled,
#edit-conversation-form a.add-option[disabled],
#edit-poll-conversation-form a.add-option[disabled],
#profile-setup a.add-option[disabled],
fieldset[disabled] #edit-conversation-form a.add-option,
fieldset[disabled] #edit-poll-conversation-form a.add-option,
fieldset[disabled] #profile-setup a.add-option,
#edit-conversation-form a.add-option.disabled:hover,
#edit-poll-conversation-form a.add-option.disabled:hover,
#profile-setup a.add-option.disabled:hover,
#edit-conversation-form a.add-option[disabled]:hover,
#edit-poll-conversation-form a.add-option[disabled]:hover,
#profile-setup a.add-option[disabled]:hover,
fieldset[disabled] #edit-conversation-form a.add-option:hover,
fieldset[disabled] #edit-poll-conversation-form a.add-option:hover,
fieldset[disabled] #profile-setup a.add-option:hover,
#edit-conversation-form a.add-option.disabled:focus,
#edit-poll-conversation-form a.add-option.disabled:focus,
#profile-setup a.add-option.disabled:focus,
#edit-conversation-form a.add-option[disabled]:focus,
#edit-poll-conversation-form a.add-option[disabled]:focus,
#profile-setup a.add-option[disabled]:focus,
fieldset[disabled] #edit-conversation-form a.add-option:focus,
fieldset[disabled] #edit-poll-conversation-form a.add-option:focus,
fieldset[disabled] #profile-setup a.add-option:focus,
#edit-conversation-form a.add-option.disabled:active,
#edit-poll-conversation-form a.add-option.disabled:active,
#profile-setup a.add-option.disabled:active,
#edit-conversation-form a.add-option[disabled]:active,
#edit-poll-conversation-form a.add-option[disabled]:active,
#profile-setup a.add-option[disabled]:active,
fieldset[disabled] #edit-conversation-form a.add-option:active,
fieldset[disabled] #edit-poll-conversation-form a.add-option:active,
fieldset[disabled] #profile-setup a.add-option:active,
#edit-conversation-form a.add-option.disabled.active,
#edit-poll-conversation-form a.add-option.disabled.active,
#profile-setup a.add-option.disabled.active,
#edit-conversation-form a.add-option[disabled].active,
#edit-poll-conversation-form a.add-option[disabled].active,
#profile-setup a.add-option[disabled].active,
fieldset[disabled] #edit-conversation-form a.add-option.active,
fieldset[disabled] #edit-poll-conversation-form a.add-option.active,
fieldset[disabled] #profile-setup a.add-option.active {
  background-color: #b3eafb;
  border-color: #b3eafb;
}
#edit-poll-conversation-form .list-group-item:first-child {
  border-top: none;
}
#edit-poll-conversation-form .list-group-item:last-child {
  border-bottom: none;
}
#edit-poll-conversation-form .list-group-item {
  border-color: #E7E7E7;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-radius: 0px;
  margin: 0 15px;
}
#profile-setup h3 {
  font-size: 10px;
  line-height: 15px;
}
#profile-setup #manage-devices-view .subsection {
  margin: 5px 5px;
  padding-bottom: 0px;
}
#profile-setup #manage-devices-view .subsection label {
  line-height: 1.2em;
}
/* ==========================================================================
 #YAP MESSAGE STREAM
 ========================================================================== */
/**
* 1. This also styles Archive
* 2. show-group-view still needs to be decoupled due to margin issues
*/
.visibility-info > .list-group {
  margin-bottom: 0;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul {
  margin: 0;
  padding: 0;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul {
  padding: 0;
  list-style-type: none;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul li span.message-body {
  display: inline;
  min-height: 39px;
  padding: 0px;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul li span.message-body span.message-body-inner {
  font-size: 16px;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul li span.message-body span.message-body-inner span.hashtag {
  color: #1189df;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul li span.message-body span.message-body-inner a {
  color: #1189df;
  word-break: break-all;
}
section#create-newsfeed-post section#newsfeed div.form-notifications-details ul li.list-group-item.type-recent-conversation div div ul li span.message-body span.message-body-inner span.mention {
  color: #1189df;
  background-color: #ededed;
  padding: 0 3px;
  border-radius: 4px;
}
section#create-newsfeed-post section#newsfeed section#edit-topic .form-group {
  margin-bottom: 0;
}
section#create-newsfeed-post .username-completion {
  bottom: 75px;
}
section#create-newsfeed-post .username-completion .mention-item.user-suggestion {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
section#create-newsfeed-post .username-completion .mention-item.user-suggestion .pic-container {
  width: 33px;
  height: 33px;
  margin: 0;
  top: 11px;
  left: 10px;
}
section#create-newsfeed-post .username-completion .mention-item.user-suggestion .name,
section#create-newsfeed-post .username-completion .mention-item.user-suggestion .username {
  flex: 1 0;
}
div#edit-conversation-form .form-group {
  margin-bottom: 0;
}
div#edit-conversation-form .options-group .private-button .icon {
  display: inline-block;
  margin-right: 10px;
}
div#edit-conversation-form .options-group .private-button .icon i.material-icons {
  color: #999999;
}
div#edit-conversation-form .options-group .private-button label {
  float: none !important;
}
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch i.material-icons {
  color: #d8d8d8;
}
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch label {
  color: #999999;
}
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch label small {
  color: inherit;
}
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch label i.material-icons {
  display: inline-block;
  padding: 0px 5px 0px 0px;
  font-size: 14px;
  vertical-align: text-bottom;
}
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch .checkbox input:checked + b,
div#edit-conversation-form .options-group .private-button.disabled-toggle-switch .checkbox-inline input:checked + b {
  background-color: #ededed;
  border-color: #ededed;
}
div#edit-conversation-form .list-group-item {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #e7e7e7;
  margin: 10px;
  padding: 0 0 8px;
  border-radius: 0 !important;
}
div#edit-conversation-form .list-group-item.type-group {
  padding-bottom: 30px;
}
div#edit-conversation-form .list-group-item.type-group:last-of-type {
  border: none;
  padding-bottom: 20px;
}
div#edit-conversation-form .list-group-item.type-group .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
}
div#edit-conversation-form .list-group-item.type-group .type-group {
  display: inline-block;
}
div#edit-conversation-form .list-group-item.type-group .member-count {
  font-size: 12px;
  margin-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
div#edit-conversation-form .list-group-item.type-group .type-group {
  color: #6e6e6e;
}
div#edit-conversation-form .list-group-item.type-group .type-group i {
  color: #999999;
  font-size: 18px;
  vertical-align: text-bottom;
}
div#edit-conversation-form .list-group-item.type-group .type-group i:before {
  bottom: 0;
  margin-right: 0;
}
div#edit-conversation-form .list-group-item.type-group a:hover,
div#edit-conversation-form .list-group-item.type-group a:active {
  text-decoration: none;
}
div#edit-conversation-form .list-group-item.type-group a .pic-container {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: center;
}
div#edit-conversation-form .list-group-item.type-group a .pic-container .profile-pic {
  width: 64px;
  height: 64px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
div#edit-conversation-form .list-group-item.type-group a .pic-container .profile-pic i.material-icons {
  font-size: 36px;
  line-height: 63px;
  color: #999999;
}
div#edit-conversation-form .list-group-item.type-group a .pic-container .profile-pic .user-profile-pic {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 64px;
}
div#edit-conversation-form .list-group-item.type-group.type-intersection .member-count,
div#edit-conversation-form .list-group-item.type-group.type-intersection .type-group:last-of-type {
  line-height: 28px;
}
/* edit news-post
  ========================================================================== */
section#edit-newsfeed-post section#newsfeed div.form-notifications-details ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
section#edit-newsfeed-post section#newsfeed div.form-notifications-details ul .fileinput-container {
  margin-right: 5px;
}
section#edit-newsfeed-post section.edit-post-sliders h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  background: #ededed;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}
/* Pre newsfeed v2
   ========================================================================== */
#conversation-messages li.list-group-item.information {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#conversation-messages li {
  border: none;
  padding: 0;
  margin: 0;
}
#conversation-messages li .ss-junior,
#conversation-messages li .ss-symbolicons-line,
#conversation-messages li .ss-symbolicons-block {
  font-size: 22px;
  line-height: 64px;
  vertical-align: middle;
  text-align: center;
}
#conversation-messages li.list-section {
  padding-right: 0;
  padding-bottom: 10px;
  margin-bottom: 0;
  border-radius: 0;
}
#conversation-messages li.type-message {
  border-radius: 0;
}
#conversation-messages .title-pic {
  padding: 0;
}
#conversation-messages .title-pic .message-pic {
  position: relative;
  margin: 0;
  width: 100%;
}
#conversation-messages .title-pic .message-pic img {
  border-radius: 0;
}
#conversation-messages .title-pic .message-pic .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
}
#conversation-messages .title-pic .message-pic .message-pic-prompt .message-pic-prompt-wrapper {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#conversation-messages .user-chat-details {
  padding: 0px;
  position: relative;
}
#conversation-messages .message-group .message-meta {
  display: block;
  margin: 0 0 2px 60px;
  line-height: 16px;
  padding-top: 5px;
  height: 48px;
}
#conversation-messages .message-group .message-meta .author-name {
  color: #212121;
  display: inline;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  float: none !important;
  padding-right: 5px;
}
#conversation-messages .message-group .message-meta .message-time {
  display: inline;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  float: none !important;
  color: #999999;
}
#conversation-messages .message-group .message-meta .author-role,
#conversation-messages .message-group .message-meta .author-location {
  color: #999999;
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
  padding-bottom: 3px;
  padding-top: 1px;
}
#conversation-messages .message-group .message-meta .author-role {
  line-height: 15px;
}
#conversation-messages .message-group .message-meta .author-location {
  line-height: 8px;
}
#conversation-messages .message-group .message-body {
  display: flex;
  flex-direction: column;
  max-inline-size: max-content;
  color: #212121;
  margin: 5px 10px 0 10px;
  padding: 5px 10px;
  background: #ededed;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  font-size: 16px;
  /* === Quoted message START  ================================================ */
  /* === Quoted message END  ================================================== */
}
#conversation-messages .message-group .message-body .message-body-inner {
  display: inline;
  word-break: break-word;
}
#conversation-messages .message-group .message-body .message-body-inner a {
  color: #1189df;
  word-break: break-all;
  margin: 0px 5px;
}
#conversation-messages .message-group .message-body .message-body-inner small.edited {
  font-size: 10px;
  opacity: 0.7;
}
#conversation-messages .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: #EDEDEF;
  padding: 0 3px;
  border-radius: 4px;
}
#conversation-messages .message-group .message-body .message-body-inner .mention.this-user:not(.mine) {
  color: #FEFEFF;
  background-color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
}
#conversation-messages .message-group .message-body .message-body-inner .hashtag {
  color: #1189df;
}
#conversation-messages .message-group .message-body .document-pdf {
  margin: 5px 5px 0 10px;
}
#conversation-messages .message-group .message-body .quoted-message-container {
  position: relative;
  display: flex;
  background: #DDDDDD;
  border-left: 5px solid #ff4e00;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin: 5px 0px;
  padding: 0 0 5px 10px;
  min-height: 64px;
}
#conversation-messages .message-group .message-body .quoted-message-container .left {
  position: relative;
  order: 0;
  flex-grow: 1;
}
#conversation-messages .message-group .message-body .quoted-message-container .left .author-name {
  color: #212121;
  display: inline;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  float: none !important;
  padding-right: 5px;
}
#conversation-messages .message-group .message-body .quoted-message-container .left .message-time {
  color: #999999;
  display: inline;
  font-size: 12px;
  line-height: 16px;
  padding: 0 10px 0 0;
  float: none !important;
}
#conversation-messages .message-group .message-body .quoted-message-container .left .quoted-message {
  color: #212121;
  font-size: 16px;
  display: block;
}
#conversation-messages .message-group .message-body .quoted-message-container .left .quoted-message .hashtag {
  color: #1189df;
}
#conversation-messages .message-group .message-body .quoted-message-container .left .quoted-message a {
  color: #1189df;
}
#conversation-messages .message-group .message-body .quoted-message-container .right {
  position: relative;
  order: 1;
  width: max-content;
  margin-left: 10px;
  justify-content: flex-end;
}
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media img {
  margin-left: 3px;
  margin-bottom: 3px;
}
#conversation-messages .message-group .message-body .quoted-message-container .right .quoted-media iframe {
  width: 64px;
  height: 46px;
}
#conversation-messages .message-group .message-media .document-pdf {
  margin: 5px 0 0 10px;
}
#conversation-messages .message-group .message-pic {
  position: relative;
  margin: 5px 0 0;
  line-height: 0;
  background-color: #ededed;
}
#conversation-messages .message-group .message-pic video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#conversation-messages .message-group .message-pic .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
  z-index: 2;
}
#conversation-messages .message-group .message-pic .iframe-container {
  width: 100%;
  max-width: 480px;
  margin-top: 7px;
}
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder {
  background: #151515;
  z-index: 3;
  width: 100%;
}
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  padding: 103px 0;
}
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__loading-message {
  font-size: 24px;
  color: #fefefe;
}
#conversation-messages .message-group .message-pic .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__spinner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(254, 254, 254, 0.25);
  border-bottom: 2px solid #fefefe;
  top: 50%;
  left: 88%;
  margin-left: -12px;
  margin-top: -12px;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
#conversation-messages .message-group .message-pic .message-img-wrapper,
#conversation-messages .message-group .message-pic .message-image-wrapper {
  background: #ededed;
  width: 100%;
  max-width: 480px;
  margin-top: 7px;
}
#conversation-messages .message-group .message-pic .message-img-wrapper img,
#conversation-messages .message-group .message-pic .message-image-wrapper img,
#conversation-messages .message-group .message-pic .message-img-wrapper video,
#conversation-messages .message-group .message-pic .message-image-wrapper video {
  width: 100% !important;
  height: auto !important;
}
#conversation-messages .message-group .message-pic .message-img-wrapper video,
#conversation-messages .message-group .message-pic .message-image-wrapper video {
  vertical-align: middle;
}
#conversation-messages .message-group .message-pic .message-img-wrapper iframe,
#conversation-messages .message-group .message-pic .message-image-wrapper iframe {
  width: 100%;
}
#conversation-messages .message-group .message-pic .message-img-wrapper .message-pic-prompt,
#conversation-messages .message-group .message-pic .message-image-wrapper .message-pic-prompt {
  display: block;
  height: 35px;
  width: 35px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fefefe;
  z-index: 2;
}
#conversation-messages .pic-container {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 7px;
  margin-left: 10px;
  text-align: center;
}
#conversation-messages .pic-container .author-profile-pic {
  width: 43px;
  height: 43px;
  background-color: #ededed;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#conversation-messages .pic-container .author-profile-pic .default-user-profile-pic {
  height: 100%;
  width: 100%;
  background-color: #ededed;
}
#conversation-messages .pic-container .author-profile-pic .default-user-profile-pic .material-icons {
  color: #999999;
  line-height: 40px;
}
#conversation-messages .pic-container .author-profile-pic .user-deactivated {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 11px;
  left: 10px;
}
#conversation-messages .pic-container .author-profile-pic .user-no-devices {
  width: 43px;
  height: 43px;
  position: absolute;
  top: 9px;
  left: 10px;
}
#conversation-messages .pic-container .author-profile-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 43px;
}
#conversation-messages .partition-leader {
  margin-top: 25px;
}
#conversation-messages .partition-leader:first-of-type {
  margin-top: 35px !important;
}
#conversation-messages .partition-leader:first-of-type .message-meta {
  line-height: 0 !important;
  padding-top: 0;
}
#conversation-messages .partition-leader:first-of-type .message-meta .author-role {
  line-height: 9px;
}
#conversation-messages .partition-leader:first-of-type .message-meta .author-location {
  line-height: 14px;
}
#conversation-messages iframe {
  border-width: 0;
}
#conversation-messages li.mine.is-editing .message-body {
  border: 1px solid #000000 !important;
}
#conversation-messages li.mine .user-chat-details {
  padding: 0;
}
#conversation-messages li.mine .message-meta {
  padding-right: 10px;
  color: #999999;
}
#conversation-messages li.mine .message-send-failed {
  padding: 5px 0;
  margin-left: 10px;
  font-size: 12px;
}
#conversation-messages li.mine .message-send-failed .failure-message {
  color: #d9534f;
  padding: 5px 0px;
}
#conversation-messages li.mine .message-send-failed .failure-message i.material-icons {
  font-size: 24px;
  color: #d9534f;
  margin-right: 5px;
  vertical-align: middle;
}
#conversation-messages li.mine .message-send-failed a {
  display: inline-block;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 10px;
}
#conversation-messages li.mine .message-send-failed a.retry {
  border-color: #52ba57;
  color: #52ba57;
}
#conversation-messages li.mine .message-send-failed a.edit {
  border-color: #5bc0de;
  color: #5bc0de;
}
#conversation-messages li.mine .message-send-failed a.discard {
  border-color: #d9534f;
  color: #d9534f;
}
#conversation-messages li.mine .message-group .message-body {
  text-align: left;
  color: #212122;
  background: #EDEDEE;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin-right: 10px;
}
#conversation-messages li.mine .message-group .message-body .message-body-inner .mention {
  color: #1189df;
  background-color: #EDEDF0;
  padding: 0 3px;
  border-radius: 4px;
}
#conversation-messages li.mine.failed .message-body {
  color: #bababa;
  background: #ededed;
}
#conversation-messages li.mine.failed .message-meta {
  visibility: hidden;
}
#conversation-messages li.mine.inflight .message-body {
  color: #bababa;
  background: #ededed;
}
#conversation-messages li.mine.inflight .message-meta {
  visibility: hidden;
}
.optional-message {
  font-size: 14px;
  color: #fefefe;
  background: #f0ad4e;
  padding: 10px;
  margin-bottom: 10px;
}
.optional-message span {
  display: block;
  float: left !important;
  margin-right: 10px;
  font-size: 35px;
  color: rgba(0, 0, 0, 0.25);
}
/* username completion - @mention somebody
  ========================================================================== */
#conversation-messages div.username-completion,
.message-form-footer div.username-completion {
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px -1px 3px rgba(153, 153, 153, 0.35);
  box-shadow: 0px -1px 3px rgba(153, 153, 153, 0.35);
  background: #f6f6f6 !important;
  background-color: #f6f6f6 !important;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 51px;
  left: 0;
  width: 100%;
  z-index: 99999;
  list-style: none;
}
#conversation-messages div.username-completion ul,
.message-form-footer div.username-completion ul {
  -webkit-box-shadow: 0px -1px 3px rgba(153, 153, 153, 0.35);
  box-shadow: 0px -1px 3px rgba(153, 153, 153, 0.35);
  background-color: #f6f6f6 !important;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  max-height: 130px;
  overflow-y: scroll;
}
#conversation-messages div.username-completion ul li.mention-item,
.message-form-footer div.username-completion ul li.mention-item {
  list-style: none;
  position: relative;
  padding: 10px;
  border-top: 1px solid #ededed;
  background-color: #f6f6f6 !important;
}
#conversation-messages div.username-completion ul li.mention-item:first-of-type,
.message-form-footer div.username-completion ul li.mention-item:first-of-type {
  border-top: none;
}
#conversation-messages div.username-completion ul li.mention-item .pic-container,
.message-form-footer div.username-completion ul li.mention-item .pic-container {
  height: 33px;
  width: 33px;
  position: absolute;
  bottom: 10px;
  margin-left: 0;
  text-align: center;
}
#conversation-messages div.username-completion ul li.mention-item .pic-container .profile-pic,
.message-form-footer div.username-completion ul li.mention-item .pic-container .profile-pic {
  height: 33px;
  width: 33px;
  background-color: #ededed;
  border-radius: 4px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#conversation-messages div.username-completion ul li.mention-item .pic-container .profile-pic > img,
.message-form-footer div.username-completion ul li.mention-item .pic-container .profile-pic > img {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: -100px;
  bottom: -100px;
  left: -100px;
  right: -100px;
  margin: auto;
  z-index: 1;
  min-height: 33px;
}
#conversation-messages div.username-completion ul li.mention-item .name,
.message-form-footer div.username-completion ul li.mention-item .name {
  margin-left: 43px;
  font-size: 12px;
  display: block;
}
#conversation-messages div.username-completion ul li.mention-item .no-username,
.message-form-footer div.username-completion ul li.mention-item .no-username {
  margin-left: 43px;
  font-size: 10px;
  color: #1189df;
  display: block;
}
#conversation-messages div.username-completion ul li.mention-item .no-username:before,
.message-form-footer div.username-completion ul li.mention-item .no-username:before {
  content: ' ';
  padding-right: 1px;
}
#conversation-messages div.username-completion ul li.mention-item .username,
.message-form-footer div.username-completion ul li.mention-item .username {
  margin-left: 43px;
  font-size: 10px;
  color: #1189df;
  display: block;
}
#conversation-messages div.username-completion ul li.mention-item .username:before,
.message-form-footer div.username-completion ul li.mention-item .username:before {
  content: '@';
  padding-right: 1px;
}
#edit-topic-view div.username-completion {
  bottom: 0;
}
#conversation-addressees .fancy-header {
  padding: 0 10px;
  margin: 0;
  background: #ededed;
}
#conversation-addressees .text-muted {
  margin: 10px 10px 0;
  padding: 0 0 10px;
  color: #212121;
  font-weight: 300;
  border-bottom: 1px solid #ededed;
}
#edit-conversation-form li.list-group-item .ss-lock,
#conversation-detail-view li.list-group-item .ss-lock {
  color: #f0ad4e;
  font-size: 12px;
  margin-right: 3px;
}
#edit-conversation-form li.list-group-item .item-button:before,
#conversation-detail-view li.list-group-item .item-button:before,
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  clear: both;
}
#edit-conversation-form li.list-group-item .item-button:before,
#conversation-detail-view li.list-group-item .item-button:before,
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  clear: both;
}
#edit-conversation-form li.list-group-item .item-button:before,
#conversation-detail-view li.list-group-item .item-button:before,
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  content: " ";
  display: table;
}
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  clear: both;
}
#edit-conversation-form li.list-group-item .item-button:before,
#conversation-detail-view li.list-group-item .item-button:before,
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#edit-conversation-form li.list-group-item .item-button:after,
#conversation-detail-view li.list-group-item .item-button:after {
  clear: both;
}
#edit-conversation-form li.list-group-item .item-button .title,
#conversation-detail-view li.list-group-item .item-button .title {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  float: left !important;
}
#edit-conversation-form li.list-group-item .item-button .value,
#conversation-detail-view li.list-group-item .item-button .value {
  float: right !important;
  padding-top: 3px;
}
#edit-conversation-form li.list-group-item .item-button .value .btn,
#conversation-detail-view li.list-group-item .item-button .value .btn {
  display: inline-block;
  padding: 0px;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
#edit-conversation-form li.list-group-item .item-button .value .btn.report-offensive,
#conversation-detail-view li.list-group-item .item-button .value .btn.report-offensive {
  background: #d9534f;
}
#edit-conversation-form li.list-group-item .item-button .value .btn [class^="ss-"],
#conversation-detail-view li.list-group-item .item-button .value .btn [class^="ss-"] {
  padding: 6px 6px 6px 10px;
  line-height: 2.5em;
  color: #fefefe;
}
#edit-conversation-form li.list-group-item .item-button .value .btn .button-text,
#conversation-detail-view li.list-group-item .item-button .value .btn .button-text {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px 10px;
  line-height: 2.3em;
}
#edit-conversation-form li.list-group-item .item-button .value .btn:active,
#conversation-detail-view li.list-group-item .item-button .value .btn:active,
#edit-conversation-form li.list-group-item .item-button .value .btn:hover,
#conversation-detail-view li.list-group-item .item-button .value .btn:hover,
#edit-conversation-form li.list-group-item .item-button .value .btn:focus,
#conversation-detail-view li.list-group-item .item-button .value .btn:focus {
  border-color: #00BFD7;
}
#edit-conversation-form li.list-group-item.toggle .item-checkbox-label,
#conversation-detail-view li.list-group-item.toggle .item-checkbox-label {
  padding: 0;
}
#edit-conversation-form li.list-group-item.toggle .item-checkbox-label .conversation-status-icon,
#conversation-detail-view li.list-group-item.toggle .item-checkbox-label .conversation-status-icon {
  vertical-align: -6px;
  padding-right: 10px;
  color: #999999;
}
#edit-conversation-form li.list-group-item.toggle .item-checkbox-label .label,
#conversation-detail-view li.list-group-item.toggle .item-checkbox-label .label {
  padding: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-conversation-form li.list-group-item.toggle .item-checkbox-label .checkbox,
#conversation-detail-view li.list-group-item.toggle .item-checkbox-label .checkbox {
  margin: 0;
  padding-left: 0;
}
#edit-conversation-form li.list-group-item.type-group.type-intersection .member-count,
#conversation-detail-view li.list-group-item.type-group.type-intersection .member-count,
#edit-conversation-form li.list-group-item.type-group.type-intersection .type-group:last-of-type,
#conversation-detail-view li.list-group-item.type-group.type-intersection .type-group:last-of-type {
  line-height: 28px;
}
#edit-conversation-form .information,
#conversation-detail-view .information {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  color: #fefefe;
  background: #00BFD7;
  padding: 10px !important;
  margin: 0 !important;
  border: none;
  border-radius: 0;
  font-size: 12px;
}
#edit-conversation-form .list-group-item__label,
#conversation-detail-view .list-group-item__label {
  position: absolute;
  bottom: 8px;
  left: 0;
  padding: 1px 3px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  color: #fefefe;
  background-color: #606060;
  border-radius: 4px;
  z-index: 2;
}
#edit-conversation-form .list-group-item__label--owner,
#conversation-detail-view .list-group-item__label--owner {
  color: #fefefe;
  background-color: #ff4e00;
}
#edit-conversation-form .list-group-item__label--disabled,
#conversation-detail-view .list-group-item__label--disabled {
  color: #fefefe;
  background-color: #d9534f;
}
#edit-conversation-form .type-group .list-group-item__label,
#conversation-detail-view .type-group .list-group-item__label {
  bottom: 0px;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills {
  display: flex;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .back {
  position: relative;
  flex: 0 0 auto;
  width: auto;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .messages-header-nav__back-button {
  padding: 0;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .messages-header-nav__back-button i.ss-navigateleft {
  display: block;
  height: 100%;
  margin: 0;
  padding: 11px 15px 10px 15px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 90;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .messages-header-nav__back-button .badge {
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 80;
  padding: 3px 6px;
  font-size: 10px;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title {
  flex: 1 1 auto;
  padding: 0;
  min-width: 50%;
  text-align: left;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__conversation-name {
  display: block;
  padding-top: 4px;
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__conversation-name .private-conversation-name__username {
  display: inline-block;
  padding-left: 10px;
  color: #33CCDF;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__tiny-pic {
  width: 24px;
  height: 24px;
  margin-top: -1px;
  border-radius: 4px;
  vertical-align: text-top;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__tiny-pic--emojicon {
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
  vertical-align: middle;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__tiny-pic,
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .title .messages-header-nav__tiny-pic--emojicon {
  margin-right: 8px;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control {
  position: relative;
  flex: 1 1 auto;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control .messages-header-nav__contextual-controls {
  display: flex;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control .messages-header-nav__contextual-controls > a {
  position: relative;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control .messages-header-nav__contextual-controls .badge {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: unset;
  font-size: 10px;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control .messages-header-nav__contextual-controls .badge.badge-without-count {
  content: '';
  display: inline-block;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  padding: 0px;
  border-radius: 50%;
}
#page.slide-nav-page header .messages-header-nav .top-nav-header .nav-pills .contextual-user-control .messages-header-nav__contextual-control--notif-prefs--muted {
  color: #d8d8d8;
}
.messages-header__poll-enticement {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 10px 10px 5px 10px;
  font-size: 14px;
  background: #5bc0de;
  color: #fefefe;
}
.messages-header__poll-enticement--success {
  background: #52ba57;
}
.messages-header__poll-enticement--failed {
  background: #f0ad4e;
}
.messages-header__poll-enticement .poll-enticement__icon {
  display: block;
  flex: 0 0 auto;
  position: relative;
  width: 44px;
}
.messages-header__poll-enticement .poll-enticement__icon .poll-enticement__icon__poll {
  display: block;
  font-size: 28px;
}
.messages-header__poll-enticement .poll-enticement__icon .poll-enticement__icon__question {
  display: block;
  position: absolute;
  top: -2px;
  right: 8px;
  font-size: 18px;
  text-shadow: 0px 3px rgba(0, 0, 0, 0.25);
}
.messages-header__poll-enticement .poll-enticement__notice {
  flex: 0 1 auto;
  padding: 3px 5px 0px 4px;
}
.messages-header__poll-enticement .poll-enticement__notice .poll-enticement__notice__user-vote {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.messages-header__poll-enticement .poll-enticement__notice .poll-enticement__notice__user-vote .user-vote__option-name {
  display: inline-block;
  max-width: 14em;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
.messages-header__poll-enticement .poll-enticement__view-poll-link {
  display: flex;
  flex: 1 1 6em;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  line-height: 12px;
  text-align: right;
}
.messages-header__poll-enticement .poll-enticement__view-poll-link span {
  display: inline-block;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1.5px;
}
.messages-header__poll-enticement .poll-enticement__view-poll-link i.ss-navigateright {
  display: inline-block;
  padding-top: 6px;
}
.offline-winlist-placeholer {
  diplay: flex;
  position: absolute;
}
.offline-winlist-placeholder__header,
.offline-winlist-placeholder__message {
  padding: 2rem;
  color: #999999;
}
.offline-winlist-placeholder__header {
  font-size: 3rem;
}
.offline-winlist-placeholder__message {
  color: #606060;
  font-size: larger;
}
/* Mixins
   ========================================================================== */
.circle-bg {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #FF4E00;
}
.message-form-footer {
  overflow: hidden;
  background: transparent;
}
.message-form-footer .list-group-item.information {
  padding-bottom: 15px !important;
}
.message-form-footer .uploaded-thumb-preview {
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.message-form-footer .uploaded-thumb-preview.pdf {
  padding-top: 7px;
  padding-left: 14px;
}
.message-form-footer .uploaded-thumb-preview.video {
  padding-top: 11px;
  padding-left: 13px;
}
.message-form-footer .uploaded-thumb-preview .button-remove-image {
  position: absolute;
  top: 4px;
  right: 2px;
  border-radius: 50%;
  background-color: #fefefe;
  color: #CD0000;
}
.message-form-footer .uploaded-thumb-preview .button-remove-image i.material-icons {
  font-size: 18px;
}
.message-form-footer.is-editing .input-group {
  width: 100%;
  transition: all 300ms ease-out;
  border-top: 1px solid #ededed;
}
.message-form-footer.is-editing .input-group .input-group-image,
.message-form-footer.is-editing .input-group a.input-group-btn {
  display: none;
}
.message-form-footer.is-editing .input-group .message-form {
  min-height: 7.5em;
  margin-top: 0;
}
.message-form-footer.is-editing {
  transition: all 300ms ease-out;
  border-top: 1px solid #e7e7e7;
}
.message-form-footer.is-editing .input-group {
  border-top: 0;
}
.message-form-footer.is-editing:before,
.message-form-footer.is-editing:after {
  content: " ";
  display: table;
}
.message-form-footer.is-editing:after {
  clear: both;
}
.message-form-footer.is-editing:before,
.message-form-footer.is-editing:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.message-form-footer.is-editing:after {
  clear: both;
}
.message-form-footer.is-editing:before,
.message-form-footer.is-editing:after {
  content: " ";
  display: table;
}
.message-form-footer.is-editing:after {
  clear: both;
}
.message-form-footer.is-editing:before,
.message-form-footer.is-editing:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.message-form-footer.is-editing:after {
  clear: both;
}
.message-form-footer.is-editing .btn-cancel {
  z-index: 2;
  font-size: 12px;
  border: none;
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 10px 0 10px 10px;
  text-align: left;
}
.message-form-footer.is-editing .is-edit-title {
  text-align: center;
  font-size: 12px;
  color: #212121;
  width: 100%;
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.message-form-footer.is-editing .is-edit-title .label {
  padding-right: 3px;
  letter-spacing: 0.3px;
  vertical-align: super;
}
.message-form-footer.is-editing .is-edit-title i.material-icons {
  color: #212121;
  margin-top: 5px;
}
.message-form-footer.is-editing .btn-save {
  float: right !important;
  z-index: 2;
  font-size: 12px;
  border: none;
  position: relative;
  margin: 5px 10px 0 0;
  background: #ff4e00;
  color: #fefefe;
}
.message-form-footer.is-editing .scroll-wrapper {
  padding-bottom: 1px;
  border-bottom: 1px solid #e7e7e7;
}
.message-form-footer .activity {
  background: transparent;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.message-form-footer .activity .activity-inner {
  font-size: 10px;
  color: #999999;
  background: transparent;
  margin: 0 auto;
  margin-top: 1px;
  margin-left: 60px;
  position: absolute;
  width: 250px;
}
.message-form-footer .input-group {
  background: #f6f6f6;
  border-top: 1px solid #e7e7e7;
  position: relative;
  width: 100%;
}
.message-form-footer .input-group .message-form {
  overflow: hidden;
  padding: 0 5px 0 0;
  margin-top: 10px;
  min-height: 41px;
}
.message-form-footer .input-group .message-form .form-control {
  color: #212121;
  border-radius: 4px;
  background: transparent;
}
.message-form-footer .input-group .message-form .form-control::-webkit-input-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:-moz-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control::-moz-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:-ms-input-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:focus {
  background: transparent;
  color: #212121;
}
.message-form-footer .input-group .message-form .form-control:focus::-webkit-input-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:focus:-moz-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:focus::-moz-placeholder {
  color: #999999;
}
.message-form-footer .input-group .message-form .form-control:focus:-ms-input-placeholder {
  color: #999999;
}
.message-form-footer .input-group .input-group-image {
  vertical-align: bottom;
}
.message-form-footer .input-group .input-group-image .fileinput-container {
  width: 50px;
  height: 50px;
  padding: 10px 10px 4px;
  position: static;
  display: inline-block;
  overflow: hidden;
}
.message-form-footer .input-group .input-group-image .fileinput-container,
.message-form-footer .input-group .input-group-image .fileinput-container * {
  cursor: pointer;
  text-align: center;
}
.message-form-footer .input-group .input-group-image .fileinput-container input {
  display: none;
}
.message-form-footer .input-group .input-group-image .fileinput-container.without-menu input {
  display: initial;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 200px;
}
.message-form-footer .input-group .input-group-image .fileinput-button {
  position: absolute;
  bottom: 7px;
  left: 10px;
  height: 36px !important;
  width: 36px !important;
  width: 24px;
  height: 24px;
}
.message-form-footer .input-group .input-group-image .fileinput-button i:before {
  font-size: 24px;
  line-height: 36px;
  color: #ff4e00;
}
.message-form-footer .input-group .input-group-image .fileinput-button .material-icons {
  line-height: 34px;
  color: #fefefe;
  box-shadow: 0px 1px 1px #999999;
  -webkit-box-shadow: 0px 1px 1px #999999;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #FF4E00;
}
.message-form-footer .input-group .input-group-image .fileinput-img {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
  text-align: center;
}
.message-form-footer .input-group .input-group-image .fileinput-img img {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 4px;
}
.message-form-footer .input-group .input-group-image .fileinput-img a {
  display: block;
  height: 100%;
  width: 100%;
}
.message-form-footer .input-group .input-group-image .fileinput-img a img {
  border-radius: 14px;
}
.message-form-footer .input-group .input-group-image .fileinput-img a .spinner {
  top: 25px;
  left: 30px;
}
.message-form-footer .input-group a.input-group-btn {
  padding: 0;
  position: relative;
  vertical-align: bottom;
  right: 0;
  margin-right: 0;
  transition-delay: 200ms;
  transition: all 300ms ease-out;
  font-size: 14px;
  z-index: 1;
}
.message-form-footer .input-group a.input-group-btn .ss-junior {
  color: #fefefe;
  background-color: #ff4e00;
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  padding: 0;
  margin: 8px 10px 7px 5px;
  text-align: center;
  -webkit-box-shadow: 0px 1px 1px #999999;
  box-shadow: 0px 1px 1px #999999;
}
.message-form-footer .input-group a.input-group-btn .ss-junior b {
  display: none;
}
.message-form-footer .input-group a.input-group-btn .ss-junior:before {
  line-height: 37px;
  margin-left: -3px;
}
.message-form-footer .input-group a.input-group-btn .ss-junior:hover {
  color: #fefefe;
}
.message-form-footer .input-group a.input-group-btn.disabled,
.message-form-footer .input-group a.input-group-btn.disabled *,
.message-form-footer .input-group a.input-group-btn[disabled],
.message-form-footer .input-group a.input-group-btn[disabled] * {
  cursor: not-allowed;
  right: -55px;
  margin-right: -55px;
  transition-delay: 200ms;
  transition: all 300ms ease-in;
}
.message-form-footer .input-group a.input-group-btn-text {
  padding: 0;
  position: relative;
  vertical-align: bottom;
  padding-bottom: 17px;
  transition-delay: 200ms;
  transition: all 300ms ease-out;
  z-index: 1;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  display: table-cell;
}
.message-form-footer .input-group a.input-group-btn-text.disabled,
.message-form-footer .input-group a.input-group-btn-text.disabled *,
.message-form-footer .input-group a.input-group-btn-text[disabled],
.message-form-footer .input-group a.input-group-btn-text[disabled] * {
  cursor: not-allowed;
  right: -55px;
  margin-right: -55px;
  transition-delay: 200ms;
  transition: all 300ms ease-in;
}
.message-form-footer div.icon {
  width: 30px;
  float: left !important;
  margin: 10px 14px 0 7px;
}
.message-form-footer div.message {
  line-height: 1.4;
  margin-top: 5px;
}
#poll-conversation,
.title-panel {
  border-radius: 0;
}
#poll-conversation .panel-body,
.title-panel .panel-body {
  padding: 20px 10px;
  background: #f6f6f6;
}
#poll-conversation .panel,
.title-panel .panel {
  border-radius: 0;
}
#poll-conversation .panel p,
.title-panel .panel p {
  padding: 10px 0;
  margin: 0;
  background: #f6f6f6;
  font-size: 14px;
}
#poll-conversation .panel div .poll-options,
.title-panel .panel div .poll-options {
  border-radius: 0;
  padding: 0;
  background: #f6f6f6;
  /*max-height: 146px;
      overflow-y: scroll;*/
}
#poll-conversation .panel div .poll-options .list-group-item,
.title-panel .panel div .poll-options .list-group-item {
  margin: 0 0 1px;
  padding: 0;
  border-bottom: none;
}
#poll-conversation .panel div .poll-options .list-group-item:before,
.title-panel .panel div .poll-options .list-group-item:before,
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  content: " ";
  display: table;
}
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  clear: both;
}
#poll-conversation .panel div .poll-options .list-group-item:before,
.title-panel .panel div .poll-options .list-group-item:before,
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  clear: both;
}
#poll-conversation .panel div .poll-options .list-group-item:before,
.title-panel .panel div .poll-options .list-group-item:before,
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  content: " ";
  display: table;
}
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  clear: both;
}
#poll-conversation .panel div .poll-options .list-group-item:before,
.title-panel .panel div .poll-options .list-group-item:before,
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#poll-conversation .panel div .poll-options .list-group-item:after,
.title-panel .panel div .poll-options .list-group-item:after {
  clear: both;
}
#poll-conversation .panel div .poll-options .list-group-item a,
.title-panel .panel div .poll-options .list-group-item a {
  padding: 10px;
  font-size: 14px;
  color: #212121;
  background: #fefefe;
}
#poll-conversation .panel div .poll-options .list-group-item a .vote,
.title-panel .panel div .poll-options .list-group-item a .vote {
  display: none;
}
#poll-conversation .panel div .poll-options .list-group-item a.poll-option-picture,
.title-panel .panel div .poll-options .list-group-item a.poll-option-picture {
  padding: 0;
  background: transparent;
  float: left;
}
#poll-conversation .panel div .poll-options .list-group-item a.poll-option-picture img,
.title-panel .panel div .poll-options .list-group-item a.poll-option-picture img {
  height: 41px;
  width: 41px;
}
#poll-conversation .panel div .poll-options .list-group-item:last-of-type,
.title-panel .panel div .poll-options .list-group-item:last-of-type {
  margin-bottom: 0;
}
#poll-conversation .panel div .poll-options .list-group-item.active a,
.title-panel .panel div .poll-options .list-group-item.active a {
  color: #fefefe;
  background: #00BFD7;
}
#poll-conversation .panel div .poll-options .list-group-item.active a .vote,
.title-panel .panel div .poll-options .list-group-item.active a .vote {
  display: none;
}
#poll-conversation .panel .poll-results,
.title-panel .panel .poll-results {
  /*max-height: 146px;
      overflow-y: scroll;*/
  background: #f6f6f6;
}
#poll-conversation .panel .poll-results .poll-result-group,
.title-panel .panel .poll-results .poll-result-group {
  background: transparent;
  border-bottom: none;
  position: relative;
  margin-bottom: 1px;
}
#poll-conversation .panel .poll-results .poll-result-group:before,
.title-panel .panel .poll-results .poll-result-group:before,
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  content: " ";
  display: table;
}
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  clear: both;
}
#poll-conversation .panel .poll-results .poll-result-group:before,
.title-panel .panel .poll-results .poll-result-group:before,
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  clear: both;
}
#poll-conversation .panel .poll-results .poll-result-group:before,
.title-panel .panel .poll-results .poll-result-group:before,
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  content: " ";
  display: table;
}
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  clear: both;
}
#poll-conversation .panel .poll-results .poll-result-group:before,
.title-panel .panel .poll-results .poll-result-group:before,
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#poll-conversation .panel .poll-results .poll-result-group:after,
.title-panel .panel .poll-results .poll-result-group:after {
  clear: both;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-picture,
.title-panel .panel .poll-results .poll-result-group .poll-result-picture {
  padding: 0;
  background: transparent;
  float: left;
  position: relative;
  z-index: 3;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-picture img,
.title-panel .panel .poll-results .poll-result-group .poll-result-picture img {
  height: 41px;
  width: 41px;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name {
  position: relative;
  z-index: 2;
  font-size: 14px;
  padding: 10px;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name.winning,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name.winning {
  color: #fefefe !important;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name .option-result-count,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name .option-result-count {
  text-align: right;
  display: inline-block;
  width: 45px;
  font-weight: 600;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name .option-result-count:after,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .poll-result-group-name .option-result-count:after {
  content: '%';
  padding-right: 5px;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .option-description,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .option-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid #ededed;
  background: #fefefe;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .option-description .option-description-inner,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .option-description .option-description-inner {
  height: 100%;
  display: block;
  background: #e0e0e0;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar .option-description .option-description-inner.winning,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar .option-description .option-description-inner.winning {
  background: #00BFD7 !important;
}
#poll-conversation .panel .poll-results .poll-result-group .poll-result-bar:last-of-type,
.title-panel .panel .poll-results .poll-result-group .poll-result-bar:last-of-type {
  border-bottom: none;
}
#poll-conversation .panel .poll-author,
.title-panel .panel .poll-author {
  display: flex;
  padding: 5px 10px 10px 10px;
}
#poll-conversation .panel .poll-author .pic-container,
.title-panel .panel .poll-author .pic-container {
  flex: 0 0 48px;
  float: none;
  margin-top: 5px;
  margin-left: 0;
}
#poll-conversation .panel .poll-author .pic-container,
.title-panel .panel .poll-author .pic-container,
#poll-conversation .panel .poll-author .pic-container .profile-pic,
.title-panel .panel .poll-author .pic-container .profile-pic {
  width: 48px;
  height: 48px;
}
#poll-conversation .panel .poll-author .pic-container > a,
.title-panel .panel .poll-author .pic-container > a {
  display: block;
  width: 100%;
  height: 100%;
}
#poll-conversation .panel .poll-author .profile-pic > img,
.title-panel .panel .poll-author .profile-pic > img {
  display: block;
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  min-height: unset;
}
#poll-conversation .panel .poll-author .message-meta,
.title-panel .panel .poll-author .message-meta {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  line-height: 1.2;
}
#poll-conversation .panel .poll-author .message-meta .author-name,
.title-panel .panel .poll-author .message-meta .author-name {
  font-size: 14px;
  line-height: 1.5;
}
#poll-conversation .panel .poll-author .message-meta .author-role,
.title-panel .panel .poll-author .message-meta .author-role,
#poll-conversation .panel .poll-author .message-meta .author-location,
.title-panel .panel .poll-author .message-meta .author-location {
  color: #999999;
  font-size: 12px;
}
#poll-conversation .panel .poll-question,
.title-panel .panel .poll-question {
  display: flex;
  position: relative;
  margin: 12px 8px 25px 10px;
  padding: 20px 10px 10px 10px;
  font-size: 16px;
  background: #ededed;
  border-radius: 10px;
}
#poll-conversation .panel .poll-question .poll-question__ask,
.title-panel .panel .poll-question .poll-question__ask {
  position: absolute;
  top: -10px;
  left: -6px;
  padding: 0px 5px 2px 5px;
  font-size: 18px;
  line-height: 1;
  font-variant: all-small-caps;
  text-transform: capitalize;
  background: #5bc0de;
  color: #fefefe;
  border: 2px solid #fefefe;
  border-radius: 7px;
}
#poll-conversation .panel .poll-question .poll-question__title,
.title-panel .panel .poll-question .poll-question__title {
  flex: 1 1 auto;
}
#poll-conversation .panel .poll-question .poll-question__title textarea,
.title-panel .panel .poll-question .poll-question__title textarea {
  resize: vertical;
}
#poll-conversation .panel .poll-question .pic-container,
.title-panel .panel .poll-question .pic-container,
#poll-conversation .panel .poll-question .pic-container .conversation-pic,
.title-panel .panel .poll-question .pic-container .conversation-pic,
#poll-conversation .panel .poll-question .pic-container .conversation-pic a,
.title-panel .panel .poll-question .pic-container .conversation-pic a,
#poll-conversation .panel .poll-question .pic-container .conversation-pic .fileinput-button,
.title-panel .panel .poll-question .pic-container .conversation-pic .fileinput-button,
#poll-conversation .panel .poll-question .pic-container .conversation-pic .fileinput-container,
.title-panel .panel .poll-question .pic-container .conversation-pic .fileinput-container,
#poll-conversation .panel .poll-question .pic-container .conversation-pic .fileinput-img,
.title-panel .panel .poll-question .pic-container .conversation-pic .fileinput-img {
  width: 90px;
  height: 90px;
}
#poll-conversation .panel .poll-question .pic-container,
.title-panel .panel .poll-question .pic-container {
  flex: 0 0 90px;
  margin: 0px;
}
#poll-conversation .panel .poll-question .pic-container i.material-icons,
.title-panel .panel .poll-question .pic-container i.material-icons {
  color: #fefefe;
  line-height: 90px;
}
#poll-conversation .panel .poll-question .pic-container__empty,
.title-panel .panel .poll-question .pic-container__empty,
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic,
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic a,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic a,
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic .fileinput-button,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic .fileinput-button,
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic .fileinput-container,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic .fileinput-container,
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic .fileinput-img,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic .fileinput-img {
  width: 60px;
  height: 60px;
}
#poll-conversation .panel .poll-question .pic-container__empty .conversation-pic,
.title-panel .panel .poll-question .pic-container__empty .conversation-pic {
  display: block;
  margin: 15px auto;
  border-radius: 50%;
}
#poll-conversation .panel .poll-question .pic-container__empty i.material-icons,
.title-panel .panel .poll-question .pic-container__empty i.material-icons {
  line-height: 60px;
}
#poll-conversation .panel .panel-footer,
.title-panel .panel .panel-footer {
  border-bottom: 1px solid #d2d2d2;
  border-top: none;
  border-radius: 0;
}
#poll-conversation .panel .panel-footer a,
.title-panel .panel .panel-footer a {
  font-size: 12px;
}
#poll-conversation .panel .panel-footer .total-votes,
.title-panel .panel .panel-footer .total-votes {
  font-size: 12px;
  padding-top: 4px;
  color: #212121;
}
.poll__conversation-link {
  margin-top: 40px;
}
.poll__conversation-link button {
  position: relative;
  display: block;
  margin: 0px auto;
  background: #5bc0de;
  color: #fefefe;
  border: none;
}
.poll__conversation-link button i {
  vertical-align: text-bottom;
}
.poll__conversation-link button .label {
  line-height: 2.5;
}
.poll__conversation-link button .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.poll-editor-notice {
  display: flex;
  margin: 10px 20px 20px 20px;
  padding: 20px;
  background: #fce196;
  background: linear-gradient(0deg, #fce196 0%, #feebba 35%, rgba(250, 232, 156, 0.75) 100%);
  color: #606060;
  border-radius: 10px;
  font-size: 14px;
}
.poll-editor-notice .poll-editor-notice__text,
.poll-editor-notice .poll-editor-notice__text p {
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.poll-editor-notice .poll-editor-notice__icon {
  display: block;
  flex: 0 0 auto;
  height: 100%;
  margin-right: 15px;
  font-size: 28px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option {
  display: flex;
  padding: 10px 0px 10px 5px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option del {
  display: flex;
  width: 100%;
  text-decoration: none;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option del .poll-option__description .form-control,
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option del .poll-option__vote-count {
  text-decoration: line-through;
  text-decoration-style: wavy;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(216, 82, 78, 0.75);
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option del .poll-option__description {
  position: relative;
  display: inline-block;
  padding-top: 0px;
  color: #999999;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option del .poll-option__description .form-control {
  text-decoration-thickness: 2px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  margin: 0px 5px;
  border-radius: 4px;
  background-color: #ededed;
  text-align: center;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .pic-container {
  margin: 0px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image i.material-icons {
  color: #fefefe;
  font-size: 36px;
  line-height: 64px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-container,
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-button,
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-img,
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-img a img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ff4e00;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__image .fileinput-button input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .input-container {
  border-bottom: 1px solid #e7e7e7;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .input-container input,
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .input-container .form-control {
  height: 22px;
  font-size: 16px;
  line-height: 22px;
  background: transparent;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .input-container span.form-control {
  display: inline;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .poll-option__vote-count {
  display: block;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 12px;
  color: #999999;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__description .poll-option__vote-count .poll-option__vote-count__label {
  padding-left: 0.5em;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__action {
  display: block;
  flex: 0 0 64px;
  text-align: center;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__action i.material-icons {
  height: 24px;
  margin-top: 33%;
  margin-left: 5px;
}
#edit-poll-conversation-view #edit-poll-conversation-form .poll-options .poll-option .poll-option__action--restore i.material-icons {
  height: auto;
  padding: 3px;
  background: #52ba57;
  color: #fefefe;
  border-radius: 23px;
  font-size: 17px;
  line-height: 1;
}
#edit-poll-conversation-view .poll-option-input {
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
}
#edit-poll-conversation-view .poll-option-input input {
  flex: 0 1 auto;
}
#edit-poll-conversation-view .poll-option-input button {
  flex: 1 0 auto;
  margin: 5px;
  background: #ff4e00;
  color: #fefefe;
  border: none;
  border-radius: 4px;
}
#edit-poll-conversation-view .poll-option-input button.disabled {
  background: #ededed;
  color: #999999;
}
#edit-conversation-form .poll-deadline-option .options-group .private-button {
  border-bottom: none;
}
.poll-deadline .poll-deadline__parameters {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 10px;
}
.poll-deadline .poll-deadline__date,
.poll-deadline .poll-deadline__time {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
}
.poll-deadline .poll-deadline__date label,
.poll-deadline .poll-deadline__time label {
  color: #606060;
  line-height: 1.25;
}
.poll-deadline .poll-deadline__date input,
.poll-deadline .poll-deadline__time input {
  line-height: 1.5;
}
.poll-deadline .poll-deadline__date {
  margin: 0 20px 20px 0px;
}
.poll-deadline .poll-editor-notice--empty-value {
  color: #fefefe;
  background: #e96969;
  background: linear-gradient(0deg, #e96969 0%, #f86f6f 35%, rgba(250, 133, 133, 0.75) 100%);
}
#attention {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 10px;
  width: 100%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: none;
}
#attention * {
  will-change: transform;
}
#attention .pill {
  background-color: #fefefe;
  border-radius: 2em;
  border: 1px solid #e7e7e7;
  box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.5);
}
#attention .animate-enter,
#attention .animate-leave {
  transition: opacity 150ms, transform 150ms;
}
#attention .animate-enter,
#attention .animate-leave.animate-leave-active {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
}
#attention .animate-leave,
#attention .animate-enter.animate-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#attention #offline-banner {
  font-size: 12px !important;
  color: #212121;
  gap: 8px;
  padding: 4px 8px 4px 4px;
  display: flex;
}
#attention #offline-banner .spinner-offline {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(153, 153, 153, 0.3);
  border-radius: 50%;
  border-top-color: #212121;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.form-notifications-details {
  padding-top: 0;
}
.form-notifications-details h3 {
  margin: 0;
  padding: 0 10px;
  background-color: #ededed;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.form-notifications-details .form-group {
  margin-left: -15px;
  margin-right: -15px;
  margin: 10px 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.form-notifications-details .form-group:last-of-type {
  border-bottom: none;
}
.form-notifications-details .form-group label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.form-notifications-details .form-group label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
  line-height: 1.5;
}
.form-notifications-details .form-group > div {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 10px;
  padding-right: 0;
  line-height: 34px;
}
.form-notifications-details .form-group > div .form-control {
  background: transparent;
  padding: 7px 0 5px;
}
.form-notifications-details .form-group > div .checkbox {
  float: right !important;
  margin: 0;
  padding: 0;
}
.form-notifications-details .form-group > div .checkbox label {
  padding: 0;
}
.form-notifications-details .form-group.snooze-details .item-snooze-label {
  float: right !important;
}
.form-notifications-details .form-group.snooze-details label {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0 !important;
}
.form-notifications-details .form-group.snooze-details > div {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0 !important;
}
.form-notifications-details .form-group.snooze-details .snooze .input-group span {
  display: table-cell;
}
.form-notifications-details .form-group.snooze-details .snooze .input-group .btn-number {
  color: #00BFD7;
  border-color: #ededed;
  background: #ededed !important;
}
.form-notifications-details .form-group.snooze-details .snooze .input-group .btn-number:active,
.form-notifications-details .form-group.snooze-details .snooze .input-group .btn-number:hover {
  color: #00BFD7;
  border-color: #ededed;
  background: #ededed !important;
}
.form-notifications-details .form-group.snooze-details .snooze .input-container {
  display: table-cell;
}
.form-notifications-details .form-group.snooze-details .snooze .input-container input {
  padding: 0 5px;
  line-height: 31px;
  width: 100%;
  text-align: center;
  border: none !important;
  background: #fefefe;
}
.form-notifications-details div.snooze-controls {
  text-align: center;
  font-size: smaller;
}
.form-notifications-details button.btn {
  border: 1px solid #d8d8d8;
}
.form-notifications-details .form-group label.notifier {
  line-height: 1.5em !important;
}
.sos {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  z-index: 100;
  background-color: #ff4e00;
  border-radius: 5px;
  opacity: 0.75;
  animation: flashing;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
@keyframes flashing {
  /* S Morse Code */
  3% {
    backgroundc-color: #ff4e00;
  }
  6% {
    background-color: white;
  }
  9% {
    background-color: #ff4e00;
  }
  12% {
    background-color: white;
  }
  15% {
    background-color: #ff4e00;
  }
  18% {
    background-color: white;
  }
  /* S Morse Code */
  28% {
    background-color: #ff4e00;
  }
  38% {
    background-color: white;
  }
  48% {
    background-color: #ff4e00;
  }
  58% {
    background-color: white;
  }
  68% {
    background-color: #ff4e00;
  }
  78% {
    background-color: white;
  }
  /* S Morse Code */
  81% {
    background-color: #ff4e00;
  }
  84% {
    background-color: white;
  }
  87% {
    background-color: #ff4e00;
  }
  90% {
    background-color: white;
  }
  93% {
    background-color: #ff4e00;
  }
  96% {
    background-color: white;
  }
}
li.list-group-item.information {
  color: #fefefe;
  background: #00BFD7;
  border: none;
  padding: 10px !important;
  margin: 0;
  border-radius: 0;
  font-size: 12px;
}
li.list-group-item.information .ss-info {
  line-height: 1em !important;
  font-size: 14px !important;
  color: #fefefe;
  padding-right: 5px;
  vertical-align: middle;
}
li.list-group-item.information .ss-sleep {
  line-height: 1em !important;
  font-size: 12px !important;
  color: #fefefe;
  padding-right: 5px;
  vertical-align: middle;
}
li.list-group-item.information a {
  color: #fefefe;
  font-size: 12px;
  border-bottom: 1px solid #fefefe;
}
li.list-group-item.information a,
li.list-group-item.information a:hover,
li.list-group-item.information a:focus,
li.list-group-item.information a:active {
  color: #fefefe;
}
.panel {
  border: none;
  border-radius: 0;
}
.btn-tiny {
  font-size: 12px;
  background: transparent;
  margin: 10px 10px 0 0;
  padding: 1px 4px;
}
.btn-logout {
  color: #fefefe !important;
  background: #d9534f !important;
  border-color: #d9534f !important;
}
.fancy-header {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sub-nav {
  background-color: #ededed;
}
.sub-nav form {
  padding: 10px;
}
.sub-nav .nav-pills {
  background-color: #ededed;
}
.sub-nav .nav-pills .nav-title {
  padding: 0 15px;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.sub-nav .nav-pills > li.new-group > a i:before {
  font-size: 16px;
}
.sub-nav .nav-pills > li.users > a,
.sub-nav .nav-pills > li.groups > a,
.sub-nav .nav-pills > li.users > a:hover,
.sub-nav .nav-pills > li.groups > a:hover,
.sub-nav .nav-pills > li.users > a:focus,
.sub-nav .nav-pills > li.groups > a:focus,
.sub-nav .nav-pills > li.users > a:active,
.sub-nav .nav-pills > li.groups > a:active {
  color: #6e6e6e;
}
.sub-nav .nav-pills > li.users > a span,
.sub-nav .nav-pills > li.groups > a span,
.sub-nav .nav-pills > li.users > a:hover span,
.sub-nav .nav-pills > li.groups > a:hover span,
.sub-nav .nav-pills > li.users > a:focus span,
.sub-nav .nav-pills > li.groups > a:focus span,
.sub-nav .nav-pills > li.users > a:active span,
.sub-nav .nav-pills > li.groups > a:active span {
  display: inline-block;
  vertical-align: middle;
}
.sub-nav .nav-pills > li.users > a .badge,
.sub-nav .nav-pills > li.groups > a .badge,
.sub-nav .nav-pills > li.users > a:hover .badge,
.sub-nav .nav-pills > li.groups > a:hover .badge,
.sub-nav .nav-pills > li.users > a:focus .badge,
.sub-nav .nav-pills > li.groups > a:focus .badge,
.sub-nav .nav-pills > li.users > a:active .badge,
.sub-nav .nav-pills > li.groups > a:active .badge {
  margin-left: 5px;
  background-color: #ccc;
  font-size: 14px;
}
.sub-nav .nav-pills > li.users.active > a,
.sub-nav .nav-pills > li.groups.active > a,
.sub-nav .nav-pills > li.users.active > a:hover,
.sub-nav .nav-pills > li.groups.active > a:hover,
.sub-nav .nav-pills > li.users.active > a:focus,
.sub-nav .nav-pills > li.groups.active > a:focus,
.sub-nav .nav-pills > li.users.active > a:active,
.sub-nav .nav-pills > li.groups.active > a:active {
  color: #212121;
}
.sub-nav .nav-pills > li.users.active > a .badge,
.sub-nav .nav-pills > li.groups.active > a .badge,
.sub-nav .nav-pills > li.users.active > a:hover .badge,
.sub-nav .nav-pills > li.groups.active > a:hover .badge,
.sub-nav .nav-pills > li.users.active > a:focus .badge,
.sub-nav .nav-pills > li.groups.active > a:focus .badge,
.sub-nav .nav-pills > li.users.active > a:active .badge,
.sub-nav .nav-pills > li.groups.active > a:active .badge {
  background-color: #ff4e00;
}
.login-hint {
  padding: 0.5em;
  color: #999999;
}
.fade-over-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+100&0.1+0,0.1+70,1+100 */
  background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a212121', endColorstr='#212121', GradientType=0);
  /* IE6-9 */
}
#org-user-edit-profile ul.list-group {
  margin-bottom: 0;
}
#org-user-edit-profile ul.list-group li.list-group-item.information {
  font-size: 12px;
  border: none;
  padding: 10px;
  margin: 0;
  border-radius: 0;
}
#upload-profile-pic-form .picture-uploader {
  position: relative;
  background: #ff4e00;
}
#upload-profile-pic-form .picture-uploader a {
  display: block;
  height: 100%;
  width: 100%;
}
#upload-profile-pic-form .picture-uploader a .fileinput-img {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#upload-profile-pic-form .picture-uploader a .fileinput-img .fileinput-img-container {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
#upload-profile-pic-form .picture-uploader a .fileinput-img .fileinput-img-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+100&0.1+0,0.1+70,1+100 */
  background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a212121', endColorstr='#212121', GradientType=0);
  /* IE6-9 */
}
#upload-profile-pic-form .picture-uploader a .fileinput-img .fileinput-img-container img {
  display: block;
  width: 100%;
  height: auto;
}
#upload-profile-pic-form .picture-uploader a .fileinput-img .fileinput-img-container .spinner {
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
#upload-profile-pic-form .picture-uploader a .fileinput-meta-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#upload-profile-pic-form .picture-uploader a .fileinput-meta-wrapper .fileinput-meta {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#upload-profile-pic-form .picture-uploader a .fileinput-meta-wrapper .fileinput-meta .material-icons {
  color: #fefefe;
  font-size: 36px;
}
#upload-profile-pic-form .picture-uploader a .fileinput-meta-wrapper .fileinput-meta label {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: #fefefe;
}
#upload-profile-pic-form .picture-uploader .fileinput-container {
  height: 100%;
  width: 100%;
  background: #ff4e00;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#upload-profile-pic-form .picture-uploader .fileinput-container,
#upload-profile-pic-form .picture-uploader .fileinput-container * {
  cursor: pointer;
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-button {
  width: 100%;
  background: #ff4e00;
  color: #fefefe;
  text-align: center;
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 20;
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-meta-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-meta-wrapper .fileinput-meta {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-meta-wrapper .fileinput-meta .material-icons {
  color: #fefefe;
  font-size: 36px;
}
#upload-profile-pic-form .picture-uploader .fileinput-container .fileinput-meta-wrapper .fileinput-meta label {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  color: #fefefe;
}
#edit-profile-form .form-personal-details,
#edit-profile-form .form-security-details,
#edit-profile-form .form-notifications-details {
  padding-top: 0;
}
#edit-profile-form .form-personal-details h3,
#edit-profile-form .form-security-details h3,
#edit-profile-form .form-notifications-details h3 {
  margin: 0;
  padding: 0 10px;
  background-color: #ededed;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-profile-form .form-personal-details .form-group,
#edit-profile-form .form-security-details .form-group,
#edit-profile-form .form-notifications-details .form-group {
  margin-left: -15px;
  margin-right: -15px;
  margin: 10px 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
#edit-profile-form .form-personal-details .form-group:last-of-type,
#edit-profile-form .form-security-details .form-group:last-of-type,
#edit-profile-form .form-notifications-details .form-group:last-of-type {
  border-bottom: none;
}
#edit-profile-form .form-personal-details .form-group label,
#edit-profile-form .form-security-details .form-group label,
#edit-profile-form .form-notifications-details .form-group label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-profile-form .form-personal-details .form-group label small,
#edit-profile-form .form-security-details .form-group label small,
#edit-profile-form .form-notifications-details .form-group label small {
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
  line-height: 1.5;
}
#edit-profile-form .form-personal-details .form-group > div,
#edit-profile-form .form-security-details .form-group > div,
#edit-profile-form .form-notifications-details .form-group > div {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 10px;
  padding-right: 0;
  line-height: 34px;
}
#edit-profile-form .form-personal-details .form-group > div .form-control,
#edit-profile-form .form-security-details .form-group > div .form-control,
#edit-profile-form .form-notifications-details .form-group > div .form-control {
  background: transparent;
  padding: 7px 0 5px;
}
#edit-profile-form .form-personal-details .form-group > div .checkbox,
#edit-profile-form .form-security-details .form-group > div .checkbox,
#edit-profile-form .form-notifications-details .form-group > div .checkbox {
  float: right !important;
  margin: 0;
  padding: 0;
}
#edit-profile-form .form-personal-details .form-group > div .checkbox label,
#edit-profile-form .form-security-details .form-group > div .checkbox label,
#edit-profile-form .form-notifications-details .form-group > div .checkbox label {
  padding: 0;
}
#edit-profile-form .form-notifications-details .form-group label.notifier {
  line-height: 1.5em !important;
}
#edit-profile-form .profile-save-controls {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
#edit-profile-form .profile-save-controls h3 {
  margin: 0 0 10px;
  padding: 0 10px;
  background-color: #ededed;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-profile-form .profile-save-controls .pull-left {
  padding-left: 10px;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
#edit-profile-form .profile-save-controls .pull-right {
  padding-right: 10px;
  padding-top: 3px;
}
#edit-profile-form .profile-save-controls .pull-right .btn-default {
  color: #d9534f;
  background-color: transparent;
  border-color: #d9534f;
  border-radius: 4px;
}
.profile-view .user-profile-details {
  position: relative;
  min-height: 200px;
  background: #212121;
}
.profile-view .user-profile-details .message-pic {
  position: relative;
}
.profile-view .user-profile-details .message-pic .message-pic-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+100&0.1+0,0.1+70,1+100 */
  background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a212121', endColorstr='#212121', GradientType=0);
  /* IE6-9 */
}
.profile-view .user-profile-details .action-panel {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.profile-view .user-profile-details .action-panel .btn {
  display: inline-block;
  padding: 0px;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 2px 2px;
}
.profile-view .user-profile-details .action-panel .btn.report-offensive {
  background: #d9534f;
}
.profile-view .user-profile-details .action-panel .btn.manager-edit {
  background: #00BFD7;
}
.profile-view .user-profile-details .action-panel .btn.manager-register-devices {
  background: #00BFD7;
}
.profile-view .user-profile-details .action-panel .btn [class^="ss-"] {
  padding: 6px 6px 6px 10px;
  line-height: 2.5em;
}
.profile-view .user-profile-details .action-panel .btn .button-text {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px 10px;
  line-height: 2.3em;
}
.profile-view .user-profile-details .action-panel .btn:active,
.profile-view .user-profile-details .action-panel .btn:hover,
.profile-view .user-profile-details .action-panel .btn:focus {
  border-color: #00BFD7;
}
.profile-view .user-profile-details .user-profile-meta {
  margin: 0;
  padding: 10px;
  display: block;
  width: 100%;
  color: #fefefe;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
.profile-view .user-profile-details .user-profile-meta > div {
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
}
.profile-view .user-profile-details .user-profile-meta .name {
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
}
.profile-view .user-profile-details .user-profile-meta .username {
  color: #00BFD7;
  font-weight: 300;
}
.profile-view .user-profile-details .user-profile-meta .last-seen {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
.profile-view .user-profile-details .user-profile-meta .last-seen:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #52ba57;
  margin-right: 5px;
}
.profile-view .user-profile-details .user-profile-meta .last-seen.inactive:before {
  background-color: #999999;
}
.profile-view .user-profile-details .user-profile-meta .last-seen.never:before {
  background-color: transparent;
  border: 1px solid #d9534f;
}
.profile-view .contact-panel {
  padding: 0;
  background: #212121;
  width: 100%;
}
.profile-view .contact-panel .btn {
  width: 33%;
  text-transform: uppercase;
  color: #fefefe;
  background: transparent;
  text-align: center;
  letter-spacing: 2px;
  border: none;
  padding: 10px 0 20px;
}
.profile-view .contact-panel .btn [class^="material-"] {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}
.profile-view .contact-panel .btn[disabled] {
  color: #fefefe;
  opacity: 0.25;
}
.profile-view .contact-panel .btn[disabled]:hover {
  color: #fefefe;
  opacity: 0.5;
}
.profile-view .additional-profile-images h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  margin: 0;
  background: #ededed;
  padding: 0 10px;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper {
  width: 100%;
  height: 84px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:before,
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  content: " ";
  display: table;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  clear: both;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:before,
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  clear: both;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:before,
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  content: " ";
  display: table;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  clear: both;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:before,
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper:after {
  clear: both;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller {
  width: 380px;
  height: 100%;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller .additional-profile-image-thumb {
  width: 64px;
  height: 64px;
  margin: 10px 5px;
  float: left;
  white-space: nowrap;
  position: relative;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller .additional-profile-image-thumb:first-of-type {
  margin-left: 10px;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller .additional-profile-image-thumb:last-of-type {
  margin-right: 10px;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller .additional-profile-image-thumb .pic-container {
  margin: 0;
  float: none;
}
.profile-view .additional-profile-images .additional-profile-image-thumb-wrapper .additional-profile-image-thumb-scroller .additional-profile-image-thumb.assigned-profile-image .ss-lock {
  position: absolute;
  right: 4px;
  bottom: 1px;
  color: #f0ad4e;
  font-size: 12px;
  z-index: 2;
}
.profile-view .profile-information {
  margin: 0;
  padding: 0;
  list-style: none;
}
.profile-view .profile-information .profile-item {
  margin: 10px 10px 0;
}
.profile-view .profile-information .profile-item:first-of-type {
  margin-top: 0;
  padding-top: 10px;
  border-top: 1px solid #ededed;
}
.profile-view .profile-information .profile-item .user-details {
  margin-left: -15px;
  margin-right: -15px;
}
.profile-view .profile-information .profile-item .user-details .title {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.profile-view .profile-information .profile-item .user-details .value {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 34px;
}
.profile-view .profile-information .profile-item .user-details .value-list ul {
  list-style: none;
  padding: 0;
}
.profile-view .profile-information .profile-item:last-of-type {
  border-bottom: none;
}
.profile-view .profile-information .profile-item:last-of-type .btn-default {
  color: #d9534f;
  background-color: transparent;
  border-color: #d9534f;
  border-radius: 4px;
}
#show-user-view .profile-information .list-group-item {
  margin: 0px 10px;
  padding: 8px 0;
  border-top: 1px solid #e7e7e7;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#show-user-view .profile-information .list-group-item:first-of-type {
  border-top: none;
}
#orgs-view .list-group {
  margin-top: 10px;
}
#orgs-view .list-group .list-group-item {
  padding: 10px;
  background: #fefefe;
  margin-top: 0;
}
#orgs-view .list-group .list-group-item.active {
  background: #ff4e00;
}
#orgs-view .list-group .list-group-item.active.ss-junior.ss-check:before {
  position: absolute;
  right: 0px;
  padding: 2px 10px 0;
}
#orgs-view .list-group .list-group-item .badge {
  float: right !important;
  margin: 2px 24px 0 0;
}
#show-group-view .list-group-item.type-org-user {
  margin: 0 10px;
  padding: 0;
  height: 80px;
}
#show-group-view .list-group-item.type-org-user i.material-icons {
  padding: 20px 10px 5px 15px;
}
#show-group-view .list-group-item.type-org-user > a {
  padding: 5px 0px 5px 0px;
}
#show-group-view .list-group-item.type-org-user .pic-container {
  margin-left: 0;
  margin-right: 10px;
}
#show-group-view .list-group-item.type-org-user .name {
  margin-right: 0;
}
#show-group-view .group-header .group-profile-details {
  position: relative;
  min-height: 200px;
  background: #212121;
}
#show-group-view .group-header .group-profile-details .message-pic {
  position: relative;
}
#show-group-view .group-header .group-profile-details .message-pic .message-pic-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+100&0.1+0,0.1+70,1+100 */
  background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0.1) 0%, rgba(33, 33, 33, 0.1) 70%, #212121 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a212121', endColorstr='#212121', GradientType=0);
  /* IE6-9 */
}
#show-group-view .group-header .group-profile-details .action-panel {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
#show-group-view .group-header .group-profile-details .action-panel .btn {
  display: inline-block;
  padding: 0px;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
#show-group-view .group-header .group-profile-details .action-panel .btn:last-of-type {
  margin-left: 5px;
}
#show-group-view .group-header .group-profile-details .action-panel .btn.report-offensive {
  background: #d9534f;
}
#show-group-view .group-header .group-profile-details .action-panel .btn.manager-edit {
  background: #00BFD7;
}
#show-group-view .group-header .group-profile-details .action-panel .btn [class^="ss-"] {
  padding: 6px 6px 6px 10px;
  line-height: 2.5em;
}
#show-group-view .group-header .group-profile-details .action-panel .btn .button-text {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px 10px;
  line-height: 2.3em;
}
#show-group-view .group-header .group-profile-details .action-panel .btn:active,
#show-group-view .group-header .group-profile-details .action-panel .btn:hover,
#show-group-view .group-header .group-profile-details .action-panel .btn:focus {
  border-color: #00BFD7;
}
#show-group-view .group-header .group-profile-details .group-profile-meta {
  margin: 0;
  padding: 10px;
  display: block;
  width: 100%;
  color: #fefefe;
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}
#show-group-view .group-header .group-profile-details .group-profile-meta > div {
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
}
#show-group-view .group-header .group-profile-details .group-profile-meta .name {
  display: block;
  font-size: 20px;
}
#show-group-view .group-header .group-profile-details .group-profile-meta .name .visibility i {
  color: #f0ad4e;
  font-size: 14px;
  padding-right: 5px;
}
#show-group-view .group-header .group-profile-details .group-profile-meta .type-group,
#show-group-view .group-header .group-profile-details .group-profile-meta .member-count {
  padding-right: 5px;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
}
#show-group-view .group-header .group-profile-details .group-profile-meta .type-group .material-icons,
#show-group-view .group-header .group-profile-details .group-profile-meta .member-count .material-icons {
  color: #00BFD7;
  font-size: 18px;
  vertical-align:  sub;
}
#show-group-view .group-header .group-profile-details .group-profile-meta .profile-text {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
#show-group-view .group-header .contact-panel {
  padding: 0;
  background: #212121;
  width: 100%;
}
#show-group-view .group-header .contact-panel .btn {
  width: 33%;
  text-transform: uppercase;
  color: #fefefe;
  background: transparent;
  text-align: center;
  letter-spacing: 2px;
  border: none;
  padding: 10px 0 20px;
}
#show-group-view .group-header .contact-panel .btn [class^="material-"] {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}
#show-group-view .group-header .contact-panel .btn[disabled] {
  color: #fefefe;
  opacity: 0.25;
}
#show-group-view .group-header .contact-panel .btn[disabled]:hover {
  color: #fefefe;
  opacity: 0.5;
}
#show-group-view .group-header .switch-menu {
  margin: 10px 10px 0;
}
#show-group-view .group-header .switch-menu li {
  width: 50%;
}
#show-group-view .group-header .switch-menu li a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  border: 2px solid transparent;
  font-size: 14px;
  line-height: 1.6;
  padding: 4px 14px 4px 14px;
  letter-spacing: 1px;
  -webkit-font-smoothing: subpixel-antialiased;
  -o-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 13px;
  font-size: 10px;
  line-height: 1.083;
  border-radius: 2px;
  text-transform: uppercase;
  color: #ff4e00;
  background: #ededed;
  text-align: center;
  display: table-cell;
  float: none;
  width: 1%;
  border-radius: 4px;
}
#show-group-view .group-header .switch-menu li a:focus,
#show-group-view .group-header .switch-menu li a:active:focus,
#show-group-view .group-header .switch-menu li a.active:focus,
#show-group-view .group-header .switch-menu li a.focus,
#show-group-view .group-header .switch-menu li a:active.focus,
#show-group-view .group-header .switch-menu li a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#show-group-view .group-header .switch-menu li a:hover,
#show-group-view .group-header .switch-menu li a:focus,
#show-group-view .group-header .switch-menu li a.focus {
  color: #fefefe;
  text-decoration: none;
}
#show-group-view .group-header .switch-menu li a:active,
#show-group-view .group-header .switch-menu li a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#show-group-view .group-header .switch-menu li a.disabled,
#show-group-view .group-header .switch-menu li a[disabled],
fieldset[disabled] #show-group-view .group-header .switch-menu li a {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a#show-group-view .group-header .switch-menu li a.disabled,
fieldset[disabled] a#show-group-view .group-header .switch-menu li a {
  pointer-events: none;
}
#show-group-view .group-header .switch-menu li a > [class^="ss-"] {
  position: relative;
  top: 2px;
  font-size: 10.5px;
}
.btn-xs#show-group-view .group-header .switch-menu li a > [class^="ss-"] {
  font-size: 9.52px;
  top: 0;
}
.btn-kr#show-group-view .group-header .switch-menu li a > [class^="ss-"] {
  top: 2px;
}
.btn-sm#show-group-view .group-header .switch-menu li a > [class^="ss-"].pull-right {
  top: 3px;
}
.btn-lg#show-group-view .group-header .switch-menu li a > [class^="ss-"].pull-right {
  top: 7px;
}
#show-group-view .group-header .switch-menu li a > [class^="ss-"].pull-right {
  top: 5px;
}
#show-group-view .group-header .switch-menu li a:focus,
#show-group-view .group-header .switch-menu li a:active:focus,
#show-group-view .group-header .switch-menu li a.active:focus {
  outline: none;
}
#show-group-view .group-header .switch-menu li a:hover,
#show-group-view .group-header .switch-menu li a:focus {
  outline: none;
  color: #ff4e00;
}
#show-group-view .group-header .switch-menu li a:active,
#show-group-view .group-header .switch-menu li a.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#show-group-view .group-header .switch-menu li a.disabled,
#show-group-view .group-header .switch-menu li a[disabled],
fieldset[disabled] #show-group-view .group-header .switch-menu li a {
  background-color: #FFF;
  color: rgba(254, 254, 254, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#show-group-view .group-header .switch-menu li a.previous,
#show-group-view .group-header .switch-menu li a.next {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.429;
  padding-left: 23px;
  padding-right: 23px;
}
#show-group-view .group-header .switch-menu li a.next {
  margin-left: 8px;
  margin-right: 0;
}
#show-group-view .group-header .switch-menu li a:hover {
  color: #ff4e00;
  background: #ededed;
}
#show-group-view .group-header .switch-menu li:first-of-type a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#show-group-view .group-header .switch-menu li:last-of-type a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none !important;
}
#show-group-view .group-header .switch-menu li.active a {
  background: #ff4e00;
  color: #fefefe;
}
#show-group-view .group-header .switch-menu li.active a:hover {
  background: #ff4e00;
  color: #fefefe;
}
#show-group-view ul li.type-org-user .btn.btn-sm.btn-default {
  font-size: 12px;
  background: transparent;
  margin: 22px 10px 0 10px;
  padding: 1px 4px;
  border-color: #00BFD7;
}
#show-group-view ul li.type-org-user .btn.btn-sm.btn-default i {
  font-size: 12px;
  color: #00BFD7;
}
#show-group-view ul li.type-org-user .btn.btn-sm.btn-default span {
  color: #00BFD7;
}
#show-group-view ul li.type-org-user .btn.btn-sm.btn-default.remove-participant {
  border-color: #00BFD7;
  background: transparent;
  padding: 1px 4px !important;
  color: #00BFD7;
}
#show-group-view ul li.type-org-user .btn.btn-sm.btn-default.disabled {
  color: #00BFD7;
  opacity: 0.4;
}
#show-group-recent-conversations .no-content-placeholder .info-illo {
  width: 50px;
  height: 50px;
  margin: 20px auto 0;
  padding-top: 13px;
  background: #ededed;
  color: #212121;
  border-radius: 50%;
}
#show-group-recent-conversations .no-content-placeholder .info-illo i {
  color: #999999;
  width: 50px;
  height: 50px;
  line-height: 27px;
}
#show-group-recent-conversations .no-content-placeholder p {
  padding: 10px 0 0 0;
  font-size: 12px;
  text-align: center;
}
#show-group-recent-conversations .no-content-placeholder p span {
  display: block;
  margin-bottom: 10px;
}
#show-group-recent-conversations .no-content-placeholder p .btn-default {
  text-align: center;
  border-radius: 4px;
  color: #ff4e00;
  border-color: #ff4e00;
}
/*
  Used to contain everything context menu related
  Should capture clicks and prevent the elems behind it
  to react. Ideally it would dim the background.
*/
.context-menu-root {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.9);
  z-index: 100;
}
/*
  This contains the menu items and should most likely be
  smaller than the containing elements and alligned
  to the bottom of the viewport.
*/
#context-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 10px 10px 0;
}
.context-menu-item {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Open Sans", sans-serif;
  border: 2px solid transparent;
  font-size: 14px;
  line-height: 1.6;
  padding: 4px 14px 4px 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  -o-transition: all .25s linear;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  display: block;
  width: 100%;
  white-space: normal;
  color: #fff;
  border-color: #e64600;
  background-color: #ff4e00;
  text-align: left;
  padding: 8px 10px;
  margin: 0 0 8px 0;
  color: #fefefe;
  border: none;
  border-radius: 4px;
  text-transform: none;
  line-height: 2 !important;
  letter-spacing: 0;
  background: #ff4e00 !important;
}
.context-menu-item:focus,
.context-menu-item:active:focus,
.context-menu-item.active:focus,
.context-menu-item.focus,
.context-menu-item:active.focus,
.context-menu-item.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.context-menu-item:hover,
.context-menu-item:focus,
.context-menu-item.focus {
  color: #fefefe;
  text-decoration: none;
}
.context-menu-item:active,
.context-menu-item.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.context-menu-item.disabled,
.context-menu-item[disabled],
fieldset[disabled] .context-menu-item {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.context-menu-item.disabled,
fieldset[disabled] a.context-menu-item {
  pointer-events: none;
}
.context-menu-item > [class^="ss-"] {
  position: relative;
  top: 2px;
  font-size: 10.5px;
}
.btn-xs.context-menu-item > [class^="ss-"] {
  font-size: 9.52px;
  top: 0;
}
.btn-kr.context-menu-item > [class^="ss-"] {
  top: 2px;
}
.btn-sm.context-menu-item > [class^="ss-"].pull-right {
  top: 3px;
}
.btn-lg.context-menu-item > [class^="ss-"].pull-right {
  top: 7px;
}
.context-menu-item > [class^="ss-"].pull-right {
  top: 5px;
}
.context-menu-item:focus,
.context-menu-item:active:focus,
.context-menu-item.active:focus {
  outline: none;
}
.context-menu-item:hover,
.context-menu-item:focus {
  outline: none;
  color: #ff4e00;
}
.context-menu-item:active,
.context-menu-item.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.context-menu-item.disabled,
.context-menu-item[disabled],
fieldset[disabled] .context-menu-item {
  background-color: #FFF;
  color: rgba(254, 254, 254, 0.75);
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.context-menu-item.previous,
.context-menu-item.next {
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.429;
  padding-left: 23px;
  padding-right: 23px;
}
.context-menu-item.next {
  margin-left: 8px;
  margin-right: 0;
}
.context-menu-item:focus,
.context-menu-item.focus {
  color: #fff;
  background-color: #cc3e00;
  border-color: #661f00;
}
.context-menu-item:hover {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
.context-menu-item:active,
.context-menu-item.active,
.open > .dropdown-toggle.context-menu-item {
  color: #fff;
  background-color: #cc3e00;
  border-color: #a83300;
}
.context-menu-item:active:hover,
.context-menu-item.active:hover,
.open > .dropdown-toggle.context-menu-item:hover,
.context-menu-item:active:focus,
.context-menu-item.active:focus,
.open > .dropdown-toggle.context-menu-item:focus,
.context-menu-item:active.focus,
.context-menu-item.active.focus,
.open > .dropdown-toggle.context-menu-item.focus {
  color: #fff;
  background-color: #a83300;
  border-color: #661f00;
}
.context-menu-item:active,
.context-menu-item.active,
.open > .dropdown-toggle.context-menu-item {
  background-image: none;
}
.context-menu-item.disabled:hover,
.context-menu-item[disabled]:hover,
fieldset[disabled] .context-menu-item:hover,
.context-menu-item.disabled:focus,
.context-menu-item[disabled]:focus,
fieldset[disabled] .context-menu-item:focus,
.context-menu-item.disabled.focus,
.context-menu-item[disabled].focus,
fieldset[disabled] .context-menu-item.focus {
  background-color: #ff4e00;
  border-color: #e64600;
}
.context-menu-item .badge {
  color: #ff4e00;
  background-color: #fff;
}
.context-menu-item:hover,
.context-menu-item:focus,
.context-menu-item:active,
.context-menu-item.active,
.context-menu-item.hover {
  color: #fefefe;
  background-color: #ff4e00;
  border-color: #ff4e00;
}
.context-menu-item:active,
.context-menu-item.active {
  background: #ff4e00;
  border-color: #ff4e00;
}
.context-menu-item.disabled,
.context-menu-item[disabled],
fieldset[disabled] .context-menu-item,
.context-menu-item.disabled:hover,
.context-menu-item[disabled]:hover,
fieldset[disabled] .context-menu-item:hover,
.context-menu-item.disabled:focus,
.context-menu-item[disabled]:focus,
fieldset[disabled] .context-menu-item:focus,
.context-menu-item.disabled:active,
.context-menu-item[disabled]:active,
fieldset[disabled] .context-menu-item:active,
.context-menu-item.disabled.active,
.context-menu-item[disabled].active,
fieldset[disabled] .context-menu-item.active {
  background-color: #b3eafb;
  border-color: #b3eafb;
}
.context-menu-item:active,
.context-menu-item:hover {
  background: #ff4e00 !important;
  color: #fefefe;
  border: none;
}
.context-menu-item:last-of-type {
  margin-top: 8px;
  margin-bottom: 10px;
  background-color: #ff4e00;
}
.context-menu-item:last-of-type:active,
.context-menu-item:last-of-type:hover {
  background: #ff4e00 !important;
  color: #fefefe;
}
.context-menu-item i.material-icons {
  margin: 10px 20px 0 0;
  line-height: 0;
  vertical-align: text-top;
}
.context-menu-item img {
  width: 24px;
  height: 24px;
  margin-right: 20px;
}
.context-menu-item-label-parent {
  background-color: #2c2c2c;
  padding: 0px;
}
.context-menu-item-label {
  padding: 8px 10px;
  margin: 0px;
  width: 100%;
  height: 100%;
  color: #fefefe;
  font: inherit;
}
/*
	Used to display a full screen view, overriding all other views.
	Examples: terms & conditions page
*/
.full-page-root {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  z-index: 101;
  overflow: scroll;
  padding: 5px 10px;
}
.full-page-root .buttons {
  margin-top: 2em;
}
.full-page-root div.buttons div {
  margin: 0.5em 0em;
}
.full-page-root h1,
.full-page-root h2,
.full-page-root h3 {
  color: #ff4e00;
}
.full-page-root h2 {
  font-size: 140%;
  margin-bottom: 1.2em;
}
.full-page-root p {
  font-size: 1.1em;
}
.full-page-root p .ui-elem {
  color: #ff4e00;
}
.spinner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(254, 254, 254, 0.25);
  border-bottom: 2px solid #fefefe;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
.message-pic-spinner,
.profile-pic-spinner,
.yap-title-pic-spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 33, 33, 0.8);
  z-index: 110;
}
.message-pic-spinner div.controls,
.profile-pic-spinner div.controls,
.yap-title-pic-spinner div.controls {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.message-pic-spinner div.controls .btn,
.profile-pic-spinner div.controls .btn,
.yap-title-pic-spinner div.controls .btn {
  display: none;
}
.message-form-footer .spinner {
  border: 2px solid rgba(255, 78, 0, 0.25);
  border-bottom: 2px solid #ff4e00;
}
.action-spinner {
  border: 2px solid rgba(255, 78, 0, 0.25);
  border-bottom: 2px solid #ff4e00;
}
.contextual-user-control .spinner {
  left: -24px;
}
/* Position and sizing of burger button */
.bm-burger-button {
  position: fixed;
  width: 36px;
  height: 30px;
  left: 36px;
  top: 36px;
}
/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: #373a47;
}
/* Position and sizing of clickable cross button */
.bm-cross-button {
  height: 24px;
  width: 24px;
  top: 10px !important;
}
/* Color/shape of close button cross */
.bm-cross {
  background: #bdc3c7;
}
/* General sidebar styles */
.bm-menu {
  position: relative;
  height: 100vh;
  background: #404040;
  font-size: 14px;
}
/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: #373a47;
}
/* Wrapper for item list */
.bm-item-list {
  color: #b8b7ad;
  height: 100% !important;
  padding: 0em 0.8em 0em 1.2em;
}
/* Styling of overlay */
.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
  z-index: 110 !important;
}
.bm-menu-wrap {
  left: 0;
  z-index: 111 !important;
  width: 250px !important;
  height: auto !important;
}
.bm-menu {
  height: 100vh !important;
}
.bm-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0 0 env(safe-area-inset-top) 0;
  height: 100% !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bm-menu ul:focus {
  outline: none;
}
.bm-menu ul li {
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  width: 100%;
  padding: 13px 0;
  margin: 5px 0 0;
  overflow: visible;
}
.bm-menu ul li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.bm-menu ul li .bm-menu__item__label {
  flex: 1 1;
  display: inline-block;
  position: relative;
}
.bm-menu ul li i.material-icons {
  flex: 0 0 24px;
  color: #b8b7ad;
  font-size: 24px;
  line-height: 24px;
  margin-right: 10px !important;
}
.bm-menu ul li i.ss-symbol-icons-line.ss-ghost {
  font-size: 19px;
  color: #b8b7ad;
  padding: 0px 2px 0px 3px;
  margin-right: 10px !important;
}
.bm-menu ul li a {
  color: #fefefe;
  vertical-align: top;
}
.bm-menu ul li span {
  color: #fefefe;
}
.bm-menu ul li span.badge {
  position: relative;
  top: -10px;
  left: 5px;
  background-color: #ff4e00;
}
.bm-menu ul li span.badge-update {
  background-color: #cd0000;
  margin-left: 10px;
  margin-bottom: 10px;
}
.bm-menu ul li.spacer {
  border-top-style: none;
}
.bm-menu ul li.spacer.small {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bm-menu ul li.spacer.large {
  -webkit-flex: 5;
  -moz-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.bm-menu .build-version {
  font-size: 12px;
  color: #999999;
}
@media screen and (min-width: 480px) {
  .bm-overlay {
    width: 480px !important;
    height: 100%;
  }
  .bm-menu-wrap {
    transform: translate3d(calc((100vw - 480px)/2), 0px, 0px);
  }
}
.form-manage-devices {
  padding-top: 0;
}
.form-manage-devices h3 {
  margin: 0;
  padding: 0 10px;
  background-color: #ededed;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.form-manage-devices small {
  display: block;
  margin: 10px 10px 0;
  padding: 0;
}
.form-manage-devices .subsection {
  margin-left: -15px;
  margin-right: -15px;
  margin: 10px 10px 0;
  padding-bottom: 10px;
}
.form-manage-devices .subsection label {
  white-space: nowrap;
  padding-left: 0;
  padding-right: 10px;
  margin: 0;
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
.form-manage-devices .subsection label small {
  white-space: normal;
  text-transform: none;
  color: #212121;
  display: block;
  letter-spacing: 0px;
  margin-top: 3px;
  line-height: 1.5;
}
.form-manage-devices div.status {
  padding: 2px;
  line-height: normal !important;
}
.form-manage-devices div.status span {
  position: relative;
  top: 2px;
  margin: 0 7px 0 5px;
}
.form-manage-devices div.status.ok {
  font-size: 12px;
  color: #fefefe;
  background-color: #52ba57;
}
.form-manage-devices div.status.warn {
  font-size: 12px;
  color: #fefefe;
  background-color: #f0ad4e;
}
.form-manage-devices div.status.error {
  font-size: 12px;
  color: #fefefe;
  background-color: #d9534f;
}
.form-manage-devices .form-group {
  margin-left: -15px;
  margin-right: -15px;
  margin: 10px 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.form-manage-devices .form-group:last-of-type {
  border-bottom: none;
}
.form-manage-devices .form-group > div {
  padding-right: 0;
  line-height: 34px;
}
.form-manage-devices .form-group > div .form-control {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline;
  background: transparent;
  padding: 7px 0 5px;
}
.form-manage-devices .form-group > div a.spinner-wrapper {
  position: relative;
  display: inline;
  float: right !important;
  width: 50px;
  height: 20px;
}
.form-manage-devices .form-group > div a.add {
  float: right !important;
  display: inline;
}
.form-manage-devices .form-group > div .btn-primary.disabled {
  background-color: #ff4e00;
  opacity: 0.5;
}
.form-manage-devices .device-row {
  margin-left: -15px;
  margin-right: -15px;
  margin: 10px 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.form-manage-devices .device-row:last-of-type {
  border-bottom: none;
}
.form-manage-devices .device-row a.remove {
  float: right !important;
  display: inline;
}
.form-manage-devices .device-row a.spinner-wrapper {
  position: relative;
  left: 25px;
  display: inline;
  width: 50px;
  height: 20px;
}
/* =============================================================================
 # invites management
 ============================================================================ */
/**
* 1. Derived from onboarding.less, but edited.
* 2. See variables.less and onboarding.less for some colours
* 3. Swap hex colours for variables: #e6e6e6, #f3f3f3
*/
/* Variables
   ========================================================================== */
#manage-invites .form-manage-invites {
  padding: 10px 10px;
}
#manage-invites #invite-history-text {
  color: #212121;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
#manage-invites .btn-primary {
  background-color: #ff4e00;
  color: #fefefe;
}
#manage-invites .invites-list .list-section {
  margin-bottom: 15px;
}
#manage-invites .invites-list .invites-created h3 {
  color: #5bc0de;
}
#manage-invites .invites-list .invites-accepted h3 {
  color: #52ba57;
}
#manage-invites .invites-list .invites-cancelled h3 {
  color: #f0ad4e;
}
#manage-invites .invites-list .button-container {
  display: inline-block;
  margin-left: 74px;
}
#manage-invites .invites-list .invite-detail-container {
  display: inline-block;
  vertical-align: top;
}
#manage-invites .invites-cancelled .list-group-item a .authaddr {
  color: #777777;
}
#manage-invites .form-control {
  height: 45px;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  padding: 0 10px;
}
#manage-invites .input-field-full-width {
  width: 100%;
}
#manage-invites input {
  font-style: normal;
  font-weight: 400;
  background-color: #ffffff;
  color: #212121;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  border-radius: 0;
}
#manage-invites input::placeholder {
  color: #b3b3b3;
}
#manage-invites ::-webkit-input-placeholder,
#manage-invites ::-moz-placeholder,
#manage-invites :-ms-input-placeholder,
#manage-invites :-moz-placeholder {
  color: #b3b3b3;
}
#manage-invites input:focus,
#manage-invites textarea:focus {
  outline: none !important;
  border-color: #ff4e00;
  color: #212121;
}
#manage-invites input:active {
  color: #212121;
}
#manage-invites input.warning {
  outline: none !important;
  border-color: #cd0000;
  color: #cd0000;
}
#manage-invites .error,
#manage-invites .warning {
  color: #cd0000;
  display: block;
  margin-bottom: 15px;
}
#manage-invites select {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  outline: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height: 45px;
  margin: 2px 0 10px 0;
  padding: 0 10px;
  background-color: #fefefe;
  color: #4d4d4d;
}
#manage-invites select option {
  padding: 20px 0;
  text-indent: 10px;
}
#manage-invites select option:hover {
  background-color: #ff4e00;
  color: #fefefe;
  padding: 20px 0;
}
#manage-invites button {
  border: none;
  border-radius: 0;
  margin: 0;
  margin-right: -4px;
  font-weight: 400;
}
#manage-invites button:hover {
  background-color: #cc3e00;
}
#manage-invites button:hover.inactive {
  background-color: #f6f6f6;
  cursor: not-allowed;
}
#manage-invites button:focus,
#manage-invites button.inactive:focus {
  outline: 0;
}
#manage-invites button:active {
  color: #ff4e00;
  outline: none !important;
}
#manage-invites button:active.inactive {
  color: #cccccc;
}
#manage-invites button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
#manage-invites .btn {
  height: 45px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
  text-transform: none;
  letter-spacing: normal;
}
#manage-invites .btn-full-width {
  width: 100%;
}
#manage-invites .btn-medium-width {
  width: 50%;
  text-align: center;
}
#manage-invites .brand-primary,
#manage-invites .active {
  background-color: #ff4e00;
  color: #fefefe;
}
#manage-invites .inactive,
#manage-invites .disabled {
  background-color: #e6e6e6;
  color: #b3b3b3;
  cursor: not-allowed;
}
#manage-invites .inactive:hover,
#manage-invites .disabled:hover {
  background-color: #e6e6e6;
  color: #b3b3b3;
  cursor: not-allowed;
}
#manage-invites .tab {
  width: 50%;
  height: 45px;
  background-color: #e6e6e6;
  color: #b3b3b3;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  padding: 12px;
  cursor: pointer;
}
#manage-invites .tab.active {
  background-color: #ff4e00;
  color: #fefefe;
  cursor: default;
}
#manage-invites .selected-invite-method {
  background-color: #f3f3f3;
  padding: 20px 10px 20px 10px;
  margin-bottom: 10px;
}
#manage-invites .selected-invite-method p {
  margin: 0;
}
#upgrade {
  margin: auto;
  text-align: center;
}
#upgrade h2 {
  margin-top: 12px;
  margin-bottom: 12px;
}
#upgrade p {
  font-size: 16px;
}
#upgrade .btn-lg {
  padding: 10px 18px;
  font-size: 16px;
  height: 45px;
  border-radius: 4px;
}
#upgrade .upgrade-btn {
  display: block;
  margin: 1em auto;
}
#upgrade footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 5px 10px;
  font-size: 12px;
}
#upgrade footer a {
  color: #b3b3b3;
}
#upgrade footer .btn {
  height: 45px;
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  text-transform: none;
  letter-spacing: 0px;
  color: #cccccc;
  background-color: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 4px;
}
#upgrade footer .btn:hover {
  background-color: #ff4e00;
  color: #fefefe;
  border-color: #ff4e00;
}
#upgrade footer .btn-full-width {
  max-width: 900px;
  width: 100%;
}
/* =============================================================================
 #DO NOT DISTURB
 ============================================================================ */
/**
* 1. Work can wait!
*/
/* Variables
   ========================================================================== */
.dnd-options {
  padding: 10px 0;
  font-size: 14px;
  margin: 0 10px 10px 10px;
  position: relative;
}
.dnd-options input,
.dnd-options textarea,
.dnd-options select,
.dnd-options a {
  outline: none;
  border-radius: 0;
}
.dnd-options input[type='radio'] {
  border-radius: 8px;
}
.dnd-options span {
  display: block;
  margin-bottom: 20px;
}
.dnd-options form {
  margin-bottom: 10px;
}
.dnd-options form span {
  margin-bottom: 20px;
}
.dnd-options form span:last-of-type {
  margin-bottom: 0;
}
.dnd-options label {
  font-weight: normal;
  line-height: 1.5;
  display: block;
  margin-left: 32px;
  padding: 0px;
}
.dnd-options input {
  display: inline-block;
  position: absolute;
  left: 10px;
}
.dnd-options .timezone {
  padding: 10px 0;
}
.dnd-options .timezone span {
  margin: 0;
  display: block;
}
.dnd-options .timezone select {
  /* with no width content determins width */
  width: 100%;
  max-width: 440px;
  margin: 5px -10px 0 0;
  height: 44px;
  background-color: #ff4e00;
  color: #fefefe;
  padding: 0 2em 0 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.dnd-options .timezone .select-container {
  position: relative;
  display: inline;
}
.dnd-options .timezone .select-container:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}
.dnd-options .timezone .select-container:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 0.5em;
  right: 0.1em;
  border-top: 8px solid white;
}
.dnd-options .timezone select::-ms-expand {
  display: none;
}
.dnd-options .working-hours {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  max-width: 440px;
}
.dnd-options .working-hours select {
  height: 44px;
  background-color: #ff4e00;
  color: #fefefe;
  padding: 0 6em 0 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
.dnd-options .working-hours .select-container {
  position: relative;
  display: inline;
}
.dnd-options .working-hours .select-container:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}
.dnd-options .working-hours .select-container:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 1.3em;
  right: 0.8em;
  border-top: 8px solid white;
}
.dnd-options .working-hours select::-ms-expand {
  display: none;
}
.dnd-options .working-hours text {
  text-align: center;
}
.dnd-options .working-hours span {
  display: inline-block;
  margin-top: 10px;
}
.dnd-options .days-of-the-week {
  display: flex;
  justify-content: space-between;
  max-width: 440px;
}
.dnd-options .days-of-the-week div {
  display: inline-block;
  height: 44px;
  width: 37px;
  border: 1px solid #A6A6A6;
  background-color: #ededed;
  color: #212121;
  margin-left: 5px;
  margin-top: 23px;
  padding-top: 13px;
  text-align: center;
  cursor: pointer;
}
.dnd-options .days-of-the-week div:first-of-type {
  margin-left: 0;
}
.dnd-options .days-of-the-week div.selected {
  background-color: #ff4e00;
  color: #fefefe;
  border: 1px solid #ff4e00;
}
.dnd-options .hidden {
  display: none;
}
.dnd-options .small {
  font-size: 14px;
  color: #cd0000;
  margin-top: 10px;
}
/* =============================================================================
 #TRANSLATION
 ============================================================================ */
/**
* 1. Translate a message to org users default language
*/
/* Variables
   ========================================================================== */
/* Mixins
   ========================================================================== */
#conversation-messages .message-group .message-body.translated,
#post-comments .message-group .message-body.translated,
#conversation-messages .message-group .comment.translated,
#post-comments .message-group .comment.translated {
  color: #212121;
}
#conversation-messages .message-group .message-body.translated i.material-icons,
#post-comments .message-group .message-body.translated i.material-icons,
#conversation-messages .message-group .comment.translated i.material-icons,
#post-comments .message-group .comment.translated i.material-icons {
  color: #212121;
  vertical-align: text-bottom;
  margin-left: 10px;
}
#conversation-messages .message-group .message-body .message-body-inner.translated,
#post-comments .message-group .message-body .message-body-inner.translated,
#conversation-messages .message-group .comment .message-body-inner.translated,
#post-comments .message-group .comment .message-body-inner.translated {
  color: #212121;
}
#conversation-messages .message-group .message-body .message-body-inner.translated small.edited,
#post-comments .message-group .message-body .message-body-inner.translated small.edited,
#conversation-messages .message-group .comment .message-body-inner.translated small.edited,
#post-comments .message-group .comment .message-body-inner.translated small.edited {
  color: #212121;
}
#conversation-messages .message-group .message-body .message-body-inner.translated i.material-icons,
#post-comments .message-group .message-body .message-body-inner.translated i.material-icons,
#conversation-messages .message-group .comment .message-body-inner.translated i.material-icons,
#post-comments .message-group .comment .message-body-inner.translated i.material-icons {
  color: #212121;
  margin-left: 10px;
  vertical-align: text-bottom;
}
/* =============================================================================
 #INTERSECTION
 ============================================================================ */
/**
* 1. Intersection
  2. See image-upload-carousel.less
*/
/* Variables
   ========================================================================== */
i.btn-single-addressee-close {
  color: #CD0000 !important;
  margin: 0 0 0 10px;
  vertical-align: text-bottom;
}
.btn-intersect {
  position: absolute;
  top: 58px;
  left: 57px;
  width: 26px;
  height: 24px;
  z-index: 2;
}
.btn-remove {
  color: #CD0000;
  position: absolute;
  top: 3px;
  left: 60px;
  z-index: 2;
  height: 24px;
}
.btn-remove .fill {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background: #fefefe;
  top: 6px;
  left: 6px;
}
.btn-remove i.material-icons {
  position: relative;
}
.btn-add {
  color: #52ba57;
}
.btn-group,
.btn-location {
  height: 30px;
  min-width: 100px;
  max-width: 200px;
  background: #ff4e00;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 0 5px;
  margin-right: 10px;
}
.icn-added {
  position: absolute;
  bottom: 0;
  right: 0;
  content: url(/img/icn-added.svg);
}
.btn-addressee {
  position: relative;
  display: inline-block;
}
.btn-addressee i.material-icons {
  position: relative;
  margin: 20px 10px 0 10px;
}
.btn-addressee .fill {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background: #fefefe;
  top: 8px;
  left: 6px;
}
header .list-section-intersection {
  background: #f6f6f6;
  box-shadow: 0 8px 10px -3px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}
header .list-section-intersection h3 {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
  margin: 0;
  padding: 0 10px;
}
header .list-section-intersection .btn-discard {
  position: absolute;
  top: 10px;
  right: 0px;
  margin: 0px;
  font-size: 0.75em;
  font-variant: all-small-caps;
}
header .list-section-intersection .btn-discard a {
  padding: 10px;
}
header .list-section-intersection .intersection-selected-group-list {
  padding: 10px;
  margin-bottom: 1px;
  line-height: 2;
}
header .list-section-intersection .intersection-selected-group-list .selected-intersection-group {
  display: inline-block;
  margin: 3px 0px;
  padding: 0px 0px 0px 10px;
  background: #d8d8d8;
  border-radius: 8px;
}
header .list-section-intersection .intersection-selected-group-list .selected-intersection-group.addressable {
  background: #52ba57;
  color: #212121;
}
header .list-section-intersection .intersection-selected-group-list .selected-intersection-group.non-removeable {
  padding-right: 11px;
}
header .list-section-intersection .intersection-selected-group-list .selected-intersection-group .btn-addressee {
  background: rgba(255, 255, 255, 0.33);
  margin: 0px 0px 0px 10px !important;
  border-radius: 0px 8px 8px 0px;
}
header .list-section-intersection .intersection-selected-group-list .selected-intersection-group .btn-addressee i.material-icons {
  font-size: 18px;
  margin: 0px;
  padding: 0px 5px 2px 3px;
}
/* =============================================================================
 #HAL
 ============================================================================ */
/**
* 1. Caffe Nero's help system HAL
  2. Our classes "prompt", "text-answer", "html-answer", "iframe-answer"
  3. CN class "Hint".
  4. sticky hover fix* CSS Media Queries Level 4:
  https://stackoverflow.com/questions/17233804/how-to-prevent-sticky-hover-effects-for-buttons-on-touch-devices?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa
  https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover

*/
/* Variables
   ========================================================================== */
/* spinner */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* delay spinner. stop flash for every hal answer */
@keyframes fadein {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Mixins
   ========================================================================== */
.response {
  display: inline-block;
  color: #212121;
  background-color: #ededed;
  margin: 20px 10px 0 10px;
  padding: 5px 10px;
  word-break: break-word;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}
.response-container {
  display: inline-block;
  background-color: #ededed;
  margin: 0px 10px;
  padding: 5px 10px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
section#hal .breadcrumb {
  margin: 0 10px;
  background: #f6f6f6;
  border: 0;
}
section#hal .breadcrumb .path {
  font-size: 12px;
  border: 0;
  margin-left: 5px;
  display: inline;
  padding-left: 0px;
  line-height: 24px;
}
section#hal .breadcrumb .path:first-child {
  margin-left: 0;
}
section#hal .breadcrumb .path::after {
  font-size: 14px;
  content: "  \203A";
  color: #b3b3b3;
}
section#hal .breadcrumb .path:hover,
section#hal .breadcrumb .path:active {
  color: #212121;
  background: #f6f6f6;
  cursor: default;
}
section#hal div.prompt {
  display: inline-block;
  color: #212121;
  background-color: #ededed;
  margin: 20px 10px 0 10px;
  padding: 5px 10px;
  word-break: break-word;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 10px;
}
section#hal div.alert-wrapper {
  text-align: center;
  margin: 10px 0;
  padding: 0;
  border: 0;
}
section#hal div.alert-wrapper:hover {
  background-color: #f6f6f6;
  cursor: default;
}
section#hal div.alert-wrapper div.background {
  display: inline-block;
  height: 36px;
  border-radius: 20px;
  background: #d9534f;
  margin: 0;
  padding: 0;
  /* icon */
  /* message */
}
section#hal div.alert-wrapper div.background div.icon {
  position: relative;
  float: left;
  top: 6px;
  left: 5px;
}
section#hal div.alert-wrapper div.background div.icon i.material-icons {
  font-size: 24px;
  color: white;
}
section#hal div.alert-wrapper div.background div.message {
  position: relative;
  float: left;
  margin: 8px 20px 0 10px;
  padding: 0;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #d9534f;
  color: #fefefe;
}
section#hal div.spinner-wrapper {
  text-align: center;
  margin: 10px 0;
  padding: 0;
  border: 0;
  /* alert container */
}
section#hal div.spinner-wrapper:hover {
  background-color: #f6f6f6;
  cursor: default;
}
section#hal div.spinner-wrapper div.background {
  display: inline-block;
  height: 36px;
  border-radius: 20px;
  background: #52ba57;
  margin: 0;
  padding: 0;
  /* spinner */
  /* message */
}
section#hal div.spinner-wrapper div.background div.spinner {
  position: relative;
  top: 8px;
  left: 10px;
  float: left;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fefefe;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  background-color: #52ba57;
}
section#hal div.spinner-wrapper div.background div.message {
  position: relative;
  float: left;
  margin: 8px 20px 0 20px;
  padding: 0;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #52ba57;
  color: #fefefe;
}
section#hal div.reload {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid #e7e7e7;
  padding-left: 10px;
}
section#hal div.reload i.material-icons {
  font-size: 24px;
  vertical-align: top;
  margin: 0 10px 0 0;
  color: #212121;
}
section#hal > div > div {
  background-color: #f6f6f6;
  border-top: 1px solid #e7e7e7;
  padding-left: 10px;
  color: #212121;
  position: relative;
}
section#hal > div > div:last-of-type {
  border-bottom: 1px solid #e7e7e7;
}
section#hal > div > div:active {
  color: #fefefe;
  background-color: #ff4e00;
}
section#hal > div > div:hover {
  color: #fefefe;
  background-color: #ff4e00;
  cursor: pointer;
}
section#hal > div > div:hover i.material-icons {
  color: #fefefe;
}
section#hal > div > div.terminal:hover,
section#hal > div > div.terminal:active {
  color: #212121 !important;
  background: #f6f6f6 !important;
  cursor: not-allowed !important;
}
@media (hover: none) {
  section#hal > div > div:hover {
    color: #212121;
    background-color: #f6f6f6;
  }
  section#hal > div > div:hover i.material-icons {
    color: #212121;
  }
}
section#hal > div > div span {
  width: 90%;
  display: inline-block;
  line-height: 24px;
  padding: 12px 0;
}
section#hal > div > div span:nth-child(2) {
  width: 30px;
  position: absolute;
  right: 0;
}
section#hal > div > div span:nth-child(2) i.material-icons {
  color: #999999;
}
section#hal > div > div > div.no-touch:active {
  color: #fefefe;
  background-color: #ff4e00;
}
section#hal > div > div > div.no-touch:last-of-type {
  border-bottom: 1px solid #e7e7e7;
}
section#hal > div > div > div.terminal:hover,
section#hal > div > div > div.terminal:active {
  color: #212121 !important;
  background: #f6f6f6 !important;
  cursor: not-allowed !important;
}
section#question-details div.prompt {
  display: inline-block;
  color: #212121;
  background-color: #ededed;
  margin: 20px 10px 0 10px;
  padding: 5px 10px;
  word-break: break-word;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 10px;
}
section#question-details div.info-text {
  font-size: 12px;
  font-weight: normal;
  padding-left: 10px;
  color: #212121;
  margin: 10px 0 5px 0;
}
section#question-details div.param-hierarchy {
  position: relative;
  margin-bottom: 48px;
  border-bottom: 1px solid #e7e7e7;
}
section#question-details div.param-hierarchy div.collapsed {
  background-color: #f6f6f6;
  border-top: 1px solid #e7e7e7;
  vertical-align: middle;
  line-height: 48px;
}
section#question-details div.param-hierarchy div.collapsed:hover {
  color: #fefefe;
  background-color: #ff4e00;
  cursor: pointer;
}
@media (hover: none) {
  section#question-details div.param-hierarchy div.collapsed:hover {
    color: #212121;
    background-color: #f6f6f6;
  }
}
section#question-details div.param-hierarchy div.level-1 {
  padding-left: 10px;
}
section#question-details div.param-hierarchy div.level-1:first-of-type {
  margin-top: 20px;
}
section#question-details div.param-hierarchy div.level-1.leaf.selected {
  border-top: 1px solid #e7e7e7;
  background-color: #ff4e00;
  color: #fefefe;
  line-height: 48px;
}
section#question-details div.param-hierarchy div.level-1.leaf.selected i.material-icons {
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  right: 0;
}
section#question-details div.param-hierarchy div.level-1 span.expand-less,
section#question-details div.param-hierarchy div.level-2 span.expand-less,
section#question-details div.param-hierarchy div.level-3 span.expand-less,
section#question-details div.param-hierarchy div.level-4 span.expand-less,
section#question-details div.param-hierarchy div.level-5 span.expand-less,
section#question-details div.param-hierarchy div.level-6 span.expand-less,
section#question-details div.param-hierarchy div.level-7 span.expand-less,
section#question-details div.param-hierarchy div.level-8 span.expand-less,
section#question-details div.param-hierarchy div.level-9 span.expand-less,
section#question-details div.param-hierarchy div.level-10 span.expand-less,
section#question-details div.param-hierarchy div.level-1 span.expand-more,
section#question-details div.param-hierarchy div.level-2 span.expand-more,
section#question-details div.param-hierarchy div.level-3 span.expand-more,
section#question-details div.param-hierarchy div.level-4 span.expand-more,
section#question-details div.param-hierarchy div.level-5 span.expand-more,
section#question-details div.param-hierarchy div.level-6 span.expand-more,
section#question-details div.param-hierarchy div.level-7 span.expand-more,
section#question-details div.param-hierarchy div.level-8 span.expand-more,
section#question-details div.param-hierarchy div.level-9 span.expand-more,
section#question-details div.param-hierarchy div.level-10 span.expand-more {
  margin-right: 10px;
  margin-top: 6px;
  position: absolute;
  right: 0;
}
section#question-details div.param-hierarchy div.level-1.expanded,
section#question-details div.param-hierarchy div.level-2.expanded,
section#question-details div.param-hierarchy div.level-3.expanded,
section#question-details div.param-hierarchy div.level-4.expanded,
section#question-details div.param-hierarchy div.level-5.expanded,
section#question-details div.param-hierarchy div.level-6.expanded,
section#question-details div.param-hierarchy div.level-7.expanded,
section#question-details div.param-hierarchy div.level-8.expanded,
section#question-details div.param-hierarchy div.level-9.expanded,
section#question-details div.param-hierarchy div.level-10.expanded {
  background-color: #f6f6f6;
  border-top: 1px solid #e7e7e7;
  vertical-align: middle;
  line-height: 48px;
  text-indent: 10px;
  padding-left: 0;
}
section#question-details div.param-hierarchy div.level-1.expanded:hover,
section#question-details div.param-hierarchy div.level-2.expanded:hover,
section#question-details div.param-hierarchy div.level-3.expanded:hover,
section#question-details div.param-hierarchy div.level-4.expanded:hover,
section#question-details div.param-hierarchy div.level-5.expanded:hover,
section#question-details div.param-hierarchy div.level-6.expanded:hover,
section#question-details div.param-hierarchy div.level-7.expanded:hover,
section#question-details div.param-hierarchy div.level-8.expanded:hover,
section#question-details div.param-hierarchy div.level-9.expanded:hover,
section#question-details div.param-hierarchy div.level-10.expanded:hover {
  color: #fefefe;
  background-color: #ff4e00;
  cursor: pointer;
}
section#question-details div.param-hierarchy div.level-1.expanded:hover div,
section#question-details div.param-hierarchy div.level-2.expanded:hover div,
section#question-details div.param-hierarchy div.level-3.expanded:hover div,
section#question-details div.param-hierarchy div.level-4.expanded:hover div,
section#question-details div.param-hierarchy div.level-5.expanded:hover div,
section#question-details div.param-hierarchy div.level-6.expanded:hover div,
section#question-details div.param-hierarchy div.level-7.expanded:hover div,
section#question-details div.param-hierarchy div.level-8.expanded:hover div,
section#question-details div.param-hierarchy div.level-9.expanded:hover div,
section#question-details div.param-hierarchy div.level-10.expanded:hover div {
  color: #212121;
  background-color: #f6f6f6;
}
section#question-details div.param-hierarchy div.level-1.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-2.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-3.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-4.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-5.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-6.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-7.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-8.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-9.expanded:hover div:hover,
section#question-details div.param-hierarchy div.level-10.expanded:hover div:hover {
  color: #fefefe;
  background-color: #ff4e00;
  cursor: pointer;
}
@media (hover: none) {
  section#question-details div.param-hierarchy div.level-1.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-2.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-3.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-4.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-5.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-6.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-7.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-8.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-9.expanded:hover div:hover,
  section#question-details div.param-hierarchy div.level-10.expanded:hover div:hover {
    color: #212121;
    background-color: #f6f6f6;
  }
}
section#question-details div.param-hierarchy div.level-1.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-2.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-3.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-4.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-5.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-6.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-7.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-8.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-9.expanded:hover div.collapsed,
section#question-details div.param-hierarchy div.level-10.expanded:hover div.collapsed {
  padding-left: 0;
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf {
  background-color: #f6f6f6;
  color: #212121;
  border-top: 1px solid #e7e7e7;
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf:hover,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf:hover {
  background-color: #ff4e00;
  color: #fefefe;
  cursor: pointer;
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf:hover i.material-icons,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf:hover i.material-icons {
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  right: 0;
  visibility: visible;
}
@media (hover: none) {
  section#question-details div.param-hierarchy div.level-1.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-2.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-3.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-4.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-5.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-6.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-7.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-8.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-9.expanded div.leaf:hover,
  section#question-details div.param-hierarchy div.level-10.expanded div.leaf:hover {
    color: #212121;
    background-color: #f6f6f6;
  }
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf.selected,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf.selected {
  background-color: #ff4e00;
  color: #fefefe;
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf.selected i.material-icons,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf.selected i.material-icons {
  margin-right: 10px;
  margin-top: 12px;
  position: absolute;
  right: 0;
  visibility: visible;
}
section#question-details div.param-hierarchy div.level-1.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-2.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-3.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-4.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-5.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-6.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-7.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-8.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-9.expanded div.leaf i.material-icons,
section#question-details div.param-hierarchy div.level-10.expanded div.leaf i.material-icons {
  vertical-align: sub;
  margin-right: 5px;
  visibility: hidden;
}
section#question-details select {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 0 40px 0 10px;
  margin: 20px -10px 0 0;
  color: #212121;
  background-color: #f6f6f6;
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
section#question-details select:focus {
  outline: none;
}
section#question-details .select-container {
  position: relative;
  display: inline;
}
section#question-details .select-container:after {
  font-family: "Material Icons";
  content: "\e5cf";
  font-size: 24px;
  color: #212121;
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}
section#question-details .select-container:after {
  top: -7px;
  right: 24px;
}
section#question-details select::-ms-expand {
  display: none;
}
section#question-details textarea {
  margin: 10px;
  width: 95%;
  background-color: #fefefe;
  font-size: 16px;
  border-radius: 4px;
}
section#question-details span.hint {
  display: inline-block;
  color: #212121;
  background-color: #ededed;
  margin: 20px 10px 0 10px;
  padding: 5px 10px;
  word-break: break-word;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}
section#question-details textarea.form-control {
  background-color: #fefefe;
  border: 1px solid #e7e7e7;
  margin-bottom: 30px;
}
section#question-details textarea.form-control:focus {
  border: 1px solid #ff4e00;
}
section#question-details textarea.form-control:focus::-webkit-input-placeholder {
  color: transparent;
}
section#question-details textarea.form-control:focus::-moz-placeholder {
  color: transparent;
}
section#question-details textarea.form-control:focus:-moz-placeholder {
  color: transparent;
}
section#question-details textarea.form-control:focus:-ms-input-placeholder {
  color: transparent;
}
section#question-details div.form-btn {
  margin: 20px 10px 20px 10px;
  padding: 10px;
  background: #ff4e00;
  border-radius: 4px;
  color: #fefefe;
}
section#question-details div.form-btn.disabled {
  color: #d9d9d9;
  background: #f2f2f2;
}
section#hal-answer div.wrapper {
  display: block;
  margin: 0;
  padding: 0;
}
section#hal-answer div.wrapper div.question {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
  color: #212121;
  position: relative;
  margin: 20px 0 !important;
}
section#hal-answer div.spinner-wrapper {
  text-align: center;
  margin: 0;
  padding: 0;
  opacity: 0;
  -webkit-animation: fadein 2s;
  animation: fadein 2s;
  /* alert container */
}
section#hal-answer div.spinner-wrapper div.background {
  display: inline-block;
  height: 36px;
  border-radius: 20px;
  background: #52ba57;
  margin: 0;
  padding: 0;
  /* spinner */
  /* message */
}
section#hal-answer div.spinner-wrapper div.background div.spinner {
  position: relative;
  top: 8px;
  left: 10px;
  float: left;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fefefe;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  background-color: #52ba57;
}
section#hal-answer div.spinner-wrapper div.background div.message {
  position: relative;
  float: left;
  margin: 8px 20px 0 20px;
  padding: 0;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #52ba57;
  color: #fefefe;
}
section#hal-answer div {
  background-color: #f6f6f6;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
}
section#hal-answer div span:nth-child(2) {
  margin-top: 10px;
}
section#hal-answer div span.hint,
section#hal-answer div span.error {
  display: inline-block;
  color: #212121;
  background-color: #ededed;
  margin: 20px 10px 0 10px;
  padding: 5px 10px;
  word-break: break-word;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}
section#hal-answer div span.error {
  color: #cd0000;
}
section#hal-answer div.text-answer {
  color: #212121;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-word;
}
section#hal-answer div.html-answer {
  display: block;
}
section#hal-answer div.html-answer h1,
section#hal-answer div.html-answer h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  margin: 10px 0 10px 0;
}
section#hal-answer div.html-answer h1:first-of-type,
section#hal-answer div.html-answer h3:first-of-type {
  margin-top: 0px;
}
section#hal-answer div.html-answer p {
  color: #212121;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-word;
  margin: 0 0 12px;
}
section#hal-answer div.html-answer p:last-of-type {
  margin-bottom: 0px;
}
section#hal-answer div.html-answer address {
  margin: 0;
}
section#hal-answer div.html-answer table {
  border: 1px solid #d5d5d5;
}
section#hal-answer div.html-answer tr {
  border: 0;
  border-top: 1px solid #212121;
  vertical-align: top;
}
section#hal-answer div.html-answer th {
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 5px;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  background-color: #ededed;
  vertical-align: top;
}
section#hal-answer div.html-answer td {
  margin: 0;
  padding: 5px;
  border-right: 1px solid #d5d5d5;
  border-top: 1px solid #212121;
}
section#hal-answer div.html-answer strong {
  font-weight: 600;
}
section#hal-answer div.html-answer img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
section#hal-answer div.html-answer .google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
section#hal-answer div.html-answer .google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
section#hal-answer iframe {
  border: 0;
}
.loading {
  font-size: 16px;
  margin: 10px 10px 0 20px;
  color: #52ba57;
  display: block;
  text-decoration: none;
}
div.dead-end:hover {
  background-color: #f6f6f6 !important;
  color: #212121 !important;
  cursor: not-allowed !important;
}
header .top-nav-header {
  border-bottom: 1px solid #ededed;
}
header .top-nav-header ul {
  height: 44px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
  position: relative;
  background: #fefefe !important;
}
header .top-nav-header ul li {
  display: block;
  height: 100%;
}
header .top-nav-header ul li.drawer {
  float: left;
}
header .top-nav-header ul li.forward {
  float: right;
}
header .top-nav-header ul li.logo {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  color: #ff4e00;
  line-height: 26px;
  padding: 11px 0 10px;
  margin: 0;
}
header .top-nav-header ul li.logo > a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent url("../img/header-logo.png") center center no-repeat;
  background-size: contain;
}
header .top-nav-header ul li.title {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #212121;
  line-height: 24px;
  padding: 11px 40px 10px 73px;
}
header .top-nav-header ul li.manage-notifications {
  height: 44px;
  width: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.manage-notifications > span {
  display: block;
  height: 100%;
  width: auto;
}
header .top-nav-header ul li.manage-notifications > span.new-msg a {
  padding-bottom: 2px;
}
header .top-nav-header ul li.manage-notifications a {
  display: block;
  padding: 11px 10px 0px 11px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 20px;
  line-height: 32px;
  border: none;
}
header .top-nav-header ul li.manage-notifications a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.manage-notifications a.btn-forward {
  font-size: 12px;
  line-height: 24px;
}
header .top-nav-header ul li.manage-notifications a.btn-forward.disabled {
  color: #ededed;
}
header .top-nav-header ul li.contextual-user-control {
  height: 44px;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.contextual-user-control > span {
  display: block;
  height: 100%;
  width: auto;
}
header .top-nav-header ul li.contextual-user-control > span.all-read a,
header .top-nav-header ul li.contextual-user-control > span.new-msg a {
  padding-bottom: 2px;
}
header .top-nav-header ul li.contextual-user-control a {
  display: block;
  padding: 11px 10px 0px 10px;
  color: #ff4e00;
  background: #fefefe;
  border: none;
}
header .top-nav-header ul li.contextual-user-control a.disabled {
  color: #ededed;
}
header .top-nav-header ul li.contextual-user-control a:hover {
  color: #ff4e00;
  background: #fefefe;
}
header .top-nav-header ul li.contextual-user-control div.contextual-user-control a {
  display: block;
  letter-spacing: 1px;
  background: #ff4e00;
  color: #fefefe;
  border: none;
  padding: 3px 13px;
  margin-top: 10px;
  margin-right: 10px;
}
header .top-nav-header ul li.contextual-user-control div.contextual-user-control a.btn-forward {
  font-size: 12px;
  line-height: 19px;
}
header .top-nav-header ul li.contextual-user-control div.contextual-user-control a.btn-forward.disabled {
  color: #ededed;
  background: #fefefe;
}
header .top-nav-header ul li.back {
  height: 100%;
  width: 85px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
}
header .top-nav-header ul li.back div {
  display: block;
  height: 100%;
  width: auto;
  padding: 11px 10px 10px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 19px;
  line-height: 30px;
  border: none;
}
header .top-nav-header ul li.back div .ss-navigateleft {
  margin-left: -3px;
  position: relative;
  top: 0;
}
header .top-nav-header ul li.back div:hover {
  color: #ff4e00;
  background: #fefefe;
  cursor: pointer;
}
header .top-nav-header ul li.back div.btn-back {
  font-size: 12px;
  line-height: 24px;
}
header .top-nav-header ul li.back div .badge {
  margin-bottom: 7px;
}
header .top-nav-header ul li.back div .view-label {
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  bottom: 5px;
}
.splash-page .full-page-root {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: initial;
}
.splash__wrapper .splash__logo {
  display: block;
  width: 80px;
  height: 82px;
  margin: 0 auto 20px;
  padding: 0;
  background: transparent url(../img/yapster-full-logo.svg) center center no-repeat;
  background-size: contain;
}
.splash__wrapper .splash__info {
  line-height: 35px;
  text-transform: uppercase;
  color: #999999;
  letter-spacing: 2px;
  font-size: 12px;
}
/* =============================================================================
 # Yapster-lite
 ============================================================================ */
/**
* 1. Prompt screen to upgrade when user tries to upload media inc. profile pict
*/
#yapster-lite-modal {
  width: 100%;
  height: 100%;
  background: #212121;
  padding: 0 20px;
}
#yapster-lite-modal .yapster-lite-overlay-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
#yapster-lite-modal i.material-icons {
  font-size: 36px;
  color: #606060;
}
#yapster-lite-modal .yapster-lite-header-text {
  font-size: 24px;
  line-height: 30px;
  color: #fefefe;
  display: block;
  margin-top: 175px;
  text-align: center;
}
#yapster-lite-modal .yapster-lite-body-text {
  font-size: 16px;
  line-height: 22px;
  color: #fefefe;
  display: block;
  text-align: center;
}
#yapster-lite-modal .yapster-lite-upgrade-wrapper {
  display: block;
  margin-top: 30px;
}
#yapster-lite-modal .yapster-lite-upgrade-button {
  margin: 0 auto;
  width: 120px;
}
#yapster-lite-modal .btn-yapster-lite-upgrade {
  background: #E63228;
  color: #fefefe;
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
}
/* =============================================================================
 # Reply to Yap or news-post comments
 ============================================================================ */
/**
* 1. need variable app wide for font-size: 16px
* 2. need variable app wide for line-height: 16px;
*/
.reply-to-message {
  color: #212121;
  background: #ededed;
  border: none;
  border-top: 1px solid #d8d8d8;
  border-radius: 0 !important;
  padding: 10px;
  margin: 0;
}
.reply-to-message--message-stream {
  position: relative;
  display: flex;
  padding: 0;
  border: 0;
}
.reply-to-message__reply-container {
  position: relative;
  display: flex;
  background: #DDDDDD;
  border-left: 5px solid #ff4e00;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  padding: 5px 5px 5px 10px;
  min-height: 64px;
  margin-top: 5px;
}
.reply-to-message__reply-container--stream {
  margin: 5px 0px;
}
.reply-to-message__quoted-message-container {
  position: relative;
  order: 0;
  flex-grow: 1;
}
.reply-to-message__author-name {
  color: #212121;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  padding-right: 5px;
  display: inline-block;
}
.reply-to-message__message-time {
  display: inline;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  padding: 0 10px 0 0;
}
.reply-to-message__quoted-body-text {
  display: block;
  color: #212121;
  font-size: 16px;
}
.reply-to-message small.edited {
  font-size: 10px;
  opacity: 0.7;
}
.reply-to-message .mention {
  color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
  font-size: 16px;
}
.reply-to-message .mention.this-user:not(.mine) {
  color: #FEFEFF;
  background-color: #1189df;
  padding: 0 3px;
  border-radius: 4px;
}
.reply-to-message a {
  color: #1189df;
  word-break: break-all;
  margin: 0px 5px;
  font-size: 16px;
}
.reply-to-message .hashtag {
  color: #1189df;
  font-size: 16px;
}
.reply-to-message img {
  margin-bottom: 1px;
}
.reply-to-message__quoted-media-container {
  position: relative;
  order: 1;
  margin: 5px 0px;
}
.reply-to-message__quoted-media-container .action-button.cancel {
  top: 1px;
  right: 1px;
  position: absolute;
  z-index: 1;
}
.reply-to-message__quoted-media-container .action-button.cancel i.material-icons {
  color: #999999;
}
.reply-to-message__quoted-media {
  position: relative;
  width: max-content;
  padding-bottom: 10px;
}
.reply-to-message__quoted-media .quoted-media-count {
  display: block;
  position: absolute;
  bottom: 4px;
  right: -10px;
  font-size: 12px;
  line-height: 18px;
  color: #fefefe;
  background: #606060;
  -webkit-box-shadow: 0 2px 4px #999999;
  box-shadow: 0 2px 4px #999999;
  border-radius: 10px;
}
.reply-to-message__quoted-media .quoted-media-count .quoted-media-count__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1px 8px 3px 6px;
}
.reply-to-message__quoted-media .quoted-media-count i.material-icons {
  font-size: 16px;
  line-height: 18px;
}
footer .message-form-footer .reply-to-message__quoted-body-text {
  max-height: 11ch;
  overflow: auto;
}
/* ==========================================================================
 #SCROLL TO MESSAGE
 ========================================================================== */
/**
* 1. Displayed after 25 new messages.
* 2. Removed when button clicked or manually scrolled to latest post.
*/
@keyframes scrollToLatestEnter {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
#scroll-to-latest {
  position: fixed;
  margin-top: 5px;
  width: 100%;
  max-width: 480px;
  z-index: 111 !important;
  animation: scrollToLatestEnter 0.25s ease-out forwards;
}
#scroll-to-latest .scroll-to-latest-container {
  position: relative;
  width: 115px;
  margin: 0 auto;
  background: #ff4e00;
  color: #fefefe;
  padding: 5px 10px 7px 10px;
  border-radius: 20px;
  -webkit-box-shadow: 0 8px 6px -6px #949494;
  -moz-box-shadow: 0 8px 6px -6px #949494;
  box-shadow: 0 8px 6px -6px #949494;
}
#scroll-to-latest .scroll-to-latest-container a {
  font-size: 14px;
  color: #fefefe;
  cursor: pointer;
}
#scroll-to-latest .scroll-to-latest-container i.material-icons {
  font-size: 18px;
  vertical-align: sub;
  margin-right: 5px;
}
/* =============================================================================
 # Animated GIFs - GIPHY
 ============================================================================ */
/**
* 1. The header and its content has some modifications compared to existing app
     headers.
*/
#page.giphy-search header,
#page.giphy-search section,
#page.giphy-search footer {
  background: #f6f6f6;
}
#page.giphy-search header {
  text-align: left;
}
#page.giphy-search header div.search-sub-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fefefe;
}
#page.giphy-search header div.search-sub-nav div.back {
  order: 1;
}
#page.giphy-search header div.search-sub-nav div.back .btn-back {
  font-size: 12px;
  border: none;
  padding: 14px 10px 10px 17px;
  color: #ff4e00;
}
#page.giphy-search header div.search-sub-nav div.forward {
  order: 2;
}
#page.giphy-search header div.search-sub-nav div.forward .btn-forward {
  font-size: 12px;
  border: none;
  margin: 10px 10px 0 0;
  background-color: #ff4e00;
  color: #fefefe;
}
#page.giphy-search header div.search-sub-nav div.forward .btn-forward.disabled {
  background-color: transparent;
  color: #ededed;
}
#page.giphy-search header div.input-icon {
  order: 3;
  flex-basis: 100%;
  margin-top: 1px;
}
#page.giphy-search header div.input-icon .form-control {
  padding-top: 11px;
}
#page.giphy-search header div.input-icon .form-control ~ span i.material-icons {
  top: 9px;
}
#page.giphy-search section.giphy-image-grid {
  padding: 0;
  margin-top: 5px;
}
#page.giphy-search section.giphy-image-grid .list-section ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0 4px;
}
#page.giphy-search section.giphy-image-grid .list-section ul li {
  flex: 50%;
  max-width: 240px;
  margin: 0;
  padding: 2px;
}
#page.giphy-search section.giphy-image-grid .list-section ul li video,
#page.giphy-search section.giphy-image-grid .list-section ul li img {
  height: 150px;
  width: auto;
  border: 1px solid #f6f6f6;
  vertical-align: middle;
  width: 100%;
  object-fit: cover;
}
#page.giphy-search section.giphy-image-grid .list-section ul li video.selected,
#page.giphy-search section.giphy-image-grid .list-section ul li video:active,
#page.giphy-search section.giphy-image-grid .list-section ul li img.selected,
#page.giphy-search section.giphy-image-grid .list-section ul li img:active {
  border: 4px solid #52ba57;
}
#page.giphy-search section.giphy-image-grid .no-results {
  margin-top: 50px;
  text-align: center;
  color: #212121;
}
#page.giphy-search footer {
  border-top: 1px solid #ededed;
  text-align: center;
  height: 21px;
  margin: 0;
  padding: 0;
}
#page.giphy-search footer > div {
  margin: 0;
  padding: 0;
}
#page.giphy-search footer > div img {
  margin-bottom: 7px;
}
#c-yapplications {
  padding: 10px 0;
}
.c-yapplications__browser-frame {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fefefe;
}
.c-yapplications__browser-content {
  width: 100%;
  height: 100%;
  border: 0px;
}
.c-yapplications__grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.c-yapplications__grid-item {
  flex-basis: 33.33%;
  -ms-flex: auto;
  width: 259px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
}
.c-yapplications__grid-item .c-yapplications__app-icon img {
  width: 64px;
  height: 64px;
  border-radius: 4px;
}
.c-yapplications__grid-item .c-yapplications__app-label {
  margin-top: 5px;
  line-height: 18px;
}
/* =============================================================================
 # My Uploads
 ============================================================================ */
/**
* 1. Files which users' add to news or converstaions are stored here for
     reference and distribution.
*/
/* Variables
   ========================================================================== */
.my-uploads-select-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 44px;
  background: #fefefe;
}
.my-uploads-select-header .back {
  order: 1;
  display: block;
  height: 100%;
  width: auto;
  padding: 11px 0 0 10px;
  color: #ff4e00;
  background: #fefefe;
  font-size: 19px;
  line-height: 30px;
  border: none;
}
.my-uploads-select-header .back .ss-navigateleft {
  margin-left: -3px;
  position: relative;
  top: 0;
}
.my-uploads-select-header .back .btn-back {
  font-size: 12px;
  border: none;
  padding: 14px 10px 10px 17px;
  color: #ff4e00;
}
.my-uploads-select-header .forward {
  order: 2;
}
.my-uploads-select-header .forward .btn-forward {
  font-size: 12px;
  border: none;
  margin: 10px 10px 0 0;
  background-color: #ff4e00;
  color: #fefefe;
}
.my-uploads-select-header .forward .btn-forward.disabled {
  background-color: transparent;
  color: #ededed;
}
section#my-uploads {
  margin: 0 10px;
}
section#my-uploads .window-list-content .list-group-item {
  border: none;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
section#my-uploads .window-list-content .list-group-item:first-child {
  border-radius: 0;
}
section#my-uploads .window-list-content .list-group-item .pic-container,
section#my-uploads .window-list-content .list-group-item .media-item__media--document,
section#my-uploads .window-list-content .list-group-item .message-image-wrapper {
  flex: 0 0 64px;
}
section#my-uploads .window-list-content .list-group-item .my-uploads-li-content {
  flex: 1 1 100%;
  min-width: 10px;
}
section#my-uploads .window-list-content .list-group-item .my-uploads-li-form-container {
  flex: 0 0 64px;
}
section#my-uploads .window-list-content .list-group-item .pic-container {
  width: 64px;
  height: 64px;
  position: relative;
  display: inline-block;
}
section#my-uploads .window-list-content .list-group-item .pic-container img {
  height: 64px;
  width: auto;
}
section#my-uploads .window-list-content .list-group-item .media-item__media--document a {
  float: left;
  width: 64px !important;
}
section#my-uploads .window-list-content .list-group-item .media-item__media--document a img {
  height: 64px;
  width: auto;
  margin: 0 auto;
}
section#my-uploads .window-list-content .list-group-item .iframe-container {
  width: 64px !important;
  height: 64px !important;
  background: #151515;
}
section#my-uploads .window-list-content .list-group-item .iframe-container iframe {
  width: 64px;
  height: 64px;
  vertical-align: middle;
}
section#my-uploads .window-list-content .list-group-item .iframe-container .video-transcode-placeholder {
  background: #151515;
  width: 100%;
  margin: 12px 0;
  height: 48px;
}
section#my-uploads .window-list-content .list-group-item .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 64px;
  height: 48px;
  padding: 0;
}
section#my-uploads .window-list-content .list-group-item .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__loading-message {
  font-size: 24px;
  color: #fefefe;
  visibility: hidden;
}
section#my-uploads .window-list-content .list-group-item .iframe-container .video-transcode-placeholder .video-transcode-placeholder__wrapper .video-transcode-placeholder__spinner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(254, 254, 254, 0.25);
  border-bottom: 2px solid #fefefe;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
section#my-uploads .window-list-content .my-uploads-li-content {
  padding: 0 0 0 10px;
}
section#my-uploads .window-list-content .my-uploads-li-content .file-name {
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
section#my-uploads .window-list-content .my-uploads-li-content .timestamp {
  font-weight: 300;
  color: #999999;
  font-size: 14px;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
section#my-uploads .window-list-content .my-uploads-li-form-container i.checkbox-toggle-off {
  color: #999999;
}
section#my-uploads .window-list-content .my-uploads-li-form-container i.checkbox-toggle-on {
  color: #52ba57;
}
section#my-uploads .window-list-content .document-pdf {
  width: 64px;
}
section#my-uploads .window-list-content .document-pdf img {
  height: 64px;
  width: auto;
  margin: 0 auto;
}
.c-nps-prompt {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.c-nps-prompt__cta {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  margin: 12vh 0 6vh 0;
}
.full-page-root .c-nps-prompt__cta-text {
  flex: 2 1;
  order: 1;
  font-size: 20px;
}
.c-nps-prompt__cta-img-wrapper {
  flex: 0 0 133px;
  order: 2;
  display: block;
  position: relative;
  height: 196px;
  width: 196px;
}
.c-nps-prompt__cta-img {
  position: absolute;
  top: 0px;
  right: -68px;
}
.c-nps-prompt__rtngs {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-evenly;
  margin: 4vh 0px 8vh 0px;
  padding: 0px;
  list-style: none;
}
.c-nps-rtng {
  position: relative;
  height: 5em;
  margin: 0px;
  padding: 0px;
}
.c-nps-rtng__label {
  display: block;
  position: absolute;
  bottom: -1.5em;
  left: -50%;
  width: 100px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.c-nps-rtng__value {
  display: none;
}
.c-nps-rtng:before {
  content: "☆";
  font-size: 3em;
  color: #999999;
  transition: color 0.5s ease;
}
.c-nps-rtng:hover {
  color: #606060;
}
.c-nps-rtng--exceeded:before,
.c-nps-rtng--selected:before {
  color: #F3BC65;
  text-shadow: 0px 4px 2px #999999;
}
.c-nps-rtng--exceeded:hover,
.c-nps-rtng--selected:hover {
  color: #ff4e00;
}
.c-nps-rtng--exceeded:before,
.c-nps-rtng--selected:before {
  content: "★";
}
.c-nps-prompt__submit {
  flex: 2 1 auto;
  display: flex;
  width: 100%;
  height: 6em;
  margin: 2vh 0vh;
  justify-content: center;
}
.c-nps-prompt__submit button {
  display: block;
  height: 4em;
  padding: 1em 2em;
  color: #fefefe;
  background: #52ba57;
  border: none;
  border-radius: 6vw;
}
.c-nps-prompt__skip {
  flex: 0 2 auto;
  width: 100%;
  text-align: right;
}
.c-nps-prompt__skip a {
  display: inline-block;
  padding: 0.5em 0px 0.5em 0.5em;
}
.c-nps-prompt__skip,
.c-nps-prompt__skip a,
.c-nps-prompt__skip a:link,
.c-nps-prompt__skip a:hover,
.c-nps-prompt__skip a:focus {
  color: #999999;
}
.c-horizontal-list__paddle {
  position: absolute;
  top: 0px;
  height: 100%;
  background: none;
  border: none;
}
.c-horizontal-list__paddle i.material-icons {
  margin-top: 0px;
  margin-left: 0px;
  color: #606060;
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background-color: rgba(254, 254, 254, 0.75);
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  position: relative;
}
.c-horizontal-list__paddle--left {
  left: 0px;
}
.c-horizontal-list__paddle--right {
  right: 0px;
}
.c-horizontal-list__paddles--hide .c-horizontal-list__paddle {
  display: none;
}
.c-horizontal-list__paddles--show-left .c-horizontal-list__paddle--left {
  display: block;
}
.c-horizontal-list__paddles--show-left .c-horizontal-list__paddle--right {
  display: none;
}
.c-horizontal-list__paddles--show-right .c-horizontal-list__paddle--right {
  display: block;
}
.c-horizontal-list__paddles--show-right .c-horizontal-list__paddle--left {
  display: none;
}
.c-horizontal-list__paddles--show .c-horizontal-list__paddle {
  display: block;
}
#app.wide {
  max-width: unset;
}
@media screen and (min-width: 480px) {
  #app.wide .bm-overlay {
    width: 100% !important;
  }
  #app.wide .bm-menu-wrap {
    transform: translate3d(0px, 0px, 0px);
  }
}
body.mobilelogin #main {
  background-color: #fefefe;
  padding: 0 10px 30px;
}
body.mobilelogin #main .panel .identity {
  position: relative;
  padding: 30px 0;
}
body.mobilelogin #main .panel .identity .logo {
  width: 80px;
  height: 82px;
  display: block;
  margin: 0 auto;
}
body.mobilelogin #main .panel h3 {
  color: #ff4e00;
  margin-top: 0 !important;
}
body.mobilelogin #main .panel h4 {
  font-size: 1em;
}
body.mobilelogin #main .panel .cta-button,
body.mobilelogin #main .panel .cta-button-okta {
  text-align: center;
  margin: 10px 0;
}
body.mobilelogin #main .panel .cta-button .btn a,
body.mobilelogin #main .panel .cta-button-okta .btn a {
  text-transform: none !important;
  letter-spacing: 0;
  color: #fefefe !important;
}
body.mobilelogin #main .panel .cta-button .btn-full-width,
body.mobilelogin #main .panel .cta-button-okta .btn-full-width {
  width: 100%;
  height: 45px;
  line-height: 1.9;
  border-radius: 0;
  text-transform: none;
  letter-spacing: 0;
}
body.mobilelogin #main .panel .cta-button .button-icon i.material-icons,
body.mobilelogin #main .panel .cta-button-okta .button-icon i.material-icons {
  padding-top: 3px;
  vertical-align: text-bottom;
}
body.mobilelogin #main .panel .cta-button .button-icon.browser,
body.mobilelogin #main .panel .cta-button-okta .button-icon.browser {
  margin-right: 5px;
}
body.mobilelogin #main .panel .cta-button .button-label,
body.mobilelogin #main .panel .cta-button-okta .button-label {
  text-transform: none;
  letter-spacing: 0;
}
body.mobilelogin #main .panel #has-token-message b {
  font-weight: bold;
}
body.mobilelogin #main .panel #has-token-message p#force-login-para {
  margin-bottom: 0 !important;
  text-align: center;
}
body.mobilelogin #main .panel #has-token-message #browser-login-link a:hover {
  border-bottom: 1px solid #ff4e00;
}
body.mobilelogin #main .panel .cta-button-okta {
  margin-bottom: 30px !important;
}
body.mobilelogin #main .panel .app-stores {
  margin-bottom: 30px;
}
body.mobilelogin #main .panel .app-stores img {
  margin-top: 10px;
}
body.mobilelogin #main .panel .app-stores-okta {
  margin-bottom: 20px;
}
body.mobilelogin #main .panel .app-stores-okta img {
  margin-top: 10px;
}
body.mobilelogin footer {
  background: #fefefe;
}
body.mobilelogin footer .panel {
  padding: 10px 0;
  position: fixed;
  bottom: 0;
}
body.mobilelogin footer .panel p {
  font-size: 12px;
  line-height: 18px;
  color: #b3b3b3;
}
body.mobilelogin footer .panel a {
  color: #b3b3b3;
  text-decoration: underline;
}
body.mobilelogin footer .panel a:hover {
  color: #ff4e00;
  text-decoration: underline;
}
@media only screen and (max-device-width: 320px) {
  body.mobilelogin #main .panel .app-stores {
    margin-bottom: 12px;
  }
}
@media only screen and (min-device-width: 768px) {
  body.mobilelogin {
    background-color: #f6f6f6;
  }
  body.mobilelogin footer .panel {
    position: relative;
  }
  #main {
    width: 500px;
    background-color: #fefefe;
    display: block;
    margin: 10% auto;
    padding: 10px 30px 10px 30px !important;
    -webkit-box-shadow: 0 10px 6px -6px #949494;
    -moz-box-shadow: 0 10px 6px -6px #949494;
    box-shadow: 0 10px 6px -6px #949494;
  }
}
.c-carousel {
  position: relative;
  margin: 10px 10px;
}
.message-body .c-carousel {
  width: 480px;
  max-width: 100%;
  margin: 10px 0px;
}
.reply-to-message__quoted-media .c-carousel {
  width: 120px;
  max-width: 100%;
  margin: 5px 0px;
}
.c-carousel__container {
  position: relative;
  width: 100%;
  max-width: 480px;
  max-height: 480px;
  padding-bottom: 100%;
  background: #151515;
}
@media (max-width: 500px) {
  .c-carousel {
    margin-left: 0px;
    margin-right: 0px;
  }
  .c-carousel__container {
    max-width: 100vw;
    max-height: 100vw;
  }
}
@media (min-width: 501px) {
  #app.wide .c-carousel__container {
    width: 480px;
    padding-bottom: 480px;
  }
  #app.wide .reply-to-message__quoted-media .c-carousel__container {
    width: 120px;
    padding-bottom: 120px;
  }
}
.c-carousel__container__media-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/*
 * Prev/Next Controls
 */
.c-carousel__container__control {
  position: absolute;
  top: 0px;
  display: flex;
  height: 100%;
  padding: 0px;
  align-items: center;
  visibility: hidden;
}
.c-carousel__container__control a {
  display: block;
  padding: 48px 16px;
  z-index: 1;
}
.c-carousel__container__control a:hover {
  cursor: pointer;
}
.c-carousel__container__control i {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50px;
  background-color: rgba(254, 254, 254, 0.75);
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  color: #606060;
  position: relative;
}
.c-carousel__container__control i.material-icons {
  font-size: 24px;
  text-align: center;
}
.c-carousel__container__control i.material-icons.mirror-vertically {
  padding-top: 2px;
  font-size: 20px;
}
.c-carousel__container__control--is-active {
  visibility: visible;
}
.c-carousel__container__control-prev {
  left: 0px;
}
.c-carousel__container__control-next {
  right: 0px;
}
/*
 * Nav Dots
 */
.c-carousel__container__nav-dots {
  display: flex;
  width: 100%;
  max-width: 480px;
  padding: 10px 0px;
  justify-content: center;
  z-index: 1;
}
.c-carousel__container__nav-dots .c-carousel__container__nav-dots-wrapper {
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 4px;
  background: #151515;
  border: 1px solid #606060;
  border-radius: 20px;
}
.c-carousel__container__nav-dots__nav-dot {
  margin: 0 4px;
  color: #d8d8d8;
  font-size: 12px;
  line-height: 12px;
}
.c-carousel__container__nav-dots__nav-dot:hover {
  cursor: pointer;
}
/*
 * Contextual Menu
 */
.c-carousel__container__contextual-menu {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.c-carousel__container__contextual-menu__icon {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50px;
  background-color: rgba(254, 254, 254, 0.75);
  z-index: 1;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
  top: 0px;
  right: 0px;
}
.c-carousel__container__contextual-menu__icon:hover {
  cursor: pointer;
}
.c-carousel__container__contextual-menu__icon i.material-icons {
  margin-top: 6px;
  margin-left: 6px;
  color: #606060;
}
.reply-to-message__quoted-media .c-carousel__container__contextual-menu {
  display: none;
}
/*
 * Media
 */
.media-item__media {
  margin: auto 0;
}
.media-item__media .iframe-container,
.media-item__media iframe,
.media-item__media img,
.media-item__media video {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.c-carousel .media-item {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.media-item__media--document,
.c-carousel .media-item__media--document {
  width: auto;
  height: 65%;
}
.media-item__media--document img,
.c-carousel .media-item__media--document img {
  height: 100%;
}
.media-item__media--video,
.c-carousel .media-item__media--video {
  width: 100vw;
  height: 100%;
}
.media-item__media--video .iframe-container,
.c-carousel .media-item__media--video .iframe-container {
  position: relative;
  padding-bottom: 100%;
  height: 0;
}
.media-item__media--video iframe,
.c-carousel .media-item__media--video iframe,
.media-item__media--video video,
.c-carousel .media-item__media--video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1;
}
.video-thumbnail-overlay {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.video-thumbnail-overlay i.material-icons {
  display: block;
  padding: 6px 8px;
  border-radius: 25%;
  font-size: 18px;
  color: #ededed;
  background: #606060;
  opacity: 75%;
}
.video-transcode-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fefefe;
  background: #151515;
  font-size: 18px;
}
.video-transcode-placeholder__spinner {
  width: 15%;
  min-width: 46px;
  height: 15%;
  min-height: 46px;
  border: 1vw solid rgba(254, 254, 254, 0.25);
  border-bottom: 1vw solid #fefefe;
  border-radius: 50%;
  animation: spin1 1s infinite linear;
}
@keyframes spin1 {
  100% {
    transform: rotate(360deg);
  }
}
.video-transcode-placeholder__loading-message {
  padding-top: 15px;
}
/*
 * Placeholder for news feed posts
 */
.c-carousel--placeholder .c-carousel__container {
  background: #d8d8d8;
}
.c-carousel--placeholder .media-item__media--placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c-carousel--placeholder .picture-form {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #fefefe;
  background: #ff4e00;
}
.c-carousel--placeholder .picture-form i.material-icons {
  color: #fefefe;
  background: #ff4e00;
  margin-top: 4px;
  font-size: 36px;
}
.c-carousel--placeholder .media-item__media--placeholder__label {
  display: block;
  padding-top: 15px;
  color: #606060;
  font-size: 22px;
  text-align: center;
}
.c-carousel--placeholder input {
  display: none;
}
/* Standalone images outside of carousels
 *
 * An edge case for Social Selling:
 *
 * > If a message only has a single media ref and it’s an image and it has a
 * > width and height *then* we display it without being wrapped by a carousel
 *
 * This permits displaying uncropped images within the message stream.
 */
.c-standalone-image-container {
  position: relative;
  width: 100%;
  max-width: 480px;
}
.c-standalone-image-container img {
  width: 100%;
  height: auto;
}
.c-standalone-image-container .c-carousel__container__contextual-menu__icon i.material-icons {
  margin-top: 6px;
  margin-left: 6px;
  color: #606060;
}
.reply-to-message__quoted-media .c-standalone-image-container {
  width: 120px;
  max-width: 100%;
  margin: 5px 0px;
}
@media (max-width: 500px) {
  .c-standalone-image-container {
    max-width: 100vw;
    margin-left: 0px;
    margin-right: 0px;
  }
}
/* =============================================================================
 #Reactions component
 ============================================================================ */
/**
* 1. User reactions in conversations, newsfeed, and activity tab
*/
.c-reactions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 15px 0;
  max-width: 480px;
}
.c-reactions_context_conversation {
  margin: 15px 0 15px 10px;
}
.c-reactions_context_conversation_context_menu {
  height: 36px;
}
.c-reactions_context_reaction_notification {
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
}
.c-reactions__container {
  display: flex;
  width: 20%;
}
.c-reactions__container--context-menu {
  justify-content: center;
}
.c-reactions__container--reaction-notification {
  width: 20px;
}
.c-reactions__emoji-container {
  display: flex;
  order: 1;
  width: 27px;
}
.c-reactions__emoji-container img {
  width: 24px;
  height: 24px;
}
.c-reactions__emoji-container a:hover {
  cursor: pointer;
}
.c-reactions__emoji-container--context-menu {
  width: 36px;
}
.c-reactions__emoji-container--context-menu img {
  width: 36px;
  height: 36px;
}
.c-reactions__emoji-container--reaction-notification img {
  width: 20px;
  height: 20px;
}
.c-reactions__reacted-container {
  display: flex;
  flex-direction: column;
  order: 2;
  min-width: 7px;
  align-self: flex-end;
}
.c-reactions__my-reaction-indicator-container {
  display: flex;
  height: 7px;
  width: 7px;
}
.c-reactions__my-reaction-indicator {
  display: block;
  height: 7px;
  width: 7px;
  background-color: #52ba57;
  border-radius: 50%;
}
.c-reactions__reacted-count {
  display: flex;
  height: 16px;
  max-width: 30px;
  overflow: hidden;
  font-size: 12px;
  color: #999999;
}
/* =============================================================================
 #ANNOUNCEMENT
 ============================================================================ */
/**
* 1. Styles for announcements in newsfeed
*/
/* Styles
  ========================================================================== */
/* announcement badge in same row as author
  ========================================================================== */
.c-announcement-author-badge {
  position: absolute;
  top: 15px;
  right: 6px;
  width: 44px;
  height: 44px;
}
.c-announcement-author-badge__badge-soundwave {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  background: #ff4e00;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  box-shadow: 0 0 0 0 #ff4e00;
  transform: scale(1);
  animation: soundwave 2s infinite;
}
.c-announcement-author-badge__badge-soundwave i.material-icons {
  color: #fefefe;
  margin: 4px 0 0 5px;
  font-size: 14px !important;
}
.c-announcement-author-badge__badge-soundwave--read {
  z-index: 2;
  top: 0px;
  right: 0;
  width: 44px;
  height: 44px;
  background-color: #f6f6f6;
  animation: soundwavemute 2s;
}
.c-announcement-author-badge__badge-soundwave--read i.material-icons {
  color: #9b9b9b;
  margin: 13px 0 0 15px;
}
/* the first list item has less vertical spacing so we don’t need an offset */
li.list-group-item.type-recent-conversation:first-of-type .c-announcement-author-badge {
  top: 0px;
}
@keyframes soundwave {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 78, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 78, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 78, 0, 0);
  }
}
@keyframes soundwavemute {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Component - Search form
  =========================================================================== */
.c-search-form {
  background: #ededed;
  border-bottom: 1px solid #d8d8d8;
  /* Outer container */
  /* Inner containers */
}
.c-search-form__control-input-field input[type="text"] {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ededed;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
  outline: none;
  border: 0;
}
.c-search-form__outer-container {
  display: flex;
  background: #ededed;
  overflow: auto;
}
.c-search-form__inner-left-container {
  order: 1;
  width: 44px;
}
.c-search-form__inner-middle-left-container {
  order: 3;
  width: 44px;
  align-self: center;
}
.c-search-form__inner-middle-right-container {
  order: 2;
  flex-grow: 1;
  align-self: center;
}
.c-search-form__inner-right-container {
  display: flex;
  order: 4;
  justify-content: flex-end;
  align-self: center;
}
.c-search-form__search-icon,
.c-search-form__clear-field-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 44px;
}
.c-search-form__search-icon i.material-icons,
.c-search-form__clear-field-icon i.material-icons {
  color: #999999;
}
.c-search-form__control-cancel {
  height: 44px;
  width: 44px;
}
.c-search-form__control-cancel i.material-icons {
  color: #999999;
  font-size: 24px !important;
}
/* Announcement badge in header rhs of search form
  =========================================================================== */
.c-announcement-header__header {
  height: 43px;
  min-width: 43px;
  background: #f6f6f6;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.c-announcement-header__badge-container {
  height: 19px;
  background: #ff4e00;
  border-radius: 10px;
  margin: 0 10px;
  display: flex;
}
.c-announcement-header__badge-container--no-badge {
  background: none;
}
.c-announcement-header__badge {
  background-color: #ff4e00;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-family: 'open_sansregular';
  font-size: 12px;
  font-weight: bold;
  color: #fefefe;
  line-height: 1.1em;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
}
.c-announcement-header__badge--no-badge {
  display: none;
}
.c-announcement-header__icon {
  margin-right: 5px;
}
.c-announcement-header__icon i.material-icons {
  font-size: 16px !important;
  color: #fefefe;
}
.c-announcement-header__icon--no-badge {
  margin: 0;
}
.c-announcement-header__icon--no-badge i.material-icons {
  color: #9B9B9B;
}
/* Announcement ‘call to action’ bar
  =========================================================================== */
.c-announcement-action-bar {
  display: flex;
  padding: 10px;
  /* we *should* be able to use @font-size-base here
   * because variables.less defines it as 14px
   * but webfonts.less overrides it from 14px to 16px
   * and the next smallest font-size variable is 12px
   * … so, hard coded pixel font size ☹️
   */
  font-size: 14px;
  background-color: #5bc0de;
  color: #fefefe;
}
.c-announcement-action-bar p {
  margin: 0px;
  color: inherit;
}
.c-announcement-action-bar--unread {
  padding-left: 0px;
  background-color: #ffe8c6;
  color: #606060;
}
.c-announcement-action-bar .c-announcement-author-badge__badge-static {
  height: 24px;
  width: 24px;
  margin: 0px 18px 0px 10px;
  background: #ff4e00;
  border-radius: 50%;
}
.c-announcement-action-bar .c-announcement-author-badge__badge-static i.material-icons {
  color: #fefefe;
  margin: 4px 0 0 5px;
  font-size: 14px !important;
}
.c-announcement-action-bar .c-announcement-author-badge__badge-static--unread {
  box-shadow: 0 0 0 10px rgba(255, 78, 0, 0.25);
}
.sona-migration-header img.sona {
  display: inline;
  color: #12823b;
  height: 20px;
  margin-bottom: 8px;
  margin-left: 2px;
}
.sona-migration-modal {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.sona-migration-modal div.flex-body {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-content: center;
}
.sona-migration-modal div.flex-body > * {
  flex: 1;
  flex-grow: 0;
}
.sona-migration-modal div.bottom-button {
  flex: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.sona-migration-modal p {
  text-align: center;
  font-size: 16px;
  margin: 0 0 0 0;
}
.sona-migration-modal div.yapster-is-now-sona {
  width: 230px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.sona-migration-modal div.yapster-is-now-sona > * {
  flex: 1;
  flex-grow: 0;
}
.sona-migration-modal div.yapster-is-now-sona img.yapster {
  display: block;
  width: 70px;
  height: auto;
}
.sona-migration-modal div.yapster-is-now-sona p.is-now {
  text-align: center;
  font-weight: bold;
}
.sona-migration-modal div.yapster-is-now-sona img.sona {
  display: block;
  width: 70px;
  height: auto;
}
.sona-migration-modal div.migration-intro-text p .org-name {
  font-weight: bold;
}
.sona-migration-modal div.failure-reason p.failure-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.sona-migration-modal div.failure-reason p.failure-reason {
  margin-bottom: 16px;
}
.sona-migration-modal div.move-to-sona {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.sona-migration-modal div.move-to-sona > * {
  flex: 0;
  flex-grow: 0;
}
.sona-migration-modal div.move-to-sona p.move-to {
  font-size: 32px;
  font-weight: bold;
}
.sona-migration-modal div.move-to-sona img.sona {
  display: block;
  width: 150px;
  height: auto;
  margin-bottom: 48px;
}
.sona-migration-modal div.move-to-sona li.highlight {
  color: #FF4E00;
}
.sona-migration-modal div.move-to-sona li.fade {
  color: #999999;
}
.sona-migration-modal div.api.waiting p {
  margin: 0 0 10px 0;
}
.sona-migration-modal div.spinner-wrapper {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0px auto 0px auto;
}
.sona-migration-modal div.spinner {
  display: block;
  position: static;
  border-color: rgba(255, 96, 26, 0.25) rgba(255, 96, 26, 0.25) #ff601a;
  width: 48px;
  height: 48px;
  margin: 0 auto 48px auto;
}
.sona-migration-modal img.appstore {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 60%;
}
.sona-migration-modal button {
  display: block;
  width: 296px;
  margin: 16px 0 20px 0;
  padding: 5px;
  min-width: 10em;
  background: #ff4e00;
  border: none;
  color: #fefefe;
}
.sona-migration-modal .button {
  display: block;
  width: 296px;
  margin: 16px 0 20px 0;
  padding: 5px;
  text-align: center;
  min-width: 10em;
  background: #ff4e00;
  border: none;
  color: #fefefe;
}

/*# sourceMappingURL=less.main.css.map */