Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

bee / hipchat4 deb

Repository URL to install this package:

Version: 
4.0.1641  ▾
Details    
hipchat4 / opt / HipChat4 / share / localweb / hipchat-client.css
Size: Mime: 
/** ADG COLORS ***/

/** APP COLOR VARIABLES **/

.ellipsis {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@font-face {
  font-family: "HipChat Icons";
  src: url("./assets/fonts/hipchat.eot?r=2016.05 0.11 0.163721 fccaa64");
  src: url("./assets/fonts/hipchat.eot?r=2016.05 0.11 0.163721 fccaa64#iefix") format("embedded-opentype"), url("./assets/fonts/hipchat.woff?r=2016.05 0.11 0.163721 fccaa64") format("woff"), url("./assets/fonts/hipchat.ttf?r=2016.05 0.11 0.163721 fccaa64") format("truetype"), url("./assets/fonts/hipchat.svg#hipchat?r=2016.05 0.11 0.163721 fccaa64") format("svg");
  font-weight: 400;
  font-style: normal;
}

#hipchat .hipchat-icon-large,
body .hipchat-icon-large,
#hipchat .hipchat-icon-medium,
body .hipchat-icon-medium,
#hipchat .hipchat-icon-small,
body .hipchat-icon-small,
#hipchat .hipchat-icon-xsmall,
body .hipchat-icon-xsmall {
  line-height: 0;
  position: relative;
  vertical-align: text-top;
}

#hipchat .hipchat-icon-xsmall,
body .hipchat-icon-xsmall {
  height: 13px;
  width: 13px;
}

#hipchat .hipchat-icon-small,
body .hipchat-icon-small {
  height: 16px;
  width: 16px;
}

#hipchat .hipchat-icon-medium,
body .hipchat-icon-medium {
  height: 24px;
  width: 24px;
}

#hipchat .hipchat-icon-large,
body .hipchat-icon-large {
  height: 32px;
  width: 32px;
}

#hipchat .hipchat-icon-huge,
body .hipchat-icon-huge {
  height: 48px;
  width: 48px;
}

#hipchat .hipchat-icon-large:after,
body .hipchat-icon-large:after,
#hipchat .hipchat-icon-xsmall:after,
body .hipchat-icon-xsmall:after,
#hipchat .hipchat-icon-small:after,
body .hipchat-icon-small:after,
#hipchat .hipchat-icon-medium:before,
body .hipchat-icon-medium:before,
#hipchat .hipchat-icon-medium:after,
body .hipchat-icon-medium:after,
#hipchat .hipchat-icon-large:before,
body .hipchat-icon-large:before,
#hipchat .hipchat-icon-huge:before,
body .hipchat-icon-huge:before,
#hipchat .hipchat-icon-huge:after,
body .hipchat-icon-huge:after,
#hipchat .hipchat-icon-small:before,
body .hipchat-icon-small:before,
#hipchat .hipchat-icon-xsmall:before,
body .hipchat-icon-xsmall:before {
  color: inherit;
  font-family: "HipChat Icons";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  speak: none;
  top: 50%;
}

#hipchat .hipchat-icon-xsmall:after,
body .hipchat-icon-xsmall:after {
  font-size: 13px;
  margin-top: -6px;
}

#hipchat .hipchat-icon-small:after,
body .hipchat-icon-small:after {
  font-size: 16px;
  margin-top: -8px;
}

#hipchat .hipchat-icon-medium:after,
body .hipchat-icon-medium:after {
  font-size: 24px;
  margin-top: -12px;
}

#hipchat .hipchat-icon-large:after,
body .hipchat-icon-large:after {
  font-size: 32px;
  margin-top: -16px;
}

#hipchat .hipchat-icon-large:after,
body .hipchat-icon-large:after {
  font-size: 48px;
  margin-top: -24px;
}

#hipchat .icon-attachment:after,
body .icon-attachment:after {
  content: "\e618";
}

#hipchat .icon-close:after,
body .icon-close:after {
  content: "\e619";
}

#hipchat .icon-emoticon:after,
body .icon-emoticon:after {
  content: "\e61a";
}

#hipchat .icon-search:after,
body .icon-search:after {
  content: "\e61b";
}

#hipchat .icon-audio-no-slash:after,
body .icon-audio-no-slash:after {
  content: "\e600";
}

#hipchat .icon-audio:after,
body .icon-audio:after {
  content: "\e601";
}

#hipchat .icon-mention:after,
body .icon-mention:after,
#hipchat .icon-unread:after,
body .icon-unread:after,
#hipchat .icon-file:after,
body .icon-file:after {
  content: "\e605";
}

#hipchat .icon-full-screen:after,
body .icon-full-screen:after {
  content: "\e606";
}

#hipchat .icon-link:after,
body .icon-link:after {
  content: "\e607";
}

#hipchat .icon-lobby:after,
body .icon-lobby:after {
  content: "\e608";
}

#hipchat .icon-lock:after,
body .icon-lock:after {
  content: "\e609";
}

#hipchat .icon-phone-hang-up:after,
body .icon-phone-hang-up:after {
  content: "\e60b";
}

#hipchat .icon-phone:after,
body .icon-phone:after {
  content: "\e60c";
}

#hipchat .icon-private:after,
body .icon-private:after,
#hipchat .icon-secret:after,
body .icon-secret:after {
  content: "\e60d";
}

#hipchat .icon-public:after,
body .icon-public:after {
  content: "\e60e";
}

#hipchat .icon-settings:after,
body .icon-settings:after {
  content: "\e60f";
}

#hipchat .icon-share:after,
body .icon-share:after {
  content: "\e610";
}

#hipchat .icon-signout:after,
body .icon-signout:after {
  content: "\e611";
}

#hipchat .icon-status:after,
body .icon-status:after {
  content: "\e612";
}

#hipchat .icon-turn-camera:after,
body .icon-turn-camera:after {
  content: "\e613";
}

#hipchat .icon-user:after,
body .icon-user:after {
  content: "\e615";
}

#hipchat .icon-camera-no-slash:after,
body .icon-camera-no-slash:after {
  content: "\e616";
}

#hipchat .icon-camera:after,
body .icon-camera:after {
  content: "\e617";
}

#hipchat .icon-volume-loud:after,
body .icon-volume-loud:after {
  content: "\e61d";
}

#hipchat .icon-volume-normal:after,
body .icon-volume-normal:after {
  content: "\e61e";
}

#hipchat .icon-volume-quiet:after,
body .icon-volume-quiet:after {
  content: "\e61f";
}

#hipchat .icon-integrations:after,
body .icon-integrations:after {
  content: "\e620";
}

.hc-nav-panel .nav-panel-content[aria-hidden="true"] {
  display: none;
}

.hc-nav-panel .nav-panel-content[aria-hidden="false"] {
  display: block;
}

.hc-nav-panel .nav-panel-content h2 .aui-lozenge {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.hc-nav-panel .aui-nav li > button {
  color: #3572b0;
  display: block;
  line-height: 1.14285714285714;
  padding: 7px 10px;
  word-wrap: break-word;
  width: 100%;
  text-align: left;
  border-radius: 0;
}

.hc-nav-panel .aui-nav li > button:hover {
  background: #e6e6e6;
  text-decoration: none;
}

/* We need this level of specificity to override 'vertical-align' */

#hipchat .hc-room .aui-icon {
  vertical-align: middle;
}

.hc-room .room-name {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 24px);
  width: calc(100% - 24px);
  line-height: 1.3em;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aui-blanket[aria-hidden=false] {
  opacity: 0.5;
  transition-property: opacity;
}

.hc-dialog-btn-spinner {
  display: inline-block;
  position: relative;
  float: left;
  height: 30px;
  width: 20px;
}

.hc-dialog-btn-spinner .hc-spinner {
  position: absolute;
  top: 50%;
}

.aui-dialog2 h2,
.aui-dialog2 h3,
.aui-dialog2 legend {
  cursor: default;
}

.aui-dialog2.modal-dialog-alt {
  visibility: visible;
}

.aui-dialog2.modal-dialog-alt div {
  height: auto;
}

.aui-dialog2.modal-dialog-alt + .aui-blanket {
  background-color: #ffffff;
}

.aui-dialog2.modal-dialog-alt + .aui-blanket[aria-hidden=false] {
  opacity: 0.8;
}

.aui-dialog2.modal-dialog-alt .aui-dialog2-content {
  border-radius: 5px;
  border: solid 3px #008ff7;
  text-align: center;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  max-height: inherit;
}

.aui-dialog2.modal-dialog-alt .aui-dialog2-content h2 {
  color: #12467a;
  font-weight: 500;
  font-size: 20px;
  margin-top: 0;
}

.aui-dialog2.modal-dialog-alt .aui-dialog2-content img {
  margin: 0 auto;
  max-height: 150px;
  max-width: 150px;
}

.aui-dialog2.modal-dialog-alt .aui-dialog2-content .inner-content {
  padding: 15px 0px;
  margin: 10px 0;
}

.aui-dialog2.modal-dialog-alt .aui-dialog2-content .inner-content ul {
  text-align: left;
}

.aui-dialog2-content.hc-dialog-content {
  height: auto;
}

.aui-dialog2-medium .aui-dialog2-content {
  min-height: 85px;
  box-sizing: content-box;
}

.aui-dialog2-small .aui-dialog2-header-main {
  max-width: 290px;
}

/*** CUSTOM DIALOGS ***/

#room-notifications-dialog {
  width: 450px;
}

#room-notifications-dialog .prefix,
#room-notifications-dialog .settings-info {
  padding-left: 5px;
}

#room-notifications-dialog .settings-info {
  margin-top: 3px;
  font-size: 12px;
}

#room-notifications-dialog .room-name {
  margin-left: 2px;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 220px;
  display: inline-block;
  vertical-align: bottom;
}

#room-notifications-dialog .heading {
  margin-bottom: 12px;
}

#room-notifications-dialog .aui-dialog2-header-main .aui-lozenge {
  margin-left: 5px;
  position: relative;
  top: -2px;
}

#release-notes-dialog iframe {
  border: none;
  width: 100%;
}

#desktop-4-dialog {
  top: 7%;
  min-width: 450px;
}

#desktop-4-dialog div.img {
  margin: 0 auto;
  background-size: 100%;
  width: 150px;
  height: 137px;
  margin-bottom: 15px;
}

#settings-dialog .aui-navgroup {
  width: 160px;
  height: 300px;
  border-right: 1px solid #ccc;
  padding: 0 20px 0 0;
  display: table-cell;
}

#settings-dialog .inline-field-group {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  clear: both;
  position: relative;
  margin: 1px 0;
}

#settings-dialog .field-group.label-position-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 4px 0 4px 20px;
  width: auto;
}

#settings-dialog .field-group.label-position-right label {
  margin-left: 8px;
  width: auto;
}

#settings-dialog .field-group.label-position-right .error {
  margin-left: 8px;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

#settings-dialog h3 {
  margin-top: 5px;
}

#settings-dialog #room-notifications-form fieldset.group {
  padding-left: 0px;
}

#settings-dialog .per-room-notifs form {
  margin-top: 0;
}

#settings-dialog .per-room-notifs .aui-lozenge {
  margin-left: 5px;
  vertical-align: text-bottom;
}

#settings-dialog form.aui label {
  color: inherit;
}

#settings-dialog form.aui div.checkbox,
#settings-dialog form.aui div.radio {
  margin-left: 2px;
}

#settings-dialog .mac-dock-bounce-preference {
  margin-top: 4px;
}

#settings-dialog .mac-dock-bounce-preference .select2-container {
  margin-left: 4px;
  top: -5px;
  width: auto;
  max-width: 100px;
  display: inline-block;
}

#settings-dialog .mac-dock-bounce-preference.disabled .select2-container {
  pointer-events: none;
  background: #f5f5f5;
  border-color: #dddddd;
  color: #999999;
}

svg.aui-icon {
  fill: currentColor;
}

#icon-dnd .path1,
#icon-dnd-selected .path1,
#icon-mobile-selected .path1,
#icon-available-selected .path1,
#icon-unavailable-selected .path1 {
  fill: #f5f5f5;
}

#icon-dot .path1 {
  fill: #999999;
}

#icon-available .path1,
#icon-available-selected .path2 {
  fill: #67ab49;
}

#icon-away .path2,
#icon-away-selected .path1,
#icon-away-selected .path3,
#icon-xa .path2,
#icon-xa-selected .path1,
#icon-xa-selected .path3 {
  fill: #f5f5f5;
}

#icon-away .path1,
#icon-away-selected .path2,
#icon-xa .path1,
#icon-xa-selected .path2 {
  fill: #f79232;
}

#icon-dnd .path1,
#icon-dnd-selected .path2 {
  fill: #d04437;
}

#icon-mobile .path1,
#icon-mobile-selected .path2 {
  fill: #999999;
}

#icon-mobile .path2,
#icon-mobile-selected .path3 {
  fill: #ebebeb;
}

#icon-unavailable .path2,
#icon-unavailable-selected .path3 {
  fill: #ebebeb;
}

body > #hipchat svg.hc-status-icon {
  width: 16px;
  height: 16px;
  top: 0;
}

#icon-mobile-selected .path1 {
  fill: #ffffff;
}

.aui-select2-container.select2-container .select2-choice abbr,
.aui-select2-container.select2-container .select2-search-choice-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCODI4OTJBMjdDM0MxMUU0QkIwNEMyQTY1RDYzNkEyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCODI4OTJBMzdDM0MxMUU0QkIwNEMyQTY1RDYzNkEyNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMTgzMDg5N0MyNjExRTRCQjA0QzJBNjVENjM2QTI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCMTgzMDhBN0MyNjExRTRCQjA0QzJBNjVENjM2QTI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Y8IOCwAAAWJJREFUeNq0l+1NwzAQhsMR0ZFgg6g/QLAJXaAkE4UviSoj0IkiFcpZOiPLOM59cdIrNa2V56kdO/bF427XFOoS89X4FmC+S1/mtce8YTaO8CvMO+Yp/6HNrkODnj6PmAfM7AB/xmwpoYZSD6TwhhqPxp5I4bH6tCdgAe4hUYL/kQAahpvKjTQSNXiswGyDwAlzjzk4SXDgB2Ke4hDMThIS+Jw/hFYJMby0DmglVPClhUgqoYYvCUgkXjCvWnhNgCvRUVTwNQGuhBrOEdBKsOBcgVRiYrSduHCJQKyzUxuxwIamXcdo20neHSCAbwV/jP3ugH+AiyTACJ9WHsxVCTDAw1S7o3xoJcAAj1Ntpr2jSgKM8HSdUEmAA9wkAU5wtUTclHrANRK/m9JPJ7hE4phuSvv0tGKEcySG9FzQLEhY4DWJIT0EtYUTS6hrB3guMdJQ97XDaZTwPp4HidvSPX8EGAADC5PUxr2WjgAAAABJRU5ErkJggg==") !important;
  background-size: 8px !important;
}

.hc-room-notif-icon {
  display: inline-block;
  margin: 5px;
  opacity: 0.75;
}

.hc-room-notif-icon:hover {
  cursor: pointer;
  opacity: 1;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slideup {
  from {
    min-height: 82px;
  }

  to {
    min-height: 41px;
  }
}

@keyframes slideup {
  from {
    min-height: 82px;
  }

  to {
    min-height: 41px;
  }
}

@-webkit-keyframes slidedown {
  from {
    min-height: 41px;
  }

  to {
    min-height: 82px;
  }
}

@keyframes slidedown {
  from {
    min-height: 41px;
  }

  to {
    min-height: 82px;
  }
}

@-webkit-keyframes shadesify {
  from {
    top: -10px;
  }

  to {
    top: 11px;
  }
}

@keyframes shadesify {
  from {
    top: -10px;
  }

  to {
    top: 11px;
  }
}

@keyframes verticalProgress {
  from {
    background-position: 0 8px;
  }

  to {
    background-position: 0 0;
  }
}

@-webkit-keyframes verticalProgress {
  from {
    background-position: 0 8px;
  }

  to {
    background-position: 0 0;
  }
}

.hc-chat-row.hc-msg-loading,
.msg-flaky,
.hc-msg-nocolor.hc-msg-loading,
.hc-msg-gray.hc-msg-loading,
.hc-msg-yellow.hc-msg-loading,
.hc-msg-red.hc-msg-loading,
.hc-msg-green.hc-msg-loading,
.hc-msg-purple.hc-msg-loading,
.hc-msg-blue.hc-msg-loading,
.hc-msg-video.hc-msg-loading,
.hc-msg-twitter_status.hc-msg-loading,
.hc-msg-twitter_user.hc-msg-loading,
.hc-msg-link.hc-msg-loading,
.hc-msg-image.hc-msg-loading {
  -webkit-animation: verticalProgress .4s linear infinite;
  animation: verticalProgress .4s linear infinite;
  background-repeat: no-repeat repeat;
  background-position: 0 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAA6ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNS0xMC0xOFQxMzoxMDo3NTwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+UGl4ZWxtYXRvciAzLjMuMzwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj40PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj44PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CmfcA9YAAAAbSURBVAgdYzxz5sx/BiTAhMQGMwkLoOsghw8Ax1cDa1vQBXoAAAAASUVORK5CYII=");
}

.hc-chat-row.hc-msg-loading:before,
.msg-flaky:before,
.hc-msg-nocolor.hc-msg-loading:before,
.hc-msg-gray.hc-msg-loading:before,
.hc-msg-yellow.hc-msg-loading:before,
.hc-msg-red.hc-msg-loading:before,
.hc-msg-green.hc-msg-loading:before,
.hc-msg-purple.hc-msg-loading:before,
.hc-msg-blue.hc-msg-loading:before,
.hc-msg-video.hc-msg-loading:before,
.hc-msg-twitter_status.hc-msg-loading:before,
.hc-msg-twitter_user.hc-msg-loading:before,
.hc-msg-link.hc-msg-loading:before,
.hc-msg-image.hc-msg-loading:before {
  background-color: transparent;
}

.hc-text-center {
  text-align: center;
}

.hc-float-left {
  float: left;
}

.hc-float-right {
  float: right;
}

#tipsify .tipsify-content {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  opacity: 0;
  -webkit-animation: tipsify_appear 100ms 1;
  animation: tipsify_appear 100ms 1;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transition: -webkit-transform 100ms ease-in-out;
  transition: transform 100ms ease-in-out;
}

#tipsify .tipsify-content::before {
  content: '';
  position: absolute;
  display: inline-block;
  border: 3px solid transparent;
  border-top: 0;
  border-bottom-color: rgba(51, 51, 51, 0.9);
  width: 0;
  height: 0;
  left: calc(48.5%);
  top: -3px;
}

#tipsify .tipsify-content.reversed::before {
  top: auto;
  bottom: -3px;
  border: 3px solid transparent;
  border-top-color: rgba(51, 51, 51, 0.9);
  border-bottom: 0;
}

#tipsify .tipsify-content .tipsify-content-inner {
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 8px 4px 8px;
  background: rgba(51, 51, 51, 0.9);
  color: #ffffff;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

@-webkit-keyframes tipsify_appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tipsify_appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#hipchat .hc-right-sidebar-col .hc-integrations,
body .hc-right-sidebar-col .hc-integrations {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  background-color: #f5f5f5;
}

#hipchat .hc-right-sidebar-col .hc-integrations.glance-selected,
body .hc-right-sidebar-col .hc-integrations.glance-selected {
  overflow-y: hidden;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-wrap,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-wrap {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow-y: auto;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-wrap.hc-can-manage-integrations,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-wrap.hc-can-manage-integrations {
  bottom: 47px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance,
body .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance {
  margin: 10px;
  padding: 5px 20px;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.clickable,
body .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.clickable {
  cursor: pointer;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.error,
body .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.error {
  background-color: #f5f5f5;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-glance .aui-nav-item,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-glance .aui-nav-item {
  margin-right: 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar div.roster-wrap,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar div.roster-wrap {
  display: block;
  height: calc(100% - 40px - 10px);
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar div.roster-wrap.guest-access-enabled,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar div.roster-wrap.guest-access-enabled {
  height: calc(100% - 60px - 40px - 10px);
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-links,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-links,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-files,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-files {
  height: auto;
  top: 40px;
  bottom: 0;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .aui-nav-item,
body .hc-right-sidebar-col .hc-integrations .hc-glance .aui-nav-item {
  line-height: 28px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .aui-icon,
body .hc-right-sidebar-col .hc-integrations .hc-glance .aui-icon {
  margin-right: 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.loading,
body .hc-right-sidebar-col .hc-integrations .hc-glance.loading {
  color: #707070;
  padding-right: 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.loading .hc-spinner-container,
body .hc-right-sidebar-col .hc-integrations .hc-glance.loading .hc-spinner-container {
  margin-right: 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.loading .hc-spinner-container .hc-spinner,
body .hc-right-sidebar-col .hc-integrations .hc-glance.loading .hc-spinner-container .hc-spinner {
  position: inherit;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-content,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-content .aui-icon,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-content .aui-icon {
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  color: #999999;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-label,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-label {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 0;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status {
  -webkit-flex: 1 0 main-size;
  -ms-flex: 1 0 main-size;
  flex: 1 0 main-size;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  margin-left: auto;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status .aui-icon,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status .aui-icon {
  margin: 0;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status .hc-glance-status-inner,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status .hc-glance-status-inner {
  margin: 0 0 0 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance:hover:not(.error),
body .hc-right-sidebar-col .hc-integrations .hc-glance:hover:not(.error),
#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance:active:not(.error),
body .hc-right-sidebar-col .hc-integrations .hc-glance:active:not(.error) {
  border-color: #3572b0;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .aui-nav-item,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .aui-nav-item {
  line-height: inherit;
  text-overflow: clip;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .aui-icon,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .aui-icon {
  vertical-align: middle;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content {
  display: inline-block;
  vertical-align: middle;
  min-width: 115px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-label,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-label,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status {
  line-height: 28px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status {
  font-size: 12px;
  color: #707070;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status .aui-button-link,
body .hc-right-sidebar-col .hc-integrations .hc-glance.error .hc-glance-content .hc-glance-status .aui-button-link {
  height: initial;
  margin-left: 10px;
  padding: 0;
  border: 0;
  font-size: 12px;
  line-height: 14px;
  min-width: 50px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: white;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header {
  border-bottom: 1px solid #cccccc;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .hc-glance-label,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .hc-glance-label {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer {
  box-sizing: border-box;
  height: 40px;
  padding: 5px 10px 10px 10px;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close {
  position: absolute;
  top: 12px;
  right: 10px;
  cursor: pointer;
  color: #999999;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close:hover,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close:hover,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close:hover,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close:hover {
  color: #333333;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar iframe,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar iframe {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 0;
  width: 100%;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-view-name,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-view-name {
  line-height: 1.5625;
  width: 94%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 47px;
  border-top: solid 1px #cccccc;
  line-height: 47px;
  padding: 0 10px 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:hover,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:hover,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:active,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:active,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:focus,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a:focus {
  text-decoration: none;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a .aui-icon,
body .hc-right-sidebar-col .hc-integrations .hc-integrations-configure-button a .aui-icon {
  margin-right: 8px;
}

body {
  position: fixed;
  overflow: hidden !important;
}

body,
#page,
#hipchat {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  min-width: 720px;
  transition: 0.5s -webkit-filter linear, 0.5s filter linear;
}

.multi-org body,
.multi-org #page,
.multi-org #hipchat {
  min-width: calc(668px);
}

.cover {
  height: 100%;
}

#page.blurred {
  -webkit-filter: url("#blur");
  filter: url("#blur");
  -webkit-filter: blur(4px);
  filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

.overlay {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: .7;
  text-align: center;
  vertical-align: middle;
}

.overlay.resize-overlay {
  opacity: 0;
  display: none;
}

.overlay.resize-overlay.show-overlay {
  display: block;
}

a {
  cursor: pointer;
}

button:focus,
input:focus,
button:active,
input:active {
  outline: none !important;
}

svg {
  pointer-events: none;
}

.aui-button:hover {
  background-color: #ffffff;
}

.aui-button-subtle.aui-button.active,
.aui-button-subtle.aui-button:active,
.aui-button.active,
.aui-button:active,
.aui-header .aui-button-split-more.active {
  box-shadow: none;
  background: #cccccc;
  text-decoration: none;
}

.aui-button-subtle.aui-button.active span,
.aui-button-subtle.aui-button:active span,
.aui-button.active span,
.aui-button:active span,
.aui-header .aui-button-split-more.active span {
  color: #333;
}

#hipchat .hidden,
body .hidden {
  display: none !important;
}

#hipchat .invisible,
body .invisible {
  visibility: hidden !important;
}

#hipchat .show,
body .show {
  display: block !important;
}

#hipchat .transparent,
body .transparent {
  opacity: 0 !important;
  z-index: -1;
}

#hipchat #page,
body #page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#hipchat .app-header,
body .app-header {
  min-height: 41px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat .app-header.banner-shown,
body .app-header.banner-shown {
  min-height: 82px;
  -webkit-animation: slidedown 0.2s;
  animation: slidedown 0.2s;
}

#hipchat .app-header.banner-dismissed,
body .app-header.banner-dismissed {
  min-height: 41px;
  -webkit-animation: slideup 0.2s;
  animation: slideup 0.2s;
}

#hipchat .aui-dropdown2,
body .aui-dropdown2,
#hipchat .aui-dialog2,
body .aui-dialog2,
#hipchat .aui-inline-dialog,
body .aui-inline-dialog {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat form.aui div.checkbox input.checkbox,
body form.aui div.checkbox input.checkbox,
#hipchat form.aui div.radio input.radio,
body form.aui div.radio input.radio {
  height: auto;
  margin-top: 4px;
}

#hipchat .hc-header-connection,
body .hc-header-connection {
  display: block;
  line-height: 1;
  padding: 14px 10px 13px;
  opacity: 1;
  transition: opacity 0.4s;
}

#hipchat .hc-header-connection.connected,
body .hc-header-connection.connected {
  opacity: 0;
}

#hipchat .hc-header-connection.disconnected,
body .hc-header-connection.disconnected {
  background: #d04437;
}

#hipchat .hc-header-connection.disconnected:hover,
body .hc-header-connection.disconnected:hover {
  background: #d04437;
}

#hipchat .hc-header-connection.reconnecting,
body .hc-header-connection.reconnecting {
  padding-left: 24px;
}

#hipchat .hc-header-connection .connection-status,
body .hc-header-connection .connection-status {
  display: inline-block;
  margin-left: 8px;
}

#hipchat #connectionStatusMessage,
body #connectionStatusMessage {
  right: 100px;
  width: 330px;
}

#hipchat #connectionStatusMessage .aui-inline-dialog-contents,
body #connectionStatusMessage .aui-inline-dialog-contents {
  padding: 15px;
}

#hipchat #connectionStatusMessage[aria-hidden='false'],
body #connectionStatusMessage[aria-hidden='false'] {
  display: block;
}

#hipchat #connectionStatusMessage .aui-css-arrow,
body #connectionStatusMessage .aui-css-arrow {
  left: 22px;
}

#hipchat #connectionStatusMessage .retry-connection,
body #connectionStatusMessage .retry-connection {
  color: #999999;
}

#hipchat #connectionStatusMessage p,
body #connectionStatusMessage p {
  margin-top: 18px;
}

#hipchat #connectionStatusMessage p:first-child,
body #connectionStatusMessage p:first-child {
  margin-top: 0;
}

#hipchat .hc-layout,
body .hc-layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}

#hipchat .hc-layout .hc-left-sidebar-col,
body .hc-layout .hc-left-sidebar-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
}

#hipchat .hc-layout > div,
body .hc-layout > div {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}

#hipchat .hc-sidebar,
body .hc-sidebar {
  background-color: #f5f5f5;
  height: 100%;
}

#hipchat .hc-sidebar-scroll,
body .hc-sidebar-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}

#hipchat .hc-sidebar-noscroll,
body .hc-sidebar-noscroll {
  overflow-x: hidden;
  overflow-y: hidden;
}

#hipchat .hc-sidebar-footer,
body .hc-sidebar-footer {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #cccccc;
  padding: 0;
  background-color: #f5f5f5;
}

#hipchat .hc-sidebar,
body .hc-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#hipchat .noRooms,
body .noRooms {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
}

#hipchat .noRooms article,
body .noRooms article {
  padding: 5px 0;
  font-style: italic;
}

#hipchat .hc-main-col,
body .hc-main-col {
  overflow: hidden;
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}

#hipchat .hc-main-col .hc-rooms-container,
body .hc-main-col .hc-rooms-container {
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#hipchat .hc-main-col .hc-rooms-container.hc-rooms-container-hidden,
body .hc-main-col .hc-rooms-container.hc-rooms-container-hidden {
  display: none;
}

#hipchat .hc-main-col .hc-rooms-container iframe#search-container,
body .hc-main-col .hc-rooms-container iframe#search-container {
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  width: 100%;
  border: none;
}

#hipchat .hc-main-col .hc-rooms-container .hc-chat-panel-header-container,
body .hc-main-col .hc-rooms-container .hc-chat-panel-header-container {
  min-height: 69px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat .hc-main-col .hc-rooms-container .hc-chat-panel-container,
body .hc-main-col .hc-rooms-container .hc-chat-panel-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#hipchat .hc-main-col .hc-rooms-container .hc-chat-panel-container .hc-chat-panel-left-column,
body .hc-main-col .hc-rooms-container .hc-chat-panel-container .hc-chat-panel-left-column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#hipchat .hc-main-col .hc-rooms-container .hc-chat-panel-container .hc-chat-panel-right-column,
body .hc-main-col .hc-rooms-container .hc-chat-panel-container .hc-chat-panel-right-column {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat .hc-main-col .hc-rooms-container iframe#blog-info-iframe,
body .hc-main-col .hc-rooms-container iframe#blog-info-iframe {
  bottom: 0;
  border: 0 none;
  width: 100%;
}

#hipchat .hc-left-sidebar-col,
body .hc-left-sidebar-col {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

#hipchat .hc-left-sidebar-col .resize-handle,
body .hc-left-sidebar-col .resize-handle {
  height: 100%;
  position: absolute;
  right: -5px;
  top: 0;
  cursor: col-resize;
  width: 10px;
  z-index: 3;
}

#hipchat .hc-left-sidebar-col > nav > div,
body .hc-left-sidebar-col > nav > div {
  width: inherit;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller,
body .hc-left-sidebar-col .hc-unread-scroller {
  position: fixed;
  width: inherit;
  text-align: center;
  z-index: 100;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller a,
body .hc-left-sidebar-col .hc-unread-scroller a {
  display: block;
  height: 15px;
  width: 28px;
  background-color: #999999;
  margin: 0 auto;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller.has-mention a,
body .hc-left-sidebar-col .hc-unread-scroller.has-mention a {
  background-color: #3572b0;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller span,
body .hc-left-sidebar-col .hc-unread-scroller span {
  color: #ffffff;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-top,
body .hc-left-sidebar-col .hc-unread-scroller-top {
  border-top: solid 3px #999999;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-top.has-mention,
body .hc-left-sidebar-col .hc-unread-scroller-top.has-mention {
  border-color: #3572b0;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-top a,
body .hc-left-sidebar-col .hc-unread-scroller-top a {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-top a span,
body .hc-left-sidebar-col .hc-unread-scroller-top a span {
  margin-top: -4px;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-bottom,
body .hc-left-sidebar-col .hc-unread-scroller-bottom {
  bottom: 0;
  border-bottom: solid 3px #999999;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-bottom.has-mention,
body .hc-left-sidebar-col .hc-unread-scroller-bottom.has-mention {
  border-color: #3572b0;
}

#hipchat .hc-left-sidebar-col .hc-unread-scroller-bottom a,
body .hc-left-sidebar-col .hc-unread-scroller-bottom a {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

#hipchat .hc-left-sidebar-col,
body .hc-left-sidebar-col,
#hipchat .hc-left-sidebar-col .hc-sidebar-footer,
body .hc-left-sidebar-col .hc-sidebar-footer {
  width: 220px;
  border-right: 1px solid #cccccc;
  background-color: #f5f5f5 !important;
}

#hipchat .aui-navgroup-inner,
body .aui-navgroup-inner {
  padding-top: 15px;
}

#hipchat .aui-navgroup-inner .hc-sidebar-nav .aui-nav-heading,
body .aui-navgroup-inner .hc-sidebar-nav .aui-nav-heading {
  border-top: none;
  cursor: default;
}

#hipchat .hc-right-sidebar-col,
body .hc-right-sidebar-col,
#hipchat .hc-right-sidebar-col .hc-sidebar-footer,
body .hc-right-sidebar-col .hc-sidebar-footer {
  border-left: 1px solid #cccccc;
  overflow: visible;
}

#hipchat .hc-footer,
body .hc-footer {
  border-left: 0 !important;
  border-right: 0 !important;
}

#hipchat .hc-main-footer,
body .hc-main-footer {
  width: 100%;
}

#hipchat .hc-search-results,
body .hc-search-results {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

#hipchat .hc-lobby-panel,
body .hc-lobby-panel {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#hipchat .hc-lobby-panel .aui-page-panel-inner,
body .hc-lobby-panel .aui-page-panel-inner {
  position: absolute;
}

#hipchat .hc-lobby-panel > div,
body .hc-lobby-panel > div {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#hipchat .hc-lobby-panel-content,
body .hc-lobby-panel-content {
  width: 100%;
  padding: 0;
  float: left;
}

#hipchat .hc-lobby-panel-content .hc-lobby-list-item,
body .hc-lobby-panel-content .hc-lobby-list-item {
  width: 100%;
  cursor: pointer;
  height: 48px;
  border-bottom: 1px solid #ccc;
}

#hipchat .hc-lobby-panel-content .hc-lobby-list-item.selected,
body .hc-lobby-panel-content .hc-lobby-list-item.selected {
  background-color: #e6e6e6;
}

#hipchat .hc-lobby-panel-content .hc-lobby-list-item:first-child > div,
body .hc-lobby-panel-content .hc-lobby-list-item:first-child > div {
  border-top: 0;
}

#hipchat .hc-lobby-list-icon,
body .hc-lobby-list-icon,
#hipchat .hc-lobby-list-names,
body .hc-lobby-list-names {
  padding: 12px 7px;
  float: left;
  height: 24px;
}

#hipchat .hc-lobby-list-mention-name,
body .hc-lobby-list-mention-name {
  color: #999999;
  margin-left: 10px;
  font-size: .9em;
  line-height: 0.9;
}

#hipchat .hc-lobby-list-icon,
body .hc-lobby-list-icon {
  padding-left: 14px;
  width: 24px;
  text-align: center;
}

#hipchat .hc-lobby-list-icon .aui-icon,
body .hc-lobby-list-icon .aui-icon {
  color: #999999;
  height: 24px;
  width: 24px;
}

#hipchat .hc-lobby-list-icon .aui-icon:after,
body .hc-lobby-list-icon .aui-icon:after {
  font-size: 24px;
  margin-top: -12px;
}

#hipchat .hc-lobby-list-actions,
body .hc-lobby-list-actions {
  text-align: right;
}

#hipchat .hc-lobby-list-name,
body .hc-lobby-list-name {
  padding-left: 0;
  display: inline-block;
  vertical-align: middle;
}

#hipchat .empty.empty-lobby,
body .empty.empty-lobby {
  bottom: inherit;
  top: 80px;
}

#hipchat .empty.empty-lobby .empty-lobby-state-img,
body .empty.empty-lobby .empty-lobby-state-img {
  height: 66px;
  width: 70px;
}

#hipchat .empty.empty-lobby .empty-search-lobby-state-img,
body .empty.empty-lobby .empty-search-lobby-state-img {
  height: 62px;
  width: 70px;
  margin-top: 8px;
}

#hipchat .hc-right-sidebar-col,
body .hc-right-sidebar-col {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
}

#hipchat .hc-right-sidebar-col .hc-roster-container,
body .hc-right-sidebar-col .hc-roster-container {
  height: 100%;
}

#hipchat .hc-right-sidebar-col .resize-handle,
body .hc-right-sidebar-col .resize-handle {
  height: 100%;
  position: absolute;
  left: -5px;
  top: 0;
  cursor: col-resize;
  width: 10px;
  z-index: 3;
}

#hipchat .hc-right-sidebar-col .hc-spinner,
body .hc-right-sidebar-col .hc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}

#hipchat .hc-right-sidebar-col div.roster-wrap,
body .hc-right-sidebar-col div.roster-wrap {
  display: block;
  height: calc(100% - 10px);
}

#hipchat .hc-right-sidebar-col div.roster-wrap.guest-access-enabled,
body .hc-right-sidebar-col div.roster-wrap.guest-access-enabled {
  height: calc(100% - 60px - 10px);
}

#hipchat .hc-right-sidebar-col div.roster-wrap ul.roster-list,
body .hc-right-sidebar-col div.roster-wrap ul.roster-list {
  display: block;
}

#hipchat .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item,
body .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item {
  display: block;
  background: #ffffff;
  overflow: hidden;
  height: 26px;
}

#hipchat .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item.with-person-status,
body .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item.with-person-status {
  height: 38px;
}

#hipchat .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item.aui-nav-selected,
body .hc-right-sidebar-col div.roster-wrap ul.roster-list li.hc-roster-item.aui-nav-selected {
  background: #2472ad;
}

#hipchat .hc-right-sidebar-col div.roster-wrap .hc-roster-mini,
body .hc-right-sidebar-col div.roster-wrap .hc-roster-mini {
  width: 100%;
  padding: 0;
}

#hipchat .hc-right-sidebar-col div.roster-wrap .hc-roster-mini .aui-avatar,
body .hc-right-sidebar-col div.roster-wrap .hc-roster-mini .aui-avatar {
  width: 24px;
  height: 24px;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list,
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
  margin: 0 -10px 0 0;
  max-height: 72px;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="show"],
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="show"] {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="expander"],
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="expander"] {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="overflow"],
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list div[data-order="overflow"] {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-item,
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-item {
  margin: 5px 0;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-expander,
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-expander {
  margin: 5px 0;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-expander .hc-default-avatar,
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .hc-roster-mini-expander .hc-default-avatar {
  background-color: #dedede;
  color: #333333;
  font-size: 10px;
  font-weight: bold;
}

#hipchat .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .aui-avatar,
body .hc-right-sidebar-col div.roster-wrap div.roster-mini-flex-list .aui-avatar {
  margin: 0 10px 0 0;
}

#hipchat .hc-right-sidebar-col .hc-roster,
body .hc-right-sidebar-col .hc-roster,
#hipchat .hc-right-sidebar-col .hc-files,
body .hc-right-sidebar-col .hc-files,
#hipchat .hc-right-sidebar-col .hc-links,
body .hc-right-sidebar-col .hc-links {
  width: 100%;
  padding: 5px 0;
}

#hipchat .hc-right-sidebar-col .hc-roster .aui-nav-heading,
body .hc-right-sidebar-col .hc-roster .aui-nav-heading,
#hipchat .hc-right-sidebar-col .hc-files .aui-nav-heading,
body .hc-right-sidebar-col .hc-files .aui-nav-heading,
#hipchat .hc-right-sidebar-col .hc-links .aui-nav-heading,
body .hc-right-sidebar-col .hc-links .aui-nav-heading {
  padding: 10px 10px 4px 10px;
  border-top: none;
}

#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item,
body .hc-right-sidebar-col .hc-links .hc-roster-item {
  line-height: 16px;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item,
body .hc-right-sidebar-col .hc-files .hc-roster-item {
  line-height: 13px;
}

#hipchat .hc-right-sidebar-col .hc-files,
body .hc-right-sidebar-col .hc-files,
#hipchat .hc-right-sidebar-col .hc-links,
body .hc-right-sidebar-col .hc-links {
  position: absolute;
  height: 100%;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item,
body .hc-right-sidebar-col .hc-files .hc-roster-item,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item,
body .hc-right-sidebar-col .hc-links .hc-roster-item {
  font-size: 11px;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-link,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-link,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-link,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-link,
#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-link,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-link,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-link,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-link {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-link,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-link,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-link,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-link {
  position: relative;
  top: -3px;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-icon,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-icon,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-icon,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-icon {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-name,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-file-name,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-name,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-file-name {
  vertical-align: text-top;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-user-name,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-user-name,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-user-name,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-user-name,
#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-date,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-date,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-date,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-date {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
  width: 48%;
  display: block;
  float: left;
  text-align: left;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-date,
body .hc-right-sidebar-col .hc-files .hc-roster-item .hc-roster-date,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-date,
body .hc-right-sidebar-col .hc-links .hc-roster-item .hc-roster-date {
  padding-left: 4%;
  text-align: right;
}

#hipchat .hc-right-sidebar-col .hc-files .hc-roster-item.hc-spinner-item,
body .hc-right-sidebar-col .hc-files .hc-roster-item.hc-spinner-item,
#hipchat .hc-right-sidebar-col .hc-links .hc-roster-item.hc-spinner-item,
body .hc-right-sidebar-col .hc-links .hc-roster-item.hc-spinner-item {
  position: relative;
}

#hipchat .hc-right-sidebar-col .hc-roster,
body .hc-right-sidebar-col .hc-roster {
  height: 100%;
}

#hipchat .hc-right-sidebar-col .hc-roster .hc-roster-item,
body .hc-right-sidebar-col .hc-roster .hc-roster-item {
  line-height: 16px;
}

#hipchat .hc-right-sidebar-col .hc-roster .hc-roster-link,
body .hc-right-sidebar-col .hc-roster .hc-roster-link {
  font-size: 13px;
}

#hipchat .hc-right-sidebar-col .hc-roster .hc-roster-status,
body .hc-right-sidebar-col .hc-roster .hc-roster-status {
  color: #a9a9a9;
  font-size: 10px;
  line-height: 12px;
  padding-left: 25px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-right-sidebar-col .hc-roster .hc-roster-admin,
body .hc-right-sidebar-col .hc-roster .hc-roster-admin {
  font-weight: bold;
}

#hipchat .hc-right-sidebar-col .hc-roster .aui-nav-heading strong,
body .hc-right-sidebar-col .hc-roster .aui-nav-heading strong {
  text-transform: uppercase;
}

#hipchat .hc-right-sidebar-col .hc-tab-es,
body .hc-right-sidebar-col .hc-tab-es {
  margin-top: 40px;
  text-align: center;
  width: 100%;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img {
  margin: 10px auto 30px;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.roster,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.roster {
  height: 62px;
  width: 70px;
  margin-bottom: 25px;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.links,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.links,
#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.files,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.files {
  height: 66px;
  width: 73px;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.integrations,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.integrations {
  margin-bottom: 10px;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.integrations img,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-img.integrations img {
  max-width: 90%;
  max-height: 90%;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-title,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-title {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-msg,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-msg {
  margin: auto;
  width: 75%;
}

#hipchat .hc-right-sidebar-col .hc-roster-item,
body .hc-right-sidebar-col .hc-roster-item {
  color: #8a8a8a;
}

#hipchat .hc-right-sidebar-col .hc-roster-item .aui-nav-item,
body .hc-right-sidebar-col .hc-roster-item .aui-nav-item {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 10px;
}

#hipchat .hc-right-sidebar-col .hc-roster-item a:hover,
body .hc-right-sidebar-col .hc-roster-item a:hover {
  text-decoration: none;
}

#hipchat .hc-right-sidebar-col .hc-roster-item a.hc-roster-link,
body .hc-right-sidebar-col .hc-roster-item a.hc-roster-link {
  color: #333333;
}

#hipchat .hc-right-sidebar-col .hc-roster-item.aui-nav-selected,
body .hc-right-sidebar-col .hc-roster-item.aui-nav-selected {
  background: #2472ad;
}

#hipchat .hc-right-sidebar-col .hc-roster-item.aui-nav-selected .hc-roster-link,
body .hc-right-sidebar-col .hc-roster-item.aui-nav-selected .hc-roster-link,
#hipchat .hc-right-sidebar-col .hc-roster-item.aui-nav-selected .hc-roster-status,
body .hc-right-sidebar-col .hc-roster-item.aui-nav-selected .hc-roster-status {
  color: #ffffff !important;
}

#hipchat .hc-right-sidebar-col .hc-sidebar-footer,
body .hc-right-sidebar-col .hc-sidebar-footer {
  width: 100%;
}

#hipchat .hc-right-sidebar-col .hc-sidebar-footer .hc-footer-inner,
body .hc-right-sidebar-col .hc-sidebar-footer .hc-footer-inner {
  padding: 11px 12px;
}

#hipchat .hc-right-sidebar-col .guest-access,
body .hc-right-sidebar-col .guest-access {
  display: block;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: #3b73af;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

#hipchat .hc-right-sidebar-col .guest-access a,
body .hc-right-sidebar-col .guest-access a {
  color: #fff;
  width: 100%;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#hipchat .hc-lobby-search-content.aui-page-header-main,
body .hc-lobby-search-content.aui-page-header-main {
  padding: 0;
}

#hipchat .hc-main-footer,
body .hc-main-footer {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #cccccc;
  height: 40px;
  padding: 0;
  background-color: #f5f5f5;
}

#hipchat .hc-footer-inner,
body .hc-footer-inner {
  padding: 12px;
}

#hipchat .aui-page-panel,
body .aui-page-panel {
  border-bottom: 0;
}

#hipchat .general-error-display .aui-page-panel-content,
body .general-error-display .aui-page-panel-content {
  display: block;
}

#hipchat .hc-banner-warning,
body .hc-banner-warning {
  color: #fff !important;
  background-color: #F79232;
  box-sizing: border-box;
  white-space: nowrap;
  position: absolute;
  bottom: 41px;
  left: 0;
  right: 0;
  height: 41px;
}

#hipchat .hc-banner-warning:before,
body .hc-banner-warning:before {
  background-color: #F79232;
}

#hipchat .hc-banner-warning a,
body .hc-banner-warning a {
  color: #fff !important;
}

#hipchat .hc-banner-warning a.enable,
body .hc-banner-warning a.enable {
  text-decoration: underline !important;
  font-weight: 600;
}

#hipchat .aui-header,
body .aui-header {
  float: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 41px;
}

#hipchat .aui-header .aui-header-logo-hc .aui-header-logo-device,
body .aui-header .aui-header-logo-hc .aui-header-logo-device {
  height: 24px;
  width: 97px;
  display: block;
  float: left;
  margin: 8px 0;
  padding: 0;
  text-indent: -9999px;
  text-align: left;
}

#hipchat .aui-header .aui-button.aui-button-primary.is-native,
body .aui-header .aui-button.aui-button-primary.is-native {
  margin-left: 0;
}

#hipchat .aui-header .status-dropdown span,
body .aui-header .status-dropdown span {
  vertical-align: top;
}

#hipchat .aui-header .status-dropdown .aui-dropdown2-trigger,
body .aui-header .status-dropdown .aui-dropdown2-trigger {
  padding-right: 28px !important;
}

#hipchat .aui-header .status-dropdown .aui-dropdown2-trigger:after,
body .aui-header .status-dropdown .aui-dropdown2-trigger:after {
  display: none;
}

#hipchat .hc-video-service-lozenge,
body .hc-video-service-lozenge {
  margin-top: 2px;
  float: right;
}

#hipchat .aui-page-header,
body .aui-page-header {
  color: #707070;
  background-color: #f5f5f5;
  border-bottom: solid 1px #cccccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#hipchat .aui-page-header.lobby-header,
body .aui-page-header.lobby-header {
  padding: 10px;
  min-height: 41px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat .aui-page-header.lobby-header .aui-page-header-actions .aui-buttons,
body .aui-page-header.lobby-header .aui-page-header-actions .aui-buttons {
  margin: 5px 0 5px 10px;
}

#hipchat .aui-page-header.room-header,
body .aui-page-header.room-header {
  padding: 10px;
  box-sizing: border-box;
  height: 69px;
  max-height: 69px;
}

#hipchat .aui-page-header.room-header form.aui,
body .aui-page-header.room-header form.aui {
  margin-top: -2px;
  margin-left: -1px;
}

#hipchat .aui-page-header.room-header form.aui input.text,
body .aui-page-header.room-header form.aui input.text {
  margin-top: -1px;
  margin-left: -5px;
  max-width: none;
  height: 24px;
  width: calc(100% - 68px);
  vertical-align: top;
  line-height: 16px;
}

#hipchat .aui-page-header.room-header form.aui .aui-button,
body .aui-page-header.room-header form.aui .aui-button {
  margin: -1px 0 0 10px;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  vertical-align: top;
  padding: 2px 0;
  text-align: center;
}

#hipchat .aui-page-header.room-header form.aui .aui-button span,
body .aui-page-header.room-header form.aui .aui-button span {
  width: 16px;
  cursor: pointer;
  height: 14px;
}

#hipchat .aui-page-header.room-header form.aui .aui-button span.icon-close,
body .aui-page-header.room-header form.aui .aui-button span.icon-close {
  width: 13px;
}

#hipchat .aui-page-header.room-header .aui-page-header-inner,
body .aui-page-header.room-header .aui-page-header-inner {
  height: 48px;
  display: block;
}

#hipchat .aui-page-header.room-header h3,
body .aui-page-header.room-header h3 {
  color: #707070;
  display: inline;
}

#hipchat .aui-page-header.room-header p,
body .aui-page-header.room-header p {
  margin: 0;
  line-height: 17px;
}

#hipchat .aui-page-header.room-header p .hc-status-icon,
body .aui-page-header.room-header p .hc-status-icon {
  margin-right: 4px;
  vertical-align: sub;
}

#hipchat .aui-page-header.room-header p img,
body .aui-page-header.room-header p img {
  vertical-align: middle;
}

#hipchat .aui-page-header.room-header .hc-priv-chat .aui-page-header-main,
body .aui-page-header.room-header .hc-priv-chat .aui-page-header-main {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 150px);
}

#hipchat .aui-page-header.room-header .hc-priv-chat .aui-page-header-main span.mention-name,
body .aui-page-header.room-header .hc-priv-chat .aui-page-header-main span.mention-name {
  color: #999999;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main {
  vertical-align: top;
  width: calc(100% - 300px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main.hc-integrations-enabled,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main.hc-integrations-enabled {
  width: calc(100% - 220px);
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main div,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main div {
  position: relative;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main div,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main div,
#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main span,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main span {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  width: 100%;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main div span,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main div span,
#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main span span,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main span span {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  overflow: hidden;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main div span img,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main div span img,
#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main span span img,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main span span img {
  vertical-align: middle;
}

#hipchat .aui-page-header.room-header .hc-groupchat .aui-page-header-main .aui-lozenge,
body .aui-page-header.room-header .hc-groupchat .aui-page-header-main .aui-lozenge {
  width: auto;
  margin-left: 5px;
}

#hipchat .aui-page-header.room-header .hc-groupchat .hc-groupchat-header,
body .aui-page-header.room-header .hc-groupchat .hc-groupchat-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

#hipchat .aui-page-header.room-header .hc-groupchat .hc-groupchat-header h3,
body .aui-page-header.room-header .hc-groupchat .hc-groupchat-header h3 {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

#hipchat .aui-page-header.room-header .hc-groupchat .hc-groupchat-header .guest-access-lozenge,
body .aui-page-header.room-header .hc-groupchat .hc-groupchat-header .guest-access-lozenge {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 4px;
  z-index: 1;
}

#hipchat .aui-page-header.room-header .hc-groupchat .topic-spinner,
body .aui-page-header.room-header .hc-groupchat .topic-spinner {
  position: relative;
  height: 20px;
  width: 20px;
  top: 4px;
}

#hipchat .aui-page-header.room-header .hc-priv-chat .aui-page-header-main p,
body .aui-page-header.room-header .hc-priv-chat .aui-page-header-main p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
}

#hipchat .aui-page-header.room-header .page-header-icon,
body .aui-page-header.room-header .page-header-icon {
  display: inline-block;
}

#hipchat .aui-page-header.room-header .aui-page-header-actions,
body .aui-page-header.room-header .aui-page-header-actions {
  white-space: nowrap;
  width: 230px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
}

#hipchat .aui-page-header.room-header .aui-page-header-actions .aui-buttons,
body .aui-page-header.room-header .aui-page-header-actions .aui-buttons {
  margin: 0px 0 0px 10px;
}

#hipchat .aui-page-header.room-header .aui-page-header-actions .aui-buttons .notification-badge,
body .aui-page-header.room-header .aui-page-header-actions .aui-buttons .notification-badge {
  position: relative;
  overflow: visible;
}

#hipchat .aui-page-header.room-header .aui-page-header-actions .aui-buttons .notification-badge:after,
body .aui-page-header.room-header .aui-page-header-actions .aui-buttons .notification-badge:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  background: #f79232;
  border-radius: 100%;
}

#hipchat .aui-page-header.room-header .aui-page-header-actions.hc-integrations-chat-header-actions,
body .aui-page-header.room-header .aui-page-header-actions.hc-integrations-chat-header-actions {
  width: 150px;
}

#hipchat .hc-filter,
body .hc-filter {
  box-shadow: none;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.6);
  height: 30px;
  margin: 5px 0;
  padding-left: 23px;
  box-sizing: border-box;
  width: 100%;
}

#hipchat .hc-filter-form:after,
body .hc-filter-form:after {
  color: rgba(0, 0, 0, 0.6);
  content: "\f18d";
  font-family: "Atlassian Icons";
  height: 16px;
  margin-top: 11px;
  position: absolute;
  left: 7px;
  top: 0;
  width: 16px;
}

#hipchat .hc-tab,
body .hc-tab {
  position: relative;
}

#hipchat .hc-tab .aui-nav-item,
body .hc-tab .aui-nav-item {
  padding: 9px 12px 10px 10px;
}

#hipchat .hc-tab .hc-badge,
body .hc-tab .hc-badge {
  background-color: #999999;
  color: #ffffff;
  font-weight: inherit;
  transition: opacity 0.2s;
}

#hipchat .hc-tab .hc-badge.hc-mention,
body .hc-tab .hc-badge.hc-mention {
  background-color: #2472ad;
}

#hipchat .hc-tab .hc-badge.hc-updating,
body .hc-tab .hc-badge.hc-updating {
  opacity: 0.5;
}

#hipchat .hc-tab.hc-has-badge .aui-nav-item,
body .hc-tab.hc-has-badge .aui-nav-item {
  padding-right: 41px;
}

#hipchat .hc-tab.hc-has-badge a > span.room-name,
body .hc-tab.hc-has-badge a > span.room-name {
  font-weight: 500;
}

#hipchat .hc-tab:hover > a,
body .hc-tab:hover > a {
  background-color: #e9e9e9;
}

#hipchat .hc-tab:hover .aui-nav-item,
body .hc-tab:hover .aui-nav-item {
  padding-right: 32px;
}

#hipchat .hc-tab:hover .hc-tab-close,
body .hc-tab:hover .hc-tab-close {
  border-color: transparent;
  background-color: transparent;
  display: block;
}

#hipchat .hc-tab:hover.hc-has-badge .hc-tab-close,
body .hc-tab:hover.hc-has-badge .hc-tab-close {
  display: none;
}

#hipchat .hc-tab:hover.hc-has-badge .aui-nav-item,
body .hc-tab:hover.hc-has-badge .aui-nav-item {
  padding-right: 41px;
}

#hipchat .hc-tab.aui-nav-selected > a,
body .hc-tab.aui-nav-selected > a {
  background-color: #2472ad;
  font-weight: 400;
  color: #F5F5F5;
}

#hipchat .hc-tab.aui-nav-selected > a span.icon-public,
body .hc-tab.aui-nav-selected > a span.icon-public,
#hipchat .hc-tab.aui-nav-selected > a span.icon-private,
body .hc-tab.aui-nav-selected > a span.icon-private,
#hipchat .hc-tab.aui-nav-selected > a span.icon-dot,
body .hc-tab.aui-nav-selected > a span.icon-dot,
#hipchat .hc-tab.aui-nav-selected > a span.icon-lobby,
body .hc-tab.aui-nav-selected > a span.icon-lobby,
#hipchat .hc-tab.aui-nav-selected > a span.icon-close,
body .hc-tab.aui-nav-selected > a span.icon-close,
#hipchat .hc-tab.aui-nav-selected > a span.icon-search,
body .hc-tab.aui-nav-selected > a span.icon-search {
  color: #F5F5F5;
}

#hipchat .hc-tab.aui-nav-selected > a span.icon-close:hover,
body .hc-tab.aui-nav-selected > a span.icon-close:hover {
  color: #fff;
}

#hipchat .hc-tab-close,
body .hc-tab-close {
  position: absolute;
  right: 7px;
  top: 2px;
  padding: 10px 5px 3px 5px;
  display: none;
}

#hipchat .hc-tab-close .hc-close-icon:hover,
body .hc-tab-close .hc-close-icon:hover {
  color: #333;
}

#hipchat .hc-tab-close .hc-close-icon:after,
body .hc-tab-close .hc-close-icon:after {
  font-size: 9px;
}

#hipchat .hc-tab > a,
body .hc-tab > a,
#hipchat .hc-roster > a,
body .hc-roster > a {
  color: #333333;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-tab .aui-icon,
body .hc-tab .aui-icon,
#hipchat .hc-roster .aui-icon,
body .hc-roster .aui-icon {
  color: #999999;
}

#hipchat .hc-tab .aui-nav-item .aui-icon,
body .hc-tab .aui-nav-item .aui-icon,
#hipchat .hc-roster .aui-nav-item .aui-icon,
body .hc-roster .aui-nav-item .aui-icon,
#hipchat .hc-tab .aui-nav-item .aui-avatar,
body .hc-tab .aui-nav-item .aui-avatar,
#hipchat .hc-roster .aui-nav-item .aui-avatar,
body .hc-roster .aui-nav-item .aui-avatar {
  margin-right: 8px;
}

#hipchat .hc-tab .aui-badge,
body .hc-tab .aui-badge,
#hipchat .hc-roster .aui-badge,
body .hc-roster .aui-badge {
  position: absolute;
  right: 10px;
}

#hipchat .hc-add-item-link > a,
body .hc-add-item-link > a,
#hipchat .hc-add-item-link > a:hover,
body .hc-add-item-link > a:hover,
#hipchat .hc-add-item-link span.aui-icon,
body .hc-add-item-link span.aui-icon {
  color: #3572b0;
}

#hipchat .hc-chat-header p,
body .hc-chat-header p {
  color: #666;
}

#hipchat .hc-user-photo .aui-icon,
body .hc-user-photo .aui-icon {
  color: #ffffff;
}

#hipchat .aui-icon.hc-user-silhouette,
body .aui-icon.hc-user-silhouette {
  width: 24px;
  height: 24px;
  border-radius: 3px;
}

#hipchat .aui-icon.hc-priv-chat,
body .aui-icon.hc-priv-chat {
  width: 48px;
  height: 48px;
  border-radius: 48px;
}

#hipchat .aui-icon.hc-priv-chat.hc-user-avatar,
body .aui-icon.hc-priv-chat.hc-user-avatar {
  background-size: cover !important;
  background-position: 50% 50%;
}

#hipchat .page-header-icon,
body .page-header-icon {
  width: 48px;
  display: table-cell;
}

#hipchat .page-header-icon .hipchat-icon-huge,
body .page-header-icon .hipchat-icon-huge {
  width: 48px;
  height: 48px;
  color: #999999;
  border-radius: 48px;
  position: relative;
}

#hipchat .page-header-icon .hipchat-icon-huge:after,
body .page-header-icon .hipchat-icon-huge:after {
  speak: none;
  font-size: 48px !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -24px !important;
}

#hipchat .hc-list,
body .hc-list {
  margin: 0;
  padding: 0;
  line-height: 1.8;
  font-size: 13px;
}

#hipchat .hc-list .hc-list-item,
body .hc-list .hc-list-item {
  cursor: default;
  list-style-type: none;
  margin: 0 0 9px 0;
}

#hipchat .hc-list .hc-list-item .hc-list-item-desc,
body .hc-list .hc-list-item .hc-list-item-desc {
  color: #666;
  float: left;
  font-weight: normal;
  margin: 0 10px 0 0;
  text-align: left;
  width: 50%;
  clear: left;
}

#hipchat .hc-list .hc-list-item .hc-list-item-action kbd,
body .hc-list .hc-list-item .hc-list-item-action kbd {
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  font-family: inherit;
  padding: 0 6px;
  border: 1px solid #ddd;
  border-radius: 2px;
  min-width: 26px;
  text-align: center;
  display: inline-block;
}

#hipchat .hc-list .hc-list-item .hc-list-item-action kbd.hc-key-normal,
body .hc-list .hc-list-item .hc-list-item-action kbd.hc-key-normal {
  padding: 0 6px;
  min-width: 16px;
}

#hipchat .hc-list .hc-list-item .hc-list-item-action .hc-key-separator,
body .hc-list .hc-list-item .hc-list-item-action .hc-key-separator {
  padding: 0 5px;
}

#hipchat .hc-page-header-main,
body .hc-page-header-main {
  padding-top: 2px;
  padding-left: 15px;
}

#hipchat .hc-page-header-main h3,
body .hc-page-header-main h3 {
  font-size: 16px;
  font-weight: 500;
}

#hipchat .hc-sortable .hc-sortable-placeholder,
body .hc-sortable .hc-sortable-placeholder {
  height: 3px;
  background-color: #2472ad;
}

#hipchat .hc-tooltip,
body .hc-tooltip {
  position: absolute;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

#hipchat .hc-tooltip .hc-tooltip-content,
body .hc-tooltip .hc-tooltip-content {
  min-width: 40px;
}

#hipchat .hc-tooltip .hc-tooltip-content img,
body .hc-tooltip .hc-tooltip-content img,
#hipchat .hc-tooltip .hc-tooltip-content iframe,
body .hc-tooltip .hc-tooltip-content iframe,
#hipchat .hc-tooltip .hc-tooltip-content video,
body .hc-tooltip .hc-tooltip-content video,
#hipchat .hc-tooltip .hc-tooltip-content audio,
body .hc-tooltip .hc-tooltip-content audio {
  border: none;
  margin: 0 auto;
  max-height: 100px;
  max-width: 150px;
  display: block;
}

#hipchat .hc-tooltip .hc-tooltip-content audio,
body .hc-tooltip .hc-tooltip-content audio {
  max-width: 160px;
  height: 30px;
}

#hipchat .hc-tooltip .smileys-selection,
body .hc-tooltip .smileys-selection {
  display: inline-block;
  width: 182px;
}

#hipchat .hc-tooltip .smileys-selection img,
body .hc-tooltip .smileys-selection img {
  padding: 3px;
  display: inline-block;
  float: left;
  cursor: pointer;
}

#hipchat .hc-tooltip .smileys-selection img:hover,
body .hc-tooltip .smileys-selection img:hover {
  background-color: #f0f0f0;
}

#hipchat .hc-tooltip .smileys-selection .menu-link,
body .hc-tooltip .smileys-selection .menu-link {
  margin: 10px 5px 0px;
}

#hipchat .hc-tooltip .arrow,
body .hc-tooltip .arrow {
  position: absolute;
  bottom: -9px;
  left: calc(50% - 8px);
}

#hipchat .hc-tooltip .arrow:before,
body .hc-tooltip .arrow:before {
  border-color: #ccc transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  /* left: -8px; */
  position: absolute;
  bottom: 0px;
  height: 0px;
}

#hipchat .hc-tooltip .arrow:after,
body .hc-tooltip .arrow:after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  /* left: -8px; */
  position: absolute;
  bottom: 1px;
  height: 0px;
}

#hipchat .hc-tooltip .arrow.right,
body .hc-tooltip .arrow.right {
  left: calc(87%);
}

#hipchat #current-user-status a,
body #current-user-status a {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-col,
body .hc-col {
  float: left;
}

#hipchat .hc-header-user-avatar,
body .hc-header-user-avatar {
  padding-right: 0;
  text-align: center;
  min-width: 24px;
  position: relative;
}

#hipchat .hc-header-user-avatar .hc-user-photo,
body .hc-header-user-avatar .hc-user-photo {
  display: block;
}

#hipchat .hc-header-user-avatar .hc-user-photo img,
body .hc-header-user-avatar .hc-user-photo img {
  display: inline;
  border-radius: 100%;
}

#hipchat .hc-header-user-avatar .hc-status-icon,
body .hc-header-user-avatar .hc-status-icon {
  top: 14px;
  right: 6px;
  position: absolute;
  display: inline;
}

#hipchat .hc-header-user-avatar .aui-avatar-project,
body .hc-header-user-avatar .aui-avatar-project {
  box-shadow: none;
  background-color: transparent;
}

#hipchat .hc-header-user-avatar .aui-avatar-project:before,
body .hc-header-user-avatar .aui-avatar-project:before {
  border: 0;
}

#hipchat .aui-page-header-image.hc-header-user-avatar > .hc-close-icon,
body .aui-page-header-image.hc-header-user-avatar > .hc-close-icon {
  width: 9px;
  top: 2px;
}

#hipchat .aui-page-header-image.hc-header-user-avatar > .hc-close-icon:hover,
body .aui-page-header-image.hc-header-user-avatar > .hc-close-icon:hover {
  color: #333;
}

#hipchat .hc-unread-icon,
body .hc-unread-icon {
  position: absolute;
  right: -7px;
  top: 9px;
}

#hipchat .hc-separator-icon,
body .hc-separator-icon {
  margin: 5px 10px;
  width: 4px;
  height: 4px;
}

#hipchat .hc-user-name,
body .hc-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-notification,
body .hc-notification {
  position: absolute;
  z-index: 1;
}

#hipchat .hc-connection-notification,
body .hc-connection-notification {
  position: fixed;
  top: 56px;
  right: 15px;
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}

#hipchat .hc-connection-notification a.inactive,
body .hc-connection-notification a.inactive {
  color: #999;
  cursor: default;
}

#hipchat .hc-connection-notification a.inactive:hover,
body .hc-connection-notification a.inactive:hover {
  text-decoration: none;
}

#hipchat .hc-connection-notification .spin-wrap,
body .hc-connection-notification .spin-wrap {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 20px;
  top: 50px;
}

#hipchat .hc-connection-notification span,
body .hc-connection-notification span {
  display: inline-block;
}

#hipchat .hc-connection-notification span.text,
body .hc-connection-notification span.text {
  height: 60px;
}

#hipchat .hc-actions .aui-icon,
body .hc-actions .aui-icon {
  margin-right: 3px;
}

#hipchat .hc-message,
body .hc-message {
  border-radius: 3px;
  border-width: 1px;
  line-height: 20px;
  padding-bottom: 20px;
  padding-left: 60px;
  padding-right: 40px;
  padding-top: 20px;
  background: #fff;
}

#hipchat .hc-message .hc-icon.icon-close,
body .hc-message .hc-icon.icon-close {
  background-image: none;
  color: #707070;
  text-indent: inherit;
}

#hipchat .hc-message .hc-icon.icon-close:before,
body .hc-message .hc-icon.icon-close:before {
  content: "\f11b";
  font-family: "Atlassian Icons";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
}

#hipchat .hc-message .hc-icon.icon-close:hover,
body .hc-message .hc-icon.icon-close:hover {
  color: #333333;
}

#hipchat .hc-message:before,
body .hc-message:before {
  background-color: #3572b0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

#hipchat .hc-message:after,
body .hc-message:after {
  color: #ffffff;
  content: "\f16f";
  font-family: "Atlassian Icons";
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  left: 12px;
  line-height: 1;
  margin-top: -8px;
  position: absolute;
  speak: none;
  top: 50%;
}

#hipchat .hc-message .hc-icon-success,
body .hc-message .hc-icon-success,
#hipchat .hc-message .hc-icon-warning,
body .hc-message .hc-icon-warning,
#hipchat .hc-message .hc-icon-info,
body .hc-message .hc-icon-info,
#hipchat .hc-message .hc-icon-error,
body .hc-message .hc-icon-error,
#hipchat .hc-message .hc-icon-hint,
body .hc-message .hc-icon-hint,
#hipchat .hc-message .hc-icon-generic,
body .hc-message .hc-icon-generic,
#hipchat .hc-message .icon-generic,
body .hc-message .icon-generic,
#hipchat .hc-message .icon-error,
body .hc-message .icon-error,
#hipchat .hc-message .icon-hint,
body .hc-message .icon-hint,
#hipchat .hc-message .icon-info,
body .hc-message .icon-info,
#hipchat .hc-message .icon-success,
body .hc-message .icon-success,
#hipchat .hc-message .icon-warning,
body .hc-message .icon-warning {
  display: none;
}

#hipchat .hc-message.error,
body .hc-message.error,
#hipchat .hc-message-error,
body .hc-message-error {
  border: solid 1px #d04437;
}

#hipchat .hc-message.hint,
body .hc-message.hint,
#hipchat .hc-message-hint,
body .hc-message-hint,
#hipchat .hc-message.info,
body .hc-message.info,
#hipchat .hc-message-info,
body .hc-message-info {
  border: solid 1px #3572b0;
}

#hipchat .hc-message.success,
body .hc-message.success,
#hipchat .hc-message-success,
body .hc-message-success {
  border: solid 1px #8eb021;
}

#hipchat .hc-message.warning,
body .hc-message.warning,
#hipchat .hc-message-warning,
body .hc-message-warning {
  border: solid 1px #f6c342;
}

#hipchat .hc-message.error:after,
body .hc-message.error:after,
#hipchat .hc-message-error:after,
body .hc-message-error:after {
  color: #ffffff;
}

#hipchat .hc-message.error:before,
body .hc-message.error:before,
#hipchat .hc-message-error:before,
body .hc-message-error:before {
  background-color: #d04437;
}

#hipchat .hc-message.hint:after,
body .hc-message.hint:after,
#hipchat .hc-message-hint:after,
body .hc-message-hint:after,
#hipchat .hc-message.info:after,
body .hc-message.info:after,
#hipchat .hc-message-info:after,
body .hc-message-info:after {
  color: #ffffff;
}

#hipchat .hc-message.hint:before,
body .hc-message.hint:before,
#hipchat .hc-message-hint:before,
body .hc-message-hint:before,
#hipchat .hc-message.info:before,
body .hc-message.info:before,
#hipchat .hc-message-info:before,
body .hc-message-info:before {
  background-color: #3572b0;
}

#hipchat .hc-message.success:after,
body .hc-message.success:after,
#hipchat .hc-message-success:after,
body .hc-message-success:after {
  content: "\f104";
  color: #ffffff;
}

#hipchat .hc-message.success:before,
body .hc-message.success:before,
#hipchat .hc-message-success:before,
body .hc-message-success:before {
  background-color: #8eb021;
}

#hipchat .hc-message.warning:after,
body .hc-message.warning:after,
#hipchat .hc-message-warning:after,
body .hc-message-warning:after {
  color: #707070;
}

#hipchat .hc-message.warning.waiting:after,
body .hc-message.warning.waiting:after,
#hipchat .hc-message-warning.waiting:after,
body .hc-message-warning.waiting:after {
  content: "";
  color: #707070;
}

#hipchat .hc-message.warning:before,
body .hc-message.warning:before,
#hipchat .hc-message-warning:before,
body .hc-message-warning:before {
  background-color: #f6c342;
}

#hipchat .icon-chat,
body .icon-chat {
  color: #67ab49 !important;
}

#hipchat .hc-xa,
body .hc-xa {
  color: #f79232 !important;
}

#hipchat .icon-unread,
body .icon-unread {
  color: #cccccc !important;
}

#hipchat .icon-mention,
body .icon-mention {
  color: #3f5871 !important;
}

#hipchat .hc-box-shadow,
body .hc-box-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog,
body .hc-chat-input-autocomplete .aui-inline-dialog {
  bottom: 30px;
  cursor: pointer;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents {
  max-height: 190px;
  min-width: 260px;
  max-width: 300px;
  padding: 0;
  overflow: auto;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul {
  margin: 0;
  padding: 0;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li {
  list-style-type: none;
  border-left: solid 3px transparent;
  padding: 0 5px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar {
  vertical-align: middle;
  display: inline-block;
  margin-left: 3px;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar .aui-avatar .mention-group-icon,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar .aui-avatar .mention-group-icon {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  opacity: 0.8;
  background-size: cover;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar .aui-avatar .aui-avatar-inner,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-avatar .aui-avatar .aui-avatar-inner {
  background-size: cover;
  background-position: center;
  opacity: 0.8;
  border-radius: 100%;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-preview,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-preview {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #999999;
  vertical-align: middle;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-preview img,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-preview img {
  max-height: 100%;
  max-width: 100%;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-name,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-name {
  margin-left: 10px;
  line-height: 35px;
  color: #333333;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-mention-name,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-mention-name {
  color: #999999;
  margin-left: 10px;
  font-size: .9em;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-row,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li .hc-ac-row {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected {
  background-color: #e6e6e6;
  border-left-color: #3572b0;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected .aui-avatar .mention-group-icon,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected .aui-avatar .mention-group-icon,
#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected .aui-avatar .aui-avatar-inner,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-contents ul li.hc-autocomplete-item-selected .aui-avatar .aui-avatar-inner {
  opacity: 1;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-arrow,
body .hc-chat-input-autocomplete .aui-inline-dialog .aui-inline-dialog-arrow,
#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .arrow,
body .hc-chat-input-autocomplete .aui-inline-dialog .arrow {
  top: auto;
  left: 13%;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog .arrow.right,
body .hc-chat-input-autocomplete .aui-inline-dialog .arrow.right {
  left: auto;
  right: 13%;
}

#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-name-container,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-name-container,
#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-name-container,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-name-container {
  float: left;
  width: 100%;
  padding-top: 5px;
}

#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-name,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-name,
#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-name,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-name {
  float: left;
  padding-right: 5px;
  line-height: 20px;
  display: inline-block;
}

#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-usage,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-usage,
#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-usage,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-usage {
  float: left;
  line-height: 20px;
  display: inline-block;
  white-space: nowrap;
  color: #8C8C8C;
}

#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-description,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog ul li .hc-ac-description,
#hipchat .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-description,
body .hc-chat-input-autocomplete.hc-slash-command-ac .aui-inline-dialog-contents ul li .hc-ac-description {
  float: left;
  margin-left: 10px;
  line-height: 20px;
  padding-bottom: 5px;
  color: #B3B3B3;
  font-size: .95em;
}

.aui-dropdown2-in-header,
.hc-dropdown-container {
  z-index: 2;
}

.groupchat-room-dropdown .hc-integration-warning-icon {
  margin-top: 2px;
  color: #f79232;
}

.groupchat-room-dropdown li:hover .hc-integration-warning-icon,
.groupchat-room-dropdown a.active .hc-integration-warning-icon {
  color: #ffffff;
}

.groupchat-room-dropdown .integrations-user-action a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.groupchat-room-dropdown .integrations-user-action a span {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.groupchat-room-dropdown .integrations-user-action a .hc-integration-warning-icon {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
}

.tipsy-inner {
  text-align: left;
  white-space: pre-wrap;
}

.feedback_icon {
  border: solid 1px #94A9BE;
  font-weight: 400;
  padding: 0 3px;
  font-size: 10px;
  vertical-align: initial;
  position: relative;
  top: 2px;
  letter-spacing: 1px;
  border-radius: 2px;
}

.feedback_icon:hover {
  border: solid 1px #FFFFFF;
}

.shadesify {
  z-index: 1;
  -webkit-animation: shadesify 1s;
  animation: shadesify 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.error-emoticon {
  vertical-align: middle;
}

.hc-integrations-error {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 200px;
}

.hc-integrations-error .hc-integrations-error-image {
  width: 130px;
  height: 80px;
}

.hc-integrations-error p {
  margin-bottom: 8px;
  font-weight: bold;
}

.hc-default-avatar {
  border-radius: 100%;
  text-align: center;
  color: #fff;
  background-size: cover;
  background-position: 50% 50%;
}

.aui-avatar img {
  border-radius: 100%;
}

.aui-avatar-xsmall .hc-default-avatar {
  font-size: 11px;
  line-height: 16px;
  width: 16px;
  height: 16px;
}

.aui-avatar-xsmall .aui-avatar-img {
  border-radius: 16px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-small .hc-default-avatar {
  font-size: 14px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}

.aui-avatar-small .aui-avatar-img {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-medium .hc-default-avatar {
  font-size: 20px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}

.aui-avatar-medium .aui-avatar-img {
  border-radius: 32px;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-large .hc-default-avatar {
  font-size: 32px;
  line-height: 48px;
  width: 48px;
  height: 48px;
}

.aui-avatar-large .aui-avatar-img {
  border-radius: 48px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-xlarge .hc-default-avatar {
  font-size: 48px;
  line-height: 64px;
  width: 64px;
  height: 64px;
}

.aui-avatar-xlarge .aui-avatar-img {
  border-radius: 64px;
  width: 64px;
  height: 64px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-xxlarge .hc-default-avatar {
  font-size: 64px;
  line-height: 96px;
  width: 96px;
  height: 96px;
}

.aui-avatar-xxlarge .aui-avatar-img {
  border-radius: 96px;
  width: 96px;
  height: 96px;
  background-size: cover;
  background-position: 50% 50%;
  display: block;
}

.aui-avatar-project {
  background-color: transparent;
  box-shadow: none;
}

.aui-avatar-project:before {
  border: none;
}

.aui-nav-selected .aui-avatar-project {
  box-shadow: none;
}

.aui-nav-selected .aui-avatar-project:before {
  border: 1px solid #ffffff;
}

#hipchat #page .aui-avatar svg.aui-icon {
  bottom: -3px;
  height: 14px;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: -4px;
  top: auto;
  width: 14px;
}

#hipchat form.aui .radio.notif-global-radio {
  padding-bottom: 5px;
}

#hipchat form.aui .radio .hipchat-icon-small {
  margin-right: 5px;
}

#hipchat form.aui .description {
  cursor: default;
}

#room-notifications-form.aui .radio .description {
  word-wrap: break-word;
}

#room-notifications-form fieldset.group {
  padding-left: 5px;
}

#room-notifications-form fieldset.group .hipchat-icon-small {
  color: #707070;
}

#room-notifications-form fieldset.group .hipchat-icon-small.global {
  position: absolute;
  top: 7px;
  left: 78px;
}

#room-notifications-form fieldset.group .global-level-label {
  position: absolute;
  top: 5px;
  left: 100px;
}

#room-notifications-form fieldset.group.override-opts {
  padding-left: 25px;
}

.hc-guest .hc-main-col {
  width: 100% !important;
}

.hc-guest .hc-right-sidebar-col .roster-wrap.guest-access-enabled {
  height: calc(100% - 40px - 10px) !important;
}

/* Chat Window CSS */

.hidden {
  display: none !important;
}

.hc-chat-panel,
.fake-chat-panel {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.hc-chat-panel .hc-chat-scrollbox,
.fake-chat-panel .hc-chat-scrollbox {
  background-color: #ffffff !important;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.prerender-panel {
  visibility: hidden;
  width: 100%;
  position: absolute;
  left: -999999px;
}

.hc-chat-spinner {
  padding: 25px 0;
}

.hc-chat-spinner {
  padding: 25px 0;
}

.hc-chat-spinner .spinner {
  margin: 0 auto;
}

.spinwrap {
  text-align: center;
  height: 100%;
}

.spinwrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.spinwrap .hc-loading-spinner,
.spinwrap .hc-loading-logo {
  display: inline-block;
  vertical-align: middle;
}

.spinner-msg-wrap {
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.spinner-msg-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.spinner-msg-wrap .app-loading-message {
  font-weight: 500;
  position: relative;
  top: 50px;
}

.hc-chat-row {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 8px 0px;
  border-top: 1px solid #e9e9e9;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  transition: background-color 150ms ease-in-out;
}

.hc-chat-row:first-of-type {
  border-top: solid #fff 1px;
}

.hc-chat-row:first-child {
  border-top: none;
}

.hc-chat-row .msg-status {
  transition: opacity 150ms ease-in-out;
}

.hc-chat-row .msg-unconfirmed,
.hc-chat-row .msg-failed,
.hc-chat-row .msg-flaky {
  opacity: 0.6;
}

.hc-chat-row .msg-confirmed {
  opacity: 1;
}

.hc-chat-row div {
  font-size: 14px;
  line-height: 20px;
}

.hc-chat-row div .atlascard {
  margin-bottom: 5px;
}

.hc-chat-row div:last-of-type > .atlascard {
  margin-bottom: 0;
}

.hc-chat-row div span.description {
  display: block;
  margin-top: 5px;
  clear: both;
}

.hc-chat-row div .toggle-wrap {
  position: absolute;
  top: 22px;
  right: 10px;
  cursor: pointer;
  padding: 0 10px;
  margin: 0;
}

.hc-chat-row div .toggle-wrap span.toggle-image {
  display: inline-block;
  height: 4px;
  width: 7px;
  background-size: cover;
}

.hc-chat-row div .toggle-attached-container {
  cursor: pointer;
  float: right;
  line-height: 1.4285;
  padding: 0 10px;
  margin-right: 5px;
}

.hc-chat-row div .toggle-attached {
  display: inline-block;
  height: 4px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 7px;
  background-size: cover;
}

.hc-chat-row div .file-meta {
  display: table-cell;
  padding: 0 25px 0 0;
  vertical-align: top;
}

.hc-chat-row div .file-meta a,
.hc-chat-row div .file-meta span {
  margin-right: 5px;
}

.hc-chat-row div .file-meta .compact a,
.hc-chat-row div .file-meta .compact span {
  display: inline;
}

.hc-chat-row div .file-meta.with-preview span {
  color: #707070;
}

.hc-chat-row div .file-meta.with-preview a,
.hc-chat-row div .file-meta.with-preview span {
  display: block;
}

.hc-chat-row div .file-meta.with-preview.compact a {
  margin-right: 10px;
}

.hc-chat-row div .file-meta.with-preview.compact a,
.hc-chat-row div .file-meta.with-preview.compact span {
  display: inline;
}

.hc-chat-row div .image-preview-wrapper {
  display: table-cell;
}

.hc-chat-row div .file-preview-wrapper {
  display: inline-block;
}

.hc-chat-row div .file-preview-wrapper.info {
  margin-right: 10px;
}

.hc-chat-row div .image-preview-wrapper,
.hc-chat-row div .file-preview-wrapper {
  vertical-align: middle;
  padding: 0;
  margin: 0 5px 0 0;
  float: left;
}

.hc-chat-row div .image-preview-wrapper .loading,
.hc-chat-row div .file-preview-wrapper .loading {
  border: dashed 2px #999999;
  border-radius: 5px;
  height: 200px;
  width: 200px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  color: #999999;
  font-size: 14px;
  box-sizing: border-box;
}

.hc-chat-row div .image-preview-wrapper a,
.hc-chat-row div .file-preview-wrapper a {
  display: inline-block;
}

.hc-chat-row div .image-preview-wrapper img,
.hc-chat-row div .file-preview-wrapper img,
.hc-chat-row div .image-preview-wrapper video,
.hc-chat-row div .file-preview-wrapper video {
  width: auto;
  margin: 5px 0;
  vertical-align: middle;
  display: inline-block;
  max-height: 300px;
  max-width: 300px;
  border-radius: 3px;
  box-sizing: border-box;
}

.hc-chat-from {
  display: table-cell;
  max-width: 110px;
  text-align: right;
  vertical-align: top;
  padding: 0px 10px;
  width: 110px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-chat-from .sender-name {
  font-weight: 500;
  color: #707070;
  vertical-align: top;
  left: 50px;
  text-overflow: ellipsis;
  width: 92px;
  overflow-x: hidden;
}

.hc-chat-from .sender-name:hover {
  color: #333333;
}

.hc-chat-from:hover {
  color: #333333;
}

.hc-chat-from > span {
  cursor: pointer;
}

.hc-chat-msg {
  display: table-cell;
  padding: 0 10px;
  line-height: 20px;
  max-width: 0px;
}

.hc-chat-msg.image-link .toggle-wrap {
  top: 22px;
  padding: 0 10px;
}

.hc-chat-msg .hc-mention-user,
.hc-chat-msg .atTag {
  display: inline-block;
  background: #f5f5f5;
  padding: 2px 5px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  line-height: 16px;
  white-space: nowrap;
}

.hc-chat-msg .hc-mention-user a,
.hc-chat-msg .atTag a {
  color: #333333;
}

.hc-chat-msg .hc-mention-user a:hover,
.hc-chat-msg .atTag a:hover {
  text-decoration: none;
}

.hc-chat-msg .hc-mention-me,
.hc-chat-msg .atTagMe {
  background: #3b73af;
  border: 1px solid #3b73af;
  color: #fff;
}

.hc-chat-msg .hc-mention-me:before,
.hc-chat-msg .atTagMe:before {
  color: #fff;
}

.hc-chat-msg .highlight {
  background-color: #fbecc5;
  border: solid 1px #f6c342;
  border-radius: 3px;
  padding: 0 2px;
}

.hc-chat-msg pre {
  white-space: pre-wrap;
}

.hc-chat-msg pre div {
  word-break: break-all;
  margin: 0;
}

.hc-chat-msg .icon-warning:after {
  content: "\f1b3";
  font-family: "Atlassian Icons";
  font-size: 16px;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
}

.hc-chat-msg .hexPreview {
  width: 18px;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #999;
  border-radius: 3px;
  height: 18px;
}

.hc-chat-msg .msg-line.deleted {
  font-style: italic;
  color: #707070;
}

.hc-chat-msg .msg-line.deleted span {
  padding-left: 3px;
}

.hc-chat-msg .msg-line a.linkImage {
  float: left;
}

.hc-chat-msg .msg-line p {
  margin: 0;
}

.hc-chat-msg .msg-line img.msg-link-favicon {
  max-height: 32px;
  max-width: 32px;
}

.message-confirm-state-enter {
  opacity: 0.01;
}

.message-confirm-state-enter.message-confirm-state-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-in-out;
}

.message-confirm-state-leave {
  opacity: 1;
}

.message-confirm-state-leave.message-confirm-state-leave-active {
  opacity: 0.01;
  transition: opacity 150ms ease-in-out;
}

.hc-chat-status-unconfirmed,
.hc-chat-status-failed,
.hc-chat-status-time,
.hc-chat-status-edited {
  font-size: 11px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

.hc-chat-status-edited {
  font-style: italic;
}

.hc-chat-status-unconfirmed,
.hc-chat-status-time,
.hc-chat-status-edited {
  float: right;
  margin-left: 10px;
}

.hc-chat-status-edited {
  margin-right: 25px;
}

.hc-chat-status-unconfirmed .unconfirmed-messaging {
  color: #999999;
  cursor: default;
}

.hc-chat-status-failed .failed-messaging {
  color: #d04437;
  cursor: default;
  font-weight: 500;
  margin-right: 3px;
}

.hc-chat-status-failed .failed-message-actions > a {
  color: #3572b0;
  margin-left: 7px;
}

.hc-chat-time,
.hc-chat-edited {
  color: #999999;
}

.hc-chat-row.hc-chat-row-failed .sender-name,
.hc-chat-row.hc-chat-row-unconfirmed .sender-name {
  color: #707070;
}

.hc-chat-row.hc-chat-row-failed .separator,
.hc-chat-row.hc-chat-row-unconfirmed .separator {
  color: #999999;
}

.hc-chat-row-failed {
  background-color: #faeceb;
  border-top: 1px solid #fff;
}

.hc-chat-history {
  max-height: calc(100% - 189px);
  overflow-x: hidden;
  overflow-y: auto;
}

.hc-composing-message {
  width: 100%;
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 0px 8px 140px;
  display: inline-block;
}

.hc-composing-message.hc-classic-neue {
  padding: 8px 0px 8px 55px;
}

.hc-chat-msg {
  width: 100%;
}

.hc-chat-msg img {
  vertical-align: middle;
}

.hc-chat-msg img:not(.remoticon) {
  margin-right: 5px;
}

.hc-classic-neue .hc-chat-from {
  display: table-cell;
  max-width: 25px;
  padding: 3px 10px;
  text-align: left;
  vertical-align: top;
  width: 25px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: clip;
}

.hc-classic-neue .hc-chat-from.no-action {
  cursor: inherit;
}

.hc-classic-neue .hc-chat-from:hover {
  color: #333333;
}

.hc-classic-neue .hc-chat-from .aui-avatar-inner {
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  position: relative;
  top: 1px;
}

.hc-classic-neue .hc-chat-status-unconfirmed,
.hc-classic-neue .hc-chat-status-failed,
.hc-classic-neue .hc-chat-status-time,
.hc-classic-neue .hc-chat-status-edited {
  position: absolute;
  right: auto;
  margin: 0;
  margin-right: 0px;
  text-align: left;
  vertical-align: baseline;
  float: none;
  display: inline-block;
}

.hc-classic-neue .hc-chat-history {
  max-height: calc(100% - 189px);
  overflow-x: hidden;
  overflow-y: auto;
}

.hc-classic-neue .hc-chat-msg {
  width: 100%;
}

.hc-classic-neue .hc-chat-msg img {
  vertical-align: middle;
}

.hc-classic-neue .hc-chat-msg img:not(.remoticon) {
  margin-right: 5px;
}

.hc-classic-neue .sender-name {
  vertical-align: top;
  color: #707070;
  cursor: pointer;
  font-weight: 500;
}

.hc-classic-neue .sender-name:hover {
  color: #333333;
}

.hc-classic-neue .separator {
  color: #707070;
  padding: 0 5px;
}

.hc-col {
  float: left;
}

.hc-chat-msg .info {
  color: #999999;
}

.hc-chat-msg .msg-fail-container {
  display: block;
  margin: 0;
}

.hc-chat-msg .msg-fail-container .msg-line {
  color: #999999;
  display: inline-block;
  padding-left: 8px;
}

.hc-chat-msg .msg-status .msg-line {
  display: block;
  margin: 0 0 5px 0;
  word-wrap: break-word;
}

.hc-chat-msg .msg-status .msg-line .info {
  color: #999999;
}

.hc-chat-msg .msg-status .msg-line.code {
  display: inline;
  width: 100%;
}

.hc-chat-msg .msg-status .msg-line a > img {
  margin: 5px 10px 5px 0;
  display: inline-block;
}

.hc-chat-msg .msg-status .msg-line.notification img {
  max-width: 100%;
}

.hc-chat-msg .msg-status .msg-line.truncatable {
  display: inline-block;
  width: calc(100% - 100px);
  overflow-y: hidden;
  position: relative;
  padding: 0;
  border-radius: 3px;
  vertical-align: top;
}

.hc-chat-msg .msg-status .msg-line.truncatable .truncate-wrap {
  display: block;
}

.hc-chat-msg .msg-status .msg-line.truncatable .truncate-wrap .msg-wrap {
  white-space: pre-wrap;
  display: inherit;
}

.hc-chat-msg .msg-status .msg-line.truncatable .truncate-wrap .msg-wrap blockquote {
  padding: 0 20px;
  margin-left: 19px;
}

.hc-chat-msg .msg-status .msg-line.truncatable.truncated {
  max-height: 140px;
}

.hc-chat-msg .msg-status .msg-line.truncatable.truncated .truncate-wrap {
  max-height: 100px;
  display: block;
  overflow-y: hidden;
  margin: 0;
}

.hc-chat-msg .msg-status .msg-line.truncatable.truncated .pre-wrap {
  height: 120px;
  margin-right: 0;
}

.hc-chat-msg .msg-status .msg-line.truncatable.expanded .pre-wrap {
  margin-right: 0;
}

.hc-chat-msg .msg-status .msg-line.truncatable.code span.truncatable,
.hc-chat-msg .msg-status .msg-line.truncatable.code div.truncatable {
  border-top: dashed 1px #cccccc;
  margin: 0;
}

.hc-chat-msg .msg-status .msg-line.truncatable span.truncatable,
.hc-chat-msg .msg-status .msg-line.truncatable div.truncatable {
  position: relative;
  display: block;
  bottom: 0;
  left: 0;
  padding: 5px 0 0;
  width: 100%;
  box-sizing: border-box;
  border-top: solid 1px #ffffff;
  margin: 5px 0 0 0;
}

.hc-chat-msg .msg-status .msg-line.truncatable span.truncatable a,
.hc-chat-msg .msg-status .msg-line.truncatable div.truncatable a {
  color: #365ea2;
  font-size: .9em;
}

.hc-chat-msg .msg-status .msg-line.truncatable span.truncatable.expanded,
.hc-chat-msg .msg-status .msg-line.truncatable div.truncatable.expanded {
  top: -7px;
  border-top: none;
}

.hc-chat-msg .msg-status .msg-line.truncatable span.truncatable.code,
.hc-chat-msg .msg-status .msg-line.truncatable div.truncatable.code {
  background-color: #EFEFEF;
  border: solid 1px #ccc;
  border-top: none;
}

.hc-chat-msg .msg-status .msg-line div.pre-wrap {
  display: block;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 100px;
}

.hc-chat-msg .msg-status:last-of-type .msg-line {
  margin: 0;
}

.hc-chat-msg pre div {
  word-wrap: break-word;
  max-width: 100%;
  display: inline-block;
}

.hc-msg-nocolor .hc-chat-msg .msg-line span.truncatable {
  border-top: solid 1px #e9e9e9;
}

.hc-msg-gray {
  background: #f5f5f5;
  border-top: solid #fff 1px;
}

.hc-msg-gray:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #999999;
}

.hc-msg-yellow {
  background: #fef7e4;
  border-top: solid #fff 1px;
}

.hc-msg-yellow:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #f6c342;
}

.hc-msg-red {
  background: #f9e4e2;
  border-top: solid #fff 1px;
}

.hc-msg-red:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #d04437;
}

.hc-msg-green {
  background: #e9f3e5;
  border-top: solid #fff 1px;
}

.hc-msg-green:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #67ab49;
}

.hc-msg-purple {
  background: #e9e5ed;
  border-top: solid #fff 1px;
}

.hc-msg-purple:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #654982;
}

.hc-msg-blue {
  background: #e0eaf3;
  border-top: solid #fff 1px;
}

.hc-msg-blue .sender-name {
  color: #4a6785;
}

.hc-msg-blue + .hc-msg-nocolor,
.hc-msg-purple + .hc-msg-nocolor,
.hc-msg-green + .hc-msg-nocolor,
.hc-msg-red + .hc-msg-nocolor,
.hc-msg-yellow + .hc-msg-nocolor,
.hc-msg-gray + .hc-msg-nocolor {
  border-top: solid #fff 1px;
}

.hc-msg-video,
.hc-msg-twitter_status,
.hc-msg-twitter_user,
.hc-msg-link,
.hc-msg-image {
  background: #f5f5f5;
  border-top: solid #fff 1px;
}

.hc-msg-video:before,
.hc-msg-twitter_status:before,
.hc-msg-twitter_user:before,
.hc-msg-link:before,
.hc-msg-image:before {
  content: '';
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap {
  margin: 0;
  width: 100%;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap p,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap p,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap p,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap p,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap p,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap p,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap p,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap p,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap p,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap p {
  margin: 0;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap a.linkImage,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap a.linkImage,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap a.linkImage,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap a.linkImage,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap a.linkImage,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap a.linkImage,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap a.linkImage,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap a.linkImage,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap a.linkImage,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap a.linkImage {
  float: left;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap a:hover,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap a:hover,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap a:hover,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap a:hover,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap a:hover,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap a:hover,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap a:hover,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap a:hover,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap a:hover,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap a:hover {
  text-decoration: none;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap iframe,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap iframe,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap iframe,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap iframe,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap iframe,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap iframe,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap iframe,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap iframe,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap iframe,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap iframe {
  float: left;
  margin: 0 10px 3px 0;
  border: none;
  display: inline-block;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap p.linkTitle,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap p.linkTitle,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap p.linkTitle,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap p.linkTitle,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap p.linkTitle,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap p.linkTitle,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap p.linkTitle,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap p.linkTitle,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap p.linkTitle,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap p.linkTitle {
  font-weight: 700;
}

.hc-msg-video .hc-chat-msg .msg-line div.link-wrap p.linkTitle a,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.link-wrap p.linkTitle a,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.link-wrap p.linkTitle a,
.hc-msg-link .hc-chat-msg .msg-line div.link-wrap p.linkTitle a,
.hc-msg-image .hc-chat-msg .msg-line div.link-wrap p.linkTitle a,
.hc-msg-video .hc-chat-msg .msg-line div.video-wrap p.linkTitle a,
.hc-msg-twitter_status .hc-chat-msg .msg-line div.video-wrap p.linkTitle a,
.hc-msg-twitter_user .hc-chat-msg .msg-line div.video-wrap p.linkTitle a,
.hc-msg-link .hc-chat-msg .msg-line div.video-wrap p.linkTitle a,
.hc-msg-image .hc-chat-msg .msg-line div.video-wrap p.linkTitle a {
  color: #333333;
}

.video-wrap .file-video-default-poster {
  display: inline-block;
  background: black;
  cursor: pointer;
  width: 300px;
  height: 169px;
  position: relative;
  margin: 5px 5px 5px 0;
  float: left;
}

.video-wrap .file-video-default-poster:after {
  content: "";
  position: absolute;
  display: block;
  background: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjlweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgOSAxMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuMiAoOTk2NCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+UGxheSBidXR0b248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtMyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0MC4wMDAwMDAsIC03MTguMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQwLjAwMDAwMCwgNjg1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTItKy1SZWN0YW5nbGUtNzMtKy1SZWN0YW5nbGUtNzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzMy4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGxheS1idXR0b24iPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEw2LjY2MTMzODE1ZS0xNiwxMiBMOSw1LjkwOTA5MDkxIEwwLDAgWiIgaWQ9IlBhdGgtODE4Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 50% 50% no-repeat;
  background-size: 24px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  border-radius: 6px;
  margin-left: -25px;
  margin-top: -25px;
}

.video-wrap .file-video-default-poster img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: inherit;
  height: inherit;
  margin: -85px 0 0 -150px !important;
}

.date-block {
  display: inline-block;
  width: 100%;
}

.date-divider {
  display: block;
  text-align: center;
  color: #707070;
  font-size: 14px;
  margin: 20px 0;
  position: relative;
}

.date-divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
}

.date-divider span {
  background-color: #fff;
  padding: 0 10px;
  position: relative;
  font-size: 16px;
  color: #333333;
  cursor: default;
}

.clear {
  clear: both;
  height: 0;
}

.date-divider + .hc-chat-row,
.last-viewed + .hc-chat-row {
  border-top: none;
}

.last-viewed {
  border-bottom: solid 2px #3572b0;
}

.date-block:last-of-type .last-viewed:last-child {
  border-bottom: none;
}

pre.prettyprint {
  border: none;
  border-radius: 3px;
  padding: 10px;
  white-space: pre-wrap;
}

pre.prettyprint.linenums {
  padding: 0;
}

ol.linenums {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #EFEFEF;
  color: #ccc;
}

ol.linenums li.L0,
ol.linenums li.L1,
ol.linenums li.L2,
ol.linenums li.L3,
ol.linenums li.L5,
ol.linenums li.L6,
ol.linenums li.L7,
ol.linenums li.L8 {
  list-style-type: decimal !important;
}

pre.prettyprint.linenums:empty:after {
  content: "";
}

.empty {
  width: 100%;
  position: absolute;
  bottom: 15px;
  text-align: center;
  /* HW-33 Restructure the lobby no results state to look like the old New Chat no results state. */
}

.empty div {
  display: inline-block;
  vertical-align: top;
}

.empty.empty-search-lobby .empty-state .empty-state-msg {
  display: block;
  text-align: center;
  padding-left: 0px;
  padding-top: 15px;
}

.empty .empty-state {
  height: 110px;
  margin: 0 auto;
}

.empty .empty-state.chat .empty-state-img {
  height: 104px;
  width: 110px;
}

.empty .empty-state.groupchat .empty-state-img {
  height: 89px;
  width: 104px;
}

.empty .empty-state .empty-state-msg {
  text-align: left;
  padding-left: 15px;
  vertical-align: middle;
  line-height: 22px;
  padding-top: 8px;
}

.empty .empty-state .empty-state-msg .empty-header {
  cursor: default;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.empty .empty-state .empty-state-msg .empty-msg img {
  position: absolute;
}

.twitter-tweet.twitter-tweet-rendered {
  margin: 0 !important;
}

div.hc-msg-file div.actionable-msg-container .hc-dropdown,
div.image-link div.actionable-msg-container .hc-dropdown {
  margin-right: 25px;
}

div.actionable-msg-container {
  display: table;
}

div.actionable-msg-container .hc-dropdown {
  vertical-align: middle;
  height: 100%;
  float: right;
  padding-left: 2px;
}

div.actionable-msg-container .hc-dropdown .aui-button {
  height: 20px;
  padding: 0 5px;
  opacity: 0;
}

div.actionable-msg-container .hc-chat-time,
div.actionable-msg-container .hc-chat-edited {
  margin-right: -31px;
}

div.actionable-msg-container > .msg-line,
div.actionable-msg-container .hc-dropdown {
  display: table-cell;
}

div.actionable-msg-container.hc-message-actions-active .hc-chat-time,
div.actionable-msg-container.hc-message-actions-active .hc-chat-edited {
  visibility: hidden;
}

div.actionable-msg-container.hc-message-actions-active .hc-dropdown .aui-button {
  opacity: 1;
}

div.actionable-msg-container.hc-message-actions-active .hc-dropdown .aui-button span {
  color: #707070;
}

div.actionable-msg-container.hc-message-actions-active .hc-dropdown .aui-button.msg-actions-above {
  border-radius: 0 0 3px 3px;
  border-top: 0;
  padding-top: 1px;
  position: relative;
  z-index: 2;
}

div.actionable-msg-container.hc-message-actions-active .hc-dropdown .aui-button.msg-actions-above:hover {
  border-bottom: solid thin #999999;
}

div.actionable-msg-container:hover .hc-dropdown .aui-button {
  opacity: 1;
}

div.actionable-msg-container:hover .hc-dropdown .aui-button span {
  color: #999999;
}

div.actionable-msg-container:hover .hc-dropdown .aui-button:hover span {
  color: #707070;
}

div.actionable-msg-container:hover .hc-chat-time,
div.actionable-msg-container:hover .hc-chat-edited {
  visibility: hidden;
}

.msg-action-dropdown {
  max-width: 200px;
  width: 200px;
}

.msg-action-dropdown.msg-actions-above {
  border-radius: 3px 3px 0 0;
}

button.aui-button.aui-button-subtle.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless.hc-dropdown-trigger.hc-dropdown-above {
  border-radius: 0 0 3px 3px;
  border-top: 0;
  padding-top: 1px;
  position: relative;
  z-index: 3;
}

button.aui-button.aui-button-subtle.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless.hc-dropdown-trigger.hc-dropdown-above:hover {
  border-radius: 0 0 3px 3px !important;
  border-bottom: solid thin #999999;
}

div.aui-style-default.aui-dropdown2.hc-dropdown-container.hc-dropdown-above {
  border-radius: 3px 3px 0 0;
}

#hipchat .hc-chat-box,
body .hc-chat-box {
  padding: 8px;
  background-color: #f5f5f5;
  border-top: solid 1px #cccccc;
  border-right: 1px solid #cccccc;
  box-sizing: border-box;
  min-height: 47px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
  width: 100%;
}

#hipchat .hc-chat-box.sidebar-hidden,
body .hc-chat-box.sidebar-hidden {
  width: 100%;
}

#hipchat .hc-chat-box form.aui,
body .hc-chat-box form.aui {
  white-space: nowrap;
}

#hipchat .hc-chat-box form.aui table,
body .hc-chat-box form.aui table,
#hipchat .hc-chat-box form.aui td,
body .hc-chat-box form.aui td {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

#hipchat .hc-chat-box form.aui .aui-form-notification-tooltip,
body .hc-chat-box form.aui .aui-form-notification-tooltip {
  left: -5px;
  white-space: normal;
  transition: opacity 200ms ease-in-out;
}

#hipchat .hc-chat-box form.aui .hc-text-input-autocomplete-container,
body .hc-chat-box form.aui .hc-text-input-autocomplete-container {
  position: relative;
}

#hipchat .hc-chat-box form.aui .hc-text-input,
body .hc-chat-box form.aui .hc-text-input {
  white-space: pre-wrap;
  position: relative;
}

#hipchat .hc-chat-box form.aui .hc-text-input.hc-file-sharing-disabled .hc-textarea,
body .hc-chat-box form.aui .hc-text-input.hc-file-sharing-disabled .hc-textarea {
  border-left: 1px solid #cccccc;
  border-radius: 3px;
}

#hipchat .hc-chat-box form.aui .hc-text-input .hc-textarea,
body .hc-chat-box form.aui .hc-text-input .hc-textarea {
  display: block;
  border-left: none;
  box-shadow: none;
  outline: none;
  resize: none;
  max-width: 100%;
  border-radius: 0 3px 3px 0;
  height: 30px;
  min-height: 30px;
  max-height: 200px;
  padding-right: 25px;
}

#hipchat .hc-chat-box form.aui .hc-text-input .smiley-icon,
body .hc-chat-box form.aui .hc-text-input .smiley-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 3px 7px;
  cursor: pointer;
  color: #707070;
  z-index: 5;
}

#hipchat .hc-chat-box form.aui .hc-text-input .smiley-icon:hover,
body .hc-chat-box form.aui .hc-text-input .smiley-icon:hover,
#hipchat .hc-chat-box form.aui .hc-text-input .smiley-icon.selected,
body .hc-chat-box form.aui .hc-text-input .smiley-icon.selected {
  color: #365ea2;
}

#hipchat .hc-chat-box form.aui .hc-file-btn,
body .hc-chat-box form.aui .hc-file-btn,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle {
  border: 1px solid #cccccc;
  border-radius: 3px 0 0 3px;
  background: white;
}

#hipchat .hc-chat-box form.aui .hc-file-btn.has-file,
body .hc-chat-box form.aui .hc-file-btn.has-file,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.has-file,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.has-file {
  padding: 4px 10px;
}

#hipchat .hc-chat-box form.aui .hc-file-btn.has-file .hc-attach,
body .hc-chat-box form.aui .hc-file-btn.has-file .hc-attach,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.has-file .hc-attach,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.has-file .hc-attach {
  padding: 0;
}

#hipchat .hc-chat-box form.aui .hc-file-btn:hover,
body .hc-chat-box form.aui .hc-file-btn:hover,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:hover,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:hover {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  cursor: pointer;
}

#hipchat .hc-chat-box form.aui .hc-file-btn:active,
body .hc-chat-box form.aui .hc-file-btn:active,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:active,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:active {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
}

#hipchat .hc-chat-box form.aui .hc-file-btn .hc-attach,
body .hc-chat-box form.aui .hc-file-btn .hc-attach,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle .hc-attach,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle .hc-attach {
  color: #707070;
  display: inline-block;
  padding: 4px 10px;
}

#hipchat .hc-chat-box form.aui .hc-file-btn.active,
body .hc-chat-box form.aui .hc-file-btn.active,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active {
  border: 1px solid #cccccc;
  border-radius: 3px 0 0 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #cccccc;
}

#hipchat .hc-chat-box form.aui .hc-file-btn.active:hover,
body .hc-chat-box form.aui .hc-file-btn.active:hover,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active:hover,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active:hover {
  border: 1px solid #999999;
  border-radius: 3px 0 0 3px !important;
  background-color: #cccccc;
}

#hipchat .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger .hc-dropdown,
body .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger .hc-dropdown {
  height: 100%;
}

#hipchat .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle,
body .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle {
  height: 100%;
  margin-right: 0;
}

#hipchat .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle .aui-icon.aui-icon-small,
body .hc-chat-box form.aui #hc-chat-actions.input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle .aui-icon.aui-icon-small {
  margin-right: 0;
}

#hipchat .hc-chat-box form.aui .upload-input,
body .hc-chat-box form.aui .upload-input {
  width: 180px;
  display: inline-block;
}

#hipchat .hc-chat-box form.aui .upload-input input,
body .hc-chat-box form.aui .upload-input input {
  box-shadow: none;
  width: 140px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  outline: none;
  resize: none;
  margin-left: 10px;
  padding: 0px 4px;
}

#hipchat .hc-chat-box form.aui .upload-input input.error,
body .hc-chat-box form.aui .upload-input input.error {
  border-color: #d04437;
}

#hipchat .hc-chat-box form.aui .upload-input .aui-progress-indicator,
body .hc-chat-box form.aui .upload-input .aui-progress-indicator {
  margin-left: 10px;
  width: 170px;
  position: relative;
  top: -1px;
}

#hipchat .hc-chat-box form.aui .upload-input .close-upload,
body .hc-chat-box form.aui .upload-input .close-upload {
  color: #707070;
  padding: 0 10px;
}

#hipchat .hc-chat-box form.aui .upload-input .close-upload span,
body .hc-chat-box form.aui .upload-input .close-upload span {
  height: 10px;
  width: 10px;
  vertical-align: middle;
}

#hipchat .hc-chat-box form.aui .upload-input .close-upload span:after,
body .hc-chat-box form.aui .upload-input .close-upload span:after {
  margin-top: -5px;
  font-size: 10px;
}

#hipchat .hc-chat-box #hc-chat-actions,
body .hc-chat-box #hc-chat-actions {
  height: 100%;
  width: 1%;
}

div#input_actions_dropdown.aui-style-default.aui-dropdown2.hc-dropdown-container.hc-dropdown-above {
  border-radius: 3px 3px 3px 3px;
  margin-top: -13px;
}

#hc-chat-actions-arrow {
  width: 1px;
  position: absolute;
  height: 16px;
  bottom: -16px;
  left: 10px;
}

#hc-chat-actions-arrow::before,
#hc-chat-actions-arrow::after {
  border-color: #ccc transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  position: absolute;
  top: 0;
}

#hc-chat-actions-arrow:after {
  border-top-color: #ffffff;
  top: -1px;
}

#hipchat .hc-flags-container,
body .hc-flags-container {
  position: fixed;
  top: 71px;
  right: 30px;
  z-index: 4000;
}

#hipchat .hc-flags-container .hc-flag,
body .hc-flags-container .hc-flag {
  left: 0;
  max-height: 300px;
  opacity: 0;
  position: relative;
  top: -10px;
  transition: opacity 0.2s, top 0.5s;
}

#hipchat .hc-flags-container .hc-flag[aria-hidden="false"],
body .hc-flags-container .hc-flag[aria-hidden="false"] {
  opacity: 1;
  top: 0;
  left: 0;
}

#hipchat .hc-flags-container .hc-flag[aria-hidden="true"],
body .hc-flags-container .hc-flag[aria-hidden="true"] {
  left: 300px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  top: 0;
  transition: max-height 0.5s 0.5s, opacity 0.8s, left 1s;
}

#hipchat .hc-flags-container .hc-flag .hc-message,
body .hc-flags-container .hc-flag .hc-message {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  position: relative;
  width: 300px;
}

#hipchat .hc-flags-container .hc-flag .hc-message.hc-message-video,
body .hc-flags-container .hc-flag .hc-message.hc-message-video {
  padding-left: 30px;
  padding-right: 30px;
  width: 340px;
}

#hipchat .hc-flags-container .hc-flag .hc-message.hc-message-video:before,
body .hc-flags-container .hc-flag .hc-message.hc-message-video:before,
#hipchat .hc-flags-container .hc-flag .hc-message.hc-message-video:after,
body .hc-flags-container .hc-flag .hc-message.hc-message-video:after {
  display: none;
}

#hipchat .hc-flags-container .hc-flag .hc-message.closeable .icon-close,
body .hc-flags-container .hc-flag .hc-message.closeable .icon-close {
  cursor: pointer;
  left: auto;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 18px;
  background-image: none;
  color: #707070;
  text-indent: inherit;
}

#hipchat .hc-flags-container .hc-flag .hc-message.closeable .icon-close:after,
body .hc-flags-container .hc-flag .hc-message.closeable .icon-close:after {
  font-size: 10px;
  margin-top: 0;
  margin-left: 3px;
}

#hipchat .hc-flags-container .hc-flag .hc-message.closeable .icon-close:hover,
body .hc-flags-container .hc-flag .hc-message.closeable .icon-close:hover {
  color: #333;
}

#hipchat .hc-flags-container .hc-flag .hc-message.closeable:hover .icon-close,
body .hc-flags-container .hc-flag .hc-message.closeable:hover .icon-close {
  opacity: 1;
}

#hipchat .hc-flags-container .hc-flag .hc-message .aui-nav-actions-list,
body .hc-flags-container .hc-flag .hc-message .aui-nav-actions-list {
  font-size: 0;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

#hipchat .hc-flags-container .hc-flag .hc-message .aui-nav-actions-list > li,
body .hc-flags-container .hc-flag .hc-message .aui-nav-actions-list > li {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 10px;
}

#hipchat .hc-flags-container .hc-flag .hc-message .hc-message-body,
body .hc-flags-container .hc-flag .hc-message .hc-message-body {
  margin-top: 10px;
}

#hipchat .hc-message-video .sender-container,
body .hc-message-video .sender-container {
  margin: 10px 0 20px;
  overflow: hidden;
}

#hipchat .hc-message-video .aui-avatar,
body .hc-message-video .aui-avatar,
#hipchat .hc-message-video .sender,
body .hc-message-video .sender {
  float: left;
}

#hipchat .hc-message-video .sender,
body .hc-message-video .sender {
  margin: 10px 0 0 10px;
  width: 280px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

body .aui-header .aui-header-logo-hc .aui-header-logo-device,
#page .aui-header .aui-header-logo-hc .aui-header-logo-device,
#hipchat .aui-header .aui-header-logo-hc .aui-header-logo-device {
  background-image: url("./assets/img/login_logo.png");
  background-repeat: no-repeat;
}

body .aui-icon.hc-user-silhouette,
#page .aui-icon.hc-user-silhouette,
#hipchat .aui-icon.hc-user-silhouette {
  background-image: url("./assets/img/user-avatar-blue-24.png");
}

body .aui-icon.hc-priv-chat.hc-user-silhouette,
#page .aui-icon.hc-priv-chat.hc-user-silhouette,
#hipchat .aui-icon.hc-priv-chat.hc-user-silhouette {
  background-image: url("./assets/img/user-avatar-blue-48.png");
}

body .empty-state.chat .empty-state-img,
#page .empty-state.chat .empty-state-img,
#hipchat .empty-state.chat .empty-state-img {
  background-size: 100%;
  background-image: url("./assets/img/blank_1-1.png");
}

body .empty-state.groupchat .empty-state-img,
#page .empty-state.groupchat .empty-state-img,
#hipchat .empty-state.groupchat .empty-state-img {
  background-size: 100%;
  background-image: url("./assets/img/blank_chat.png");
}

body .empty-state .empty-lobby-state-img,
#page .empty-state .empty-lobby-state-img,
#hipchat .empty-state .empty-lobby-state-img {
  background-size: 100%;
  background-image: url("./assets/img/blank_lobby.png");
}

body .empty-state .empty-search-lobby-state-img,
#page .empty-state .empty-search-lobby-state-img,
#hipchat .empty-state .empty-search-lobby-state-img {
  background-size: 100%;
  background-image: url("./assets/img/no_users.png");
}

body .hc-tab-es-img.roster,
#page .hc-tab-es-img.roster,
#hipchat .hc-tab-es-img.roster {
  background-size: 70px 62px;
  background-image: url("./assets/img/blank_people.png");
}

body .hc-tab-es-img.links,
#page .hc-tab-es-img.links,
#hipchat .hc-tab-es-img.links {
  background-size: 73px 66px;
  background-image: url("./assets/img/blank_links.png");
}

body .hc-tab-es-img.files,
#page .hc-tab-es-img.files,
#hipchat .hc-tab-es-img.files {
  background-size: 73px 66px;
  background-image: url("./assets/img/blank_files.png");
}

body .hc-tab-error-img.integrations,
#page .hc-tab-error-img.integrations,
#hipchat .hc-tab-error-img.integrations {
  background-size: 210px 64px;
  background-image: url("./assets/svgs/failed_integration_graphic_organge.svg");
}

body .hc-file-icon,
#page .hc-file-icon,
#hipchat .hc-file-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: 16px;
}

body .hc-file-icon.icon-audio,
#page .hc-file-icon.icon-audio,
#hipchat .hc-file-icon.icon-audio {
  background-image: url("./assets/img/filetypes/file_type_audio.png");
}

body .hc-file-icon.icon-code,
#page .hc-file-icon.icon-code,
#hipchat .hc-file-icon.icon-code {
  background-image: url("./assets/img/filetypes/file_type_code.png");
}

body .hc-file-icon.icon-doc,
#page .hc-file-icon.icon-doc,
#hipchat .hc-file-icon.icon-doc {
  background-image: url("./assets/img/filetypes/file_type_document.png");
}

body .hc-file-icon.icon-folder,
#page .hc-file-icon.icon-folder,
#hipchat .hc-file-icon.icon-folder {
  background-image: url("./assets/img/filetypes/file_type_folder.png");
}

body .hc-file-icon.icon-folder-open,
#page .hc-file-icon.icon-folder-open,
#hipchat .hc-file-icon.icon-folder-open {
  background-image: url("./assets/img/filetypes/file_type_folder_open.png");
}

body .hc-file-icon.icon-ai,
#page .hc-file-icon.icon-ai,
#hipchat .hc-file-icon.icon-ai {
  background-image: url("./assets/img/filetypes/file_type_illustrator.png");
}

body .hc-file-icon.icon-img,
#page .hc-file-icon.icon-img,
#hipchat .hc-file-icon.icon-img {
  background-image: url("./assets/img/filetypes/file_type_image.png");
}

body .hc-file-icon.icon-pdf,
#page .hc-file-icon.icon-pdf,
#hipchat .hc-file-icon.icon-pdf {
  background-image: url("./assets/img/filetypes/file_type_pdf.png");
}

body .hc-file-icon.icon-psd,
#page .hc-file-icon.icon-psd,
#hipchat .hc-file-icon.icon-psd {
  background-image: url("./assets/img/filetypes/file_type_photoshop.png");
}

body .hc-file-icon.icon-presentation,
#page .hc-file-icon.icon-presentation,
#hipchat .hc-file-icon.icon-presentation {
  background-image: url("./assets/img/filetypes/file_type_presentation.png");
}

body .hc-file-icon.icon-spreadsheet,
#page .hc-file-icon.icon-spreadsheet,
#hipchat .hc-file-icon.icon-spreadsheet {
  background-image: url("./assets/img/filetypes/file_type_spreadsheet.png");
}

body .hc-file-icon.icon-text,
#page .hc-file-icon.icon-text,
#hipchat .hc-file-icon.icon-text {
  background-image: url("./assets/img/filetypes/file_type_text.png");
}

body .hc-file-icon.icon-vector,
#page .hc-file-icon.icon-vector,
#hipchat .hc-file-icon.icon-vector {
  background-image: url("./assets/img/filetypes/file_type_vector.png");
}

body .hc-file-icon.icon-video,
#page .hc-file-icon.icon-video,
#hipchat .hc-file-icon.icon-video {
  background-image: url("./assets/img/filetypes/file_type_video.png");
}

body .hc-file-icon.icon-zip,
#page .hc-file-icon.icon-zip,
#hipchat .hc-file-icon.icon-zip {
  background-image: url("./assets/img/filetypes/file_type_zip.png");
}

body .toggle-image.collapse,
#page .toggle-image.collapse,
#hipchat .toggle-image.collapse,
body .toggle-attached.collapse,
#page .toggle-attached.collapse,
#hipchat .toggle-attached.collapse {
  background-image: url("./assets/img/arrow_drawer.png");
}

body .toggle-image.expand,
#page .toggle-image.expand,
#hipchat .toggle-image.expand,
body .toggle-attached.expand,
#page .toggle-attached.expand,
#hipchat .toggle-attached.expand {
  background-image: url("./assets/img/arrow_drawer_down.png");
}

body .hc-autocomplete-item .mention-group-icon,
#page .hc-autocomplete-item .mention-group-icon,
#hipchat .hc-autocomplete-item .mention-group-icon {
  background-image: url("./assets/img/avatar-all-here.png");
}

body #desktop-4-dialog div.img,
#page #desktop-4-dialog div.img,
#hipchat #desktop-4-dialog div.img {
  background-image: url("./assets/img/new-hotness-no-animation.png");
}

body .hc-integrations-es-img,
#page .hc-integrations-es-img,
#hipchat .hc-integrations-es-img {
  background-size: 200px 200px;
  background-image: url("./assets/img/blank_integrations.png");
}

body .hc-integration-icon,
#page .hc-integration-icon,
#hipchat .hc-integration-icon {
  background-size: 16px 16px;
  background-image: url("./assets/img/connect_addon.png");
}

body .hc-msg-deleted-icon,
#page .hc-msg-deleted-icon,
#hipchat .hc-msg-deleted-icon {
  height: 1em;
  width: 1em;
  background-size: 100%;
  display: inline-block;
  background-image: url("./assets/img/deleted_message.png");
}

body .hc-integrations-error-image,
#page .hc-integrations-error-image,
#hipchat .hc-integrations-error-image {
  background-size: 130px;
  background-repeat: no-repeat;
  background-image: url("./assets/svgs/cloud.svg");
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 1.5dppx), screen and (min-device-pixel-ratio: 1.5) {
  body .aui-header .aui-header-logo-hc .aui-header-logo-device,
  #page .aui-header .aui-header-logo-hc .aui-header-logo-device,
  #hipchat .aui-header .aui-header-logo-hc .aui-header-logo-device {
    background-image: url("./assets/img/login_logo@2x.png");
  }

  body .aui-icon.hc-user-silhouette,
  #page .aui-icon.hc-user-silhouette,
  #hipchat .aui-icon.hc-user-silhouette {
    background-image: url("./assets/img/user-avatar-blue-24@2x.png");
  }

  body .aui-icon.hc-priv-chat.hc-user-silhouette,
  #page .aui-icon.hc-priv-chat.hc-user-silhouette,
  #hipchat .aui-icon.hc-priv-chat.hc-user-silhouette {
    background-image: url("./assets/img/user-avatar-blue-48@2x.png");
  }

  body .empty-state.chat .empty-state-img,
  #page .empty-state.chat .empty-state-img,
  #hipchat .empty-state.chat .empty-state-img {
    background-image: url("./assets/img/blank_1-1@2x.png");
  }

  body .empty-state.groupchat .empty-state-img,
  #page .empty-state.groupchat .empty-state-img,
  #hipchat .empty-state.groupchat .empty-state-img {
    background-image: url("./assets/img/blank_chat@2x.png");
  }

  body .empty-state .empty-lobby-state-img,
  #page .empty-state .empty-lobby-state-img,
  #hipchat .empty-state .empty-lobby-state-img {
    background-image: url("./assets/img/blank_lobby@2x.png");
  }

  body .empty-state .empty-search-lobby-state-img,
  #page .empty-state .empty-search-lobby-state-img,
  #hipchat .empty-state .empty-search-lobby-state-img {
    background-image: url("./assets/img/no_users@2x.png");
  }

  body .hc-tab-es-img.roster,
  #page .hc-tab-es-img.roster,
  #hipchat .hc-tab-es-img.roster {
    background-image: url("./assets/img/blank_people@2x.png");
  }

  body .hc-tab-es-img.links,
  #page .hc-tab-es-img.links,
  #hipchat .hc-tab-es-img.links {
    background-image: url("./assets/img/blank_links@2x.png");
  }

  body .hc-tab-es-img.files,
  #page .hc-tab-es-img.files,
  #hipchat .hc-tab-es-img.files {
    background-image: url("./assets/img/blank_files@2x.png");
  }

  body .hc-file-icon.icon-audio,
  #page .hc-file-icon.icon-audio,
  #hipchat .hc-file-icon.icon-audio {
    background-image: url("./assets/img/filetypes/file_type_audio@2x.png");
  }

  body .hc-file-icon.icon-code,
  #page .hc-file-icon.icon-code,
  #hipchat .hc-file-icon.icon-code {
    background-image: url("./assets/img/filetypes/file_type_code@2x.png");
  }

  body .hc-file-icon.icon-doc,
  #page .hc-file-icon.icon-doc,
  #hipchat .hc-file-icon.icon-doc {
    background-image: url("./assets/img/filetypes/file_type_document@2x.png");
  }

  body .hc-file-icon.icon-folder,
  #page .hc-file-icon.icon-folder,
  #hipchat .hc-file-icon.icon-folder {
    background-image: url("./assets/img/filetypes/file_type_folder@2x.png");
  }

  body .hc-file-icon.icon-folder-open,
  #page .hc-file-icon.icon-folder-open,
  #hipchat .hc-file-icon.icon-folder-open {
    background-image: url("./assets/img/filetypes/file_type_folder_open@2x.png");
  }

  body .hc-file-icon.icon-ai,
  #page .hc-file-icon.icon-ai,
  #hipchat .hc-file-icon.icon-ai {
    background-image: url("./assets/img/filetypes/file_type_illustrator@2x.png");
  }

  body .hc-file-icon.icon-img,
  #page .hc-file-icon.icon-img,
  #hipchat .hc-file-icon.icon-img {
    background-image: url("./assets/img/filetypes/file_type_image@2x.png");
  }

  body .hc-file-icon.icon-pdf,
  #page .hc-file-icon.icon-pdf,
  #hipchat .hc-file-icon.icon-pdf {
    background-image: url("./assets/img/filetypes/file_type_pdf@2x.png");
  }

  body .hc-file-icon.icon-psd,
  #page .hc-file-icon.icon-psd,
  #hipchat .hc-file-icon.icon-psd {
    background-image: url("./assets/img/filetypes/file_type_photoshop@2x.png");
  }

  body .hc-file-icon.icon-presentation,
  #page .hc-file-icon.icon-presentation,
  #hipchat .hc-file-icon.icon-presentation {
    background-image: url("./assets/img/filetypes/file_type_presentation@2x.png");
  }

  body .hc-file-icon.icon-spreadsheet,
  #page .hc-file-icon.icon-spreadsheet,
  #hipchat .hc-file-icon.icon-spreadsheet {
    background-image: url("./assets/img/filetypes/file_type_spreadsheet@2x.png");
  }

  body .hc-file-icon.icon-text,
  #page .hc-file-icon.icon-text,
  #hipchat .hc-file-icon.icon-text {
    background-image: url("./assets/img/filetypes/file_type_text@2x.png");
  }

  body .hc-file-icon.icon-vector,
  #page .hc-file-icon.icon-vector,
  #hipchat .hc-file-icon.icon-vector {
    background-image: url("./assets/img/filetypes/file_type_vector@2x.png");
  }

  body .hc-file-icon.icon-video,
  #page .hc-file-icon.icon-video,
  #hipchat .hc-file-icon.icon-video {
    background-image: url("./assets/img/filetypes/file_type_video@2x.png");
  }

  body .hc-file-icon.icon-zip,
  #page .hc-file-icon.icon-zip,
  #hipchat .hc-file-icon.icon-zip {
    background-image: url("./assets/img/filetypes/file_type_zip@2x.png");
  }

  body .toggle-image.collapse,
  #page .toggle-image.collapse,
  #hipchat .toggle-image.collapse,
  body .toggle-attached.collapse,
  #page .toggle-attached.collapse,
  #hipchat .toggle-attached.collapse {
    background-image: url("./assets/img/arrow_drawer@2x.png");
  }

  body .toggle-image.expand,
  #page .toggle-image.expand,
  #hipchat .toggle-image.expand,
  body .toggle-attached.expand,
  #page .toggle-attached.expand,
  #hipchat .toggle-attached.expand {
    background-image: url("./assets/img/arrow_drawer_down@2x.png");
  }

  body .hc-autocomplete-item .mention-group-icon,
  #page .hc-autocomplete-item .mention-group-icon,
  #hipchat .hc-autocomplete-item .mention-group-icon {
    background-image: url("./assets/img/avatar-all-here@2x.png");
  }

  body #desktop-4-dialog div.img,
  #page #desktop-4-dialog div.img,
  #hipchat #desktop-4-dialog div.img {
    background-image: url("./assets/img/new-hotness-no-animation@2x.png");
  }

  body .hc-integrations-es-img,
  #page .hc-integrations-es-img,
  #hipchat .hc-integrations-es-img {
    background-image: url("./assets/img/blank_integrations@2x.png");
  }

  body .hc-integration-icon,
  #page .hc-integration-icon,
  #hipchat .hc-integration-icon {
    background-image: url("./assets/img/connect_addon@2x.png");
  }

  body .hc-msg-deleted-icon,
  #page .hc-msg-deleted-icon,
  #hipchat .hc-msg-deleted-icon {
    background-image: url("./assets/img/deleted_message@2x.png");
  }
}

body.dark {
  /**
    * Message Actions
    */
  /**
     * Input actions
     */
  /**
     * Emoticons
     */
}

body.dark #hipchat {
  /**
      * General Components
      *
      */
  /**
       * Lobby
       *
       */
  /**
       * Left Sidebar
       *
       */
  /**
       * Right Sidebar
       *
       */
  /**
       * Chat Header
       *
       */
  /**
       * Chat Panel
       *
       */
  /**
       * Chat Input
       *
       */
  /**
       * Right Sidebar
       *
       */
  /**
       * Mention & Emoticon Autocomplete
       *
       */
  /**
       * Tooltips
       *
       */
  /**
       * Quick Switcher
       *
       */
  /**
       * Chat Actions
       */
}

body.dark #hipchat .spinwrap {
  background-color: #333940;
}

body.dark #hipchat .hc-rooms-container {
  background-color: #000000;
}

body.dark #hipchat .hc-qs + .aui-blanket[aria-hidden="false"] {
  opacity: 0.3;
}

body.dark #hipchat form.hc-filter-form::after {
  color: #aaaaaa;
}

body.dark #hipchat form.hc-filter-form input {
  background-color: #1e252b;
  color: #aaaaaa;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-lobby-panel {
  background-color: #0e0f0f;
}

body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item {
  background: #1e252b;
  border-bottom-color: #0e0f0f;
}

body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item .hc-lobby-list-name {
  color: #aaaaaa;
}

body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item.selected {
  background-color: #333940;
}

body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item.selected .hc-lobby-list-name,
body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item.selected .icon-public,
body.dark #hipchat .hc-lobby-panel.hc-lobby-panel-content .hc-lobby-list-item.selected .icon-private {
  color: white;
}

body.dark #hipchat .hc-lobby-panel .empty-lobby {
  color: #aaaaaa;
}

body.dark #hipchat .hc-lobby-panel .empty-lobby a {
  color: #6fa6c6;
}

body.dark #hipchat .hc-left-sidebar-col {
  border-right-color: #0e0f0f;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar {
  background-color: #333940;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .aui-nav > li.aui-nav-heading {
  color: white;
  opacity: .6;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab {
  opacity: .6;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab.aui-nav-selected,
body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab:hover {
  opacity: 1;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab > a {
  color: #aaaaaa;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab > a.hc-tab-close:hover .hc-close-icon {
  color: #ffffff;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab:hover > .aui-nav-item {
  background-color: #282d33;
  color: white;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab.aui-nav-selected > a {
  background-color: #3f7ed1;
  color: white;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab.aui-nav-selected > a.hc-tab-close .hc-close-icon:hover {
  color: white;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar .hc-tab.aui-nav-selected:hover > a {
  background-color: #3f7ed1;
  color: white;
}

body.dark #hipchat .hc-left-sidebar-col .hc-add-item-link > a.aui-nav-item:hover {
  background-color: #282d33;
  color: white;
}

body.dark #hipchat .hc-left-sidebar-col .hc-tab .aui-icon {
  color: #ffffff;
}

body.dark #hipchat .hc-left-sidebar-col .hc-tab .aui-icon.hc-close-icon {
  color: #aaaaaa;
}

body.dark #hipchat .hc-left-sidebar-col .hc-sidebar-footer {
  background-color: #333940;
}

body.dark #hipchat .hc-right-sidebar-col {
  border-left-color: #0e0f0f;
  /**
        * Integrations Sidebar
        */
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations {
  background-color: #333940;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-integration-view-sidebar {
  background-color: #1e252b;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header {
  border-bottom: 1px solid #0e0f0f;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-integrations-configure-button {
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-integrations-configure-button a {
  color: #aaaaaa;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-integrations-configure-button a:hover {
  color: #ffffff;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .aui-iconfont-close-dialog:before {
  color: #aaaaaa;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .aui-iconfont-close-dialog:hover:before {
  color: #ffffff;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-glance {
  background-color: #1e252b;
  border-color: #0e0f0f;
  color: #aaaaaa;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-glance a,
body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-glance .aui-button-link {
  color: #6fa6c6;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-glance:hover {
  border-color: #3572b0;
}

body.dark #hipchat .hc-right-sidebar-col div.hc-integrations .hc-glance.error {
  background-color: #333940;
}

body.dark #hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-title {
  color: #aaaaaa;
}

body.dark #hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-msg a {
  color: #6fa6c6;
}

body.dark #hipchat .aui-page-header {
  background-color: #333940;
  color: #aaaaaa;
  border-bottom-color: #0e0f0f;
}

body.dark #hipchat .aui-page-header h3 {
  color: white;
}

body.dark #hipchat .aui-page-header a {
  color: #6fa6c6;
}

body.dark #hipchat .aui-page-header .aui-button,
body.dark #hipchat .aui-page-header .aui-button:visited,
body.dark #hipchat .aui-page-header a.aui-button {
  border-color: #0e0f0f;
  background: #333940;
  color: #aaaaaa;
}

body.dark #hipchat .aui-page-header .aui-button .aui-icon,
body.dark #hipchat .aui-page-header .aui-button:visited .aui-icon,
body.dark #hipchat .aui-page-header a.aui-button .aui-icon {
  color: #aaaaaa;
}

body.dark #hipchat .aui-page-header .aui-button.active,
body.dark #hipchat .aui-page-header .aui-button:visited.active,
body.dark #hipchat .aui-page-header a.aui-button.active {
  box-shadow: inset 0 3px 6px 0 #000000;
  background: #0e0f0f;
}

body.dark #hipchat .aui-page-header .aui-button:hover,
body.dark #hipchat .aui-page-header .aui-button:visited:hover,
body.dark #hipchat .aui-page-header a.aui-button:hover,
body.dark #hipchat .aui-page-header .aui-button.active,
body.dark #hipchat .aui-page-header .aui-button:visited.active,
body.dark #hipchat .aui-page-header a.aui-button.active {
  color: white;
}

body.dark #hipchat .aui-page-header .aui-button:hover .aui-icon,
body.dark #hipchat .aui-page-header .aui-button:visited:hover .aui-icon,
body.dark #hipchat .aui-page-header a.aui-button:hover .aui-icon,
body.dark #hipchat .aui-page-header .aui-button.active .aui-icon,
body.dark #hipchat .aui-page-header .aui-button:visited.active .aui-icon,
body.dark #hipchat .aui-page-header a.aui-button.active .aui-icon {
  color: white;
}

body.dark #hipchat .aui-page-header .aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after,
body.dark #hipchat .aui-page-header .aui-button:visited.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after,
body.dark #hipchat .aui-page-header a.aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless):after {
  border-top-color: #ffffff;
}

body.dark #hipchat .hc-chat-panel {
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox {
  background-color: #0e0f0f !important;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox a {
  color: #6fa6c6;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row {
  border-top-color: #333940;
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-from {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row-failed {
  background-color: #402220;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row-failed .failed-message-actions > a {
  color: #3572b0;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .date-divider:before {
  border-bottom-color: #484d52;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .date-divider span {
  background-color: #0e0f0f;
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-user {
  background-color: #505152;
  border: 1px solid #0e0f0f;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-user a {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-user:before {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-me,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .atTagMe {
  background: #3f7ed1;
  border: 1px solid #3f7ed1;
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-me {
  color: white;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-mention-me:before {
  color: white;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray .hc-chat-from {
  color: #333940;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray:before {
  background-color: #333940;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray:after {
  background-color: #333940;
  opacity: .4;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow .hc-chat-from {
  color: #c2a861;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow:before {
  background-color: #c2a861;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow:after {
  background-color: #c2a861;
  opacity: .15;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red .hc-chat-from {
  color: #a2494c;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red:before {
  background-color: #a2494c;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red:after {
  background-color: #a2494c;
  opacity: .2;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green .hc-chat-from {
  color: #339c67;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green:before {
  background-color: #339c67;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green:after {
  background-color: #339c67;
  opacity: .2;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple .hc-chat-from {
  color: #394cad;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple:before {
  background-color: #394cad;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple:after {
  background-color: #394cad;
  opacity: .2;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-blue {
  background: #1e252b;
  border-top-color: #0e0f0f;
  color: #aaaaaa;
  opacity: 0.95;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-blue .hc-chat-from {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-blue:after {
  background-color: #1e252b;
  opacity: .2;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .msg-flaky,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-nocolor.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-blue.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-video.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-twitter_status.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-twitter_user.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-link.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-image.hc-msg-loading {
  background-repeat: no-repeat repeat;
  background-position: 0 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAABCBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpCYWcvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTEwLTIyVDIxOjEwOjUxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNDwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD5/IQAAAABpJREFUCB1jNDY2/s+ABJiQ2GAmYQF0HeTwAdcGAaCLbwpNAAAAAElFTkSuQmCC");
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .msg-flaky:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-nocolor.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-gray.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-yellow.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-red.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-green.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-purple.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-blue.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-video.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-twitter_status.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-twitter_user.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-link.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-image.hc-msg-loading:before {
  background-color: transparent;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-link.hc-msg-loading,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-image.hc-msg-loading {
  background-repeat: no-repeat repeat;
  background-position: 0 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAABCBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpCYWcvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTEwLTIyVDIxOjEwOjUxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNDwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KD5/IQAAAABpJREFUCB1jNDY2/s+ABJiQ2GAmYQF0HeTwAdcGAaCLbwpNAAAAAElFTkSuQmCC");
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-chat-row.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-link.hc-msg-loading:before,
body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .hc-msg-image.hc-msg-loading:before {
  background-color: transparent;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .last-viewed + .hc-chat-row {
  border-top: none;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .last-viewed {
  border-bottom-color: #3f7ed1;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .date-block:nth-last-of-type(2) .last-viewed:last-child {
  border-bottom: none;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .empty {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .atlascard {
  border-color: #484d52;
  color: #aaaaaa;
  background-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .atlascard a {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-panel .hc-chat-scrollbox .atlascard .feedback a {
  color: #3572b0;
}

body.dark #hipchat .hc-chat-box {
  border-color: #0e0f0f;
  background-color: #333940;
}

body.dark #hipchat .hc-chat-box input {
  background-color: #1e252b;
  color: #aaaaaa;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box .hc-text-input textarea {
  background-color: #1e252b;
  color: #aaaaaa;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box .hc-text-input .smiley-icon {
  color: #aaaaaa !important;
}

body.dark #hipchat .hc-chat-box .hc-text-input .smiley-icon:hover,
body.dark #hipchat .hc-chat-box .hc-text-input .smiley-icon.selected {
  color: white !important;
}

body.dark #hipchat .hc-chat-box form.aui .hc-file-btn {
  background: #333940;
  color: #aaaaaa;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box form.aui .hc-file-btn .hc-attach {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-box form.aui .hc-file-btn:hover .hc-attach,
body.dark #hipchat .hc-chat-box form.aui .hc-file-btn:active .hc-attach {
  color: white;
}

body.dark #hipchat .hc-chat-box form.aui .hc-file-btn:hover {
  background: #333940;
}

body.dark #hipchat .hc-chat-box form.aui .hc-file-btn:active {
  background: #0e0f0f;
}

body.dark #hipchat .hc-chat-box form.aui .upload-input input {
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box form.aui .aui-button,
body.dark #hipchat .hc-chat-box form.aui .aui-button:visited,
body.dark #hipchat .hc-chat-box form.aui a.aui-button {
  border-color: #0e0f0f !important;
  background: #333940;
}

body.dark #hipchat .hc-chat-box form.aui .aui-button .aui-icon,
body.dark #hipchat .hc-chat-box form.aui .aui-button:visited .aui-icon,
body.dark #hipchat .hc-chat-box form.aui a.aui-button .aui-icon {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-box form.aui .aui-button.active,
body.dark #hipchat .hc-chat-box form.aui .aui-button:visited.active,
body.dark #hipchat .hc-chat-box form.aui a.aui-button.active {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

body.dark #hipchat .hc-chat-box form.aui .aui-button:hover .aui-icon,
body.dark #hipchat .hc-chat-box form.aui .aui-button:visited:hover .aui-icon,
body.dark #hipchat .hc-chat-box form.aui a.aui-button:hover .aui-icon,
body.dark #hipchat .hc-chat-box form.aui .aui-button.active .aui-icon,
body.dark #hipchat .hc-chat-box form.aui .aui-button:visited.active .aui-icon,
body.dark #hipchat .hc-chat-box form.aui a.aui-button.active .aui-icon {
  color: white;
}

body.dark #hipchat .hc-roster-container {
  background-color: #333940;
}

body.dark #hipchat .hc-roster-container .hc-roster,
body.dark #hipchat .hc-roster-container .hc-files,
body.dark #hipchat .hc-roster-container .hc-links {
  border-color: #0e0f0f;
  color: #aaaaaa;
}

body.dark #hipchat .hc-roster-container .hc-roster a,
body.dark #hipchat .hc-roster-container .hc-files a,
body.dark #hipchat .hc-roster-container .hc-links a {
  color: #6fa6c6;
}

body.dark #hipchat .hc-roster-container .hc-roster .hc-roster-item,
body.dark #hipchat .hc-roster-container .hc-files .hc-roster-item,
body.dark #hipchat .hc-roster-container .hc-links .hc-roster-item,
body.dark #hipchat .hc-roster-container .hc-roster .hc-roster-item a.hc-roster-link,
body.dark #hipchat .hc-roster-container .hc-files .hc-roster-item a.hc-roster-link,
body.dark #hipchat .hc-roster-container .hc-links .hc-roster-item a.hc-roster-link {
  color: #aaaaaa;
}

body.dark #hipchat .hc-roster-container .hc-roster .hc-roster-item,
body.dark #hipchat .hc-roster-container .hc-files .hc-roster-item,
body.dark #hipchat .hc-roster-container .hc-links .hc-roster-item {
  opacity: .6;
}

body.dark #hipchat .hc-roster-container .hc-roster .hc-roster-item:hover,
body.dark #hipchat .hc-roster-container .hc-files .hc-roster-item:hover,
body.dark #hipchat .hc-roster-container .hc-links .hc-roster-item:hover,
body.dark #hipchat .hc-roster-container .hc-roster .hc-roster-item.aui-nav-selected,
body.dark #hipchat .hc-roster-container .hc-files .hc-roster-item.aui-nav-selected,
body.dark #hipchat .hc-roster-container .hc-links .hc-roster-item.aui-nav-selected {
  opacity: 1;
}

body.dark #hipchat .hc-roster-container ul.roster-list li.hc-roster-item {
  background: #1e252b;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents {
  background-color: #333940;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item .hc-ac-name,
body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item .hc-ac-mention-name {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item .hc-ac-mention-name {
  opacity: 0.6;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item.hc-autocomplete-item-selected {
  background-color: #282d33;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item.hc-autocomplete-item-selected .hc-ac-name,
body.dark #hipchat .hc-chat-input-autocomplete .aui-inline-dialog-contents ul li.hc-autocomplete-item.hc-autocomplete-item-selected .hc-ac-mention-name {
  color: #ffffff;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-css-arrow.aui-bottom-arrow::before {
  border-color: #0e0f0f transparent;
}

body.dark #hipchat .hc-chat-input-autocomplete .aui-css-arrow.aui-bottom-arrow::after {
  border-top-color: #333940;
}

body.dark #hipchat .hc-tooltip {
  background-color: #333940;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-tooltip a {
  color: #6fa6c6;
}

body.dark #hipchat .hc-tooltip .arrow:before {
  border-color: #0e0f0f transparent;
}

body.dark #hipchat .hc-tooltip .arrow:after {
  border-color: #333940 transparent;
}

body.dark #hipchat .hc-tooltip .smileys-selection img:hover {
  background-color: #282d33;
}

body.dark #hipchat .hc-qs .hc-qs-content {
  color: #ffffff;
  background-color: #333940;
  border-color: #0e0f0f;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap .hc-qs-input {
  color: #f5f5f5;
  background-color: #333940;
  border-color: #333940;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap .hc-qs-input:focus {
  border-color: #333940;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .aui-avatar {
  background-color: #1e252b;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-name {
  color: #f5f5f5;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.selected {
  background-color: #282d33;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.selected .hc-qs-name {
  color: #ffffff;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.selected .hc-qs-mention-name {
  color: #cccccc;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.hc-qs-empty-state {
  color: #aaaaaa;
}

body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-text,
body.dark #hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-close {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-from .sender-name:hover,
body.dark #hipchat .hc-classic-neue .hc-chat-msg .sender-name:hover {
  color: #aaaaaa;
}

body.dark #hipchat .hc-chat-box .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle {
  border-color: #0e0f0f;
  background: #333940;
}

body.dark #hipchat .hc-chat-box .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active {
  border-color: #0e0f0f;
  background-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle.active:hover {
  border-color: #0e0f0f;
  background-color: #0e0f0f;
}

body.dark #hipchat .hc-chat-box .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:hover {
  background-color: #333940;
  border: 1px solid #0e0f0f;
}

body.dark #room-actions-drop-down,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container {
  background: #1e252b;
  color: #aaaaaa;
  border-color: #0e0f0f;
}

body.dark #room-actions-drop-down a,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container a {
  color: #aaaaaa;
}

body.dark #room-actions-drop-down .active,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container .active {
  color: #fff;
}

body.dark #room-actions-drop-down .disabled,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container .disabled {
  opacity: .6;
}

body.dark #room-actions-drop-down .aui-dropdown2-section + .aui-dropdown2-section,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container .aui-dropdown2-section + .aui-dropdown2-section {
  border-color: #0e0f0f;
}

body.dark #room-actions-drop-down .aui-dropdown2-radio.checked,
body.dark .aui-style-default.aui-dropdown2.hc-dropdown-container .aui-dropdown2-radio.checked {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOklEQVQ4y2P4//8/AyWYYdQAnAawAXE7ED+H4naoGNEGgDSgg3ZSDHiOxYDndDWAYi9QHIijKZEEDABrgRimRc6sKAAAAABJRU5ErkJggg==");
}

body.dark div.actionable-msg-container.msg-line .hc-dropdown .aui-button span {
  color: #5d6264;
}

body.dark div.actionable-msg-container.msg-line .hc-dropdown .aui-button:hover {
  background-color: transparent;
  border-color: #0e0f0f;
}

body.dark div.actionable-msg-container.msg-line .hc-dropdown .aui-button:hover span {
  color: #aaaaaa;
}

body.dark div.actionable-msg-container.msg-line.hc-message-actions-active .hc-dropdown .aui-button.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless.hc-dropdown-trigger {
  background-color: #0e0f0f;
  border-color: #0e0f0f;
}

body.dark div.actionable-msg-container.msg-line.hc-message-actions-active .hc-dropdown .aui-button.aui-dropdown2-trigger.aui-dropdown2-trigger-arrowless.hc-dropdown-trigger span {
  color: #ffffff;
}

body.dark #hc-chat-actions-arrow::before,
body.dark #hc-chat-actions-arrow::after {
  border-color: #0e0f0f transparent;
}

body.dark #hc-chat-actions-arrow:after {
  border-top-color: #1e252b;
}

body.dark img[alt="(disapproval)"],
body.dark img[alt="(hipster)"],
body.dark img[alt="(shrug)"],
body.dark img[alt="(tableflip)"] {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

body.dark #video-chat-service-menu {
  background: #1e252b;
  border-color: #0e0f0f;
}

body.dark #video-chat-service-menu a {
  color: #aaaaaa;
}

body.dark #video-chat-service-menu .active {
  color: #fff;
}

/*
 * Embedded Search Panel
 *
 */

body.embedded-search-page {
  background-color: #000000;
  color: #aaaaaa;
}

body.embedded-search-page.display_mode_minimal .search-box {
  background-color: #333940;
  color: #aaaaaa;
  border-bottom-color: #0e0f0f;
}

body.embedded-search-page .aui-page-panel {
  background-color: #000000;
}

body.embedded-search-page a {
  color: #6fa6c6;
}

body.embedded-search-page .adg .search-result-header {
  border: none;
}

body.embedded-search-page .search-result-header h3 {
  color: #aaaaaa;
  font-weight: normal !important;
}

body.embedded-search-page .hc-chat-row {
  border-color: #0e0f0f;
}

body.embedded-search-page .hc-msg-nocolor {
  background-color: #1e252b;
}

body.embedded-search-page .hc-msg-gray {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-gray .hc-chat-from {
  color: #333940;
}

body.embedded-search-page .hc-msg-gray:before {
  background-color: #333940;
}

body.embedded-search-page .hc-msg-gray:after {
  background-color: #333940;
  opacity: .4;
}

body.embedded-search-page .hc-msg-yellow {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-yellow .hc-chat-from {
  color: #c2a861;
}

body.embedded-search-page .hc-msg-yellow:before {
  background-color: #c2a861;
}

body.embedded-search-page .hc-msg-yellow:after {
  background-color: #c2a861;
  opacity: .15;
}

body.embedded-search-page .hc-msg-red {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-red .hc-chat-from {
  color: #a2494c;
}

body.embedded-search-page .hc-msg-red:before {
  background-color: #a2494c;
}

body.embedded-search-page .hc-msg-red:after {
  background-color: #a2494c;
  opacity: .2;
}

body.embedded-search-page .hc-msg-green {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-green .hc-chat-from {
  color: #339c67;
}

body.embedded-search-page .hc-msg-green:before {
  background-color: #339c67;
}

body.embedded-search-page .hc-msg-green:after {
  background-color: #339c67;
  opacity: .2;
}

body.embedded-search-page .hc-msg-purple {
  background: #0e0f0f;
  border-top-color: #333940;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-purple .hc-chat-from {
  color: #394cad;
}

body.embedded-search-page .hc-msg-purple:before {
  background-color: #394cad;
}

body.embedded-search-page .hc-msg-purple:after {
  background-color: #394cad;
  opacity: .2;
}

body.embedded-search-page .hc-msg-blue {
  background: #1e252b;
  border-top-color: #0e0f0f;
  color: #aaaaaa;
  opacity: 0.95;
}

body.embedded-search-page .hc-msg-blue .hc-chat-from {
  color: #aaaaaa;
}

body.embedded-search-page .hc-msg-blue:after {
  background-color: #1e252b;
  opacity: .2;
}

body.embedded-search-page .hc-chat-row {
  border-left: 4px solid;
}

body.embedded-search-page .hc-chat-row.hc-msg-gray {
  border-left-color: #333940;
  background: #1A1D20;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-gray .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-gray .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .hc-chat-row.hc-msg-yellow {
  border-left-color: #c2a861;
  background: #252318;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-yellow .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-yellow .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .hc-chat-row.hc-msg-red {
  border-left-color: #a2494c;
  background: #281819;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-red .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-red .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .hc-chat-row.hc-msg-green {
  border-left-color: #339c67;
  background: #13281E;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-green .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-green .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .hc-chat-row.hc-msg-purple {
  border-left-color: #394cad;
  background: #14192C;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-purple .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-purple .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .hc-chat-row.hc-msg-blue {
  background: #1C2227;
  opacity: 1;
}

body.embedded-search-page .hc-chat-row.hc-msg-blue .hc-chat-from {
  color: #707070;
}

body.embedded-search-page .hc-chat-row.hc-msg-blue .hc-chat-from:hover {
  color: #aaaaaa;
}

body.embedded-search-page .search-results-container .hc-chat-row .hc-chat-msg .highlight,
body.embedded-search-page .history_container .hc-chat-row .hc-chat-msg .highlight {
  background-color: #c2a861;
  border-color: #c2a861;
  color: #ffffff;
}

body.embedded-search-page .atTag {
  background-color: #505152;
  border: 1px solid #0e0f0f;
  color: #aaaaaa;
}

body.embedded-search-page .atTag.atTagMe {
  background: #3f7ed1;
  border: 1px solid #3f7ed1;
  color: #ffffff;
}

body.embedded-search-page .aui-icon {
  color: #999999;
}

body.embedded-search-page .no-results h3 {
  color: #aaaaaa;
}

body.embedded-search-page .adg #search-form .select2-container {
  background-color: #ffffff;
}

body.embedded-search-page form.aui .aui-select2-container {
  background-color: #333940;
}

body.embedded-search-page .prettyprint {
  background: #EFEFEF;
}

body.embedded-search-page .prettyprint span {
  font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
  font-size: 12px;
}

body.tighter #hipchat .hc-main-col .hc-rooms-container .hc-chat-panel-header-container {
  min-height: 60px;
}

body.tighter #hipchat .aui-navgroup-inner {
  padding-top: 0;
}

body.tighter #hipchat .aui-navgroup-inner .hc-sidebar-nav .aui-nav-heading {
  padding: 5px 10px 0;
}

body.tighter #hipchat .hc-tab .aui-nav-item,
body.tighter #hipchat body .hc-tab .aui-nav-item {
  padding-top: 4px;
  padding-bottom: 5px;
}

body.tighter #hipchat .aui-page-header.room-header {
  padding: 5px;
  height: 60px;
}

body.tighter #hipchat .aui-page-header.room-header .aui-page-header-actions {
  top: 15px;
}

body.tighter #hipchat .hc-tab-close {
  padding: 5px 5px 3px 5px;
  top: 1px;
}

body.tighter #hipchat .hc-tab-close span {
  height: 16px;
}

body.tighter #hipchat .date-divider {
  margin: 10px 0;
}

body.tighter #hipchat .date-divider span {
  font-size: 12px;
}

body.tighter #hipchat .hc-chat-row {
  padding: 4px 0;
}

body.tighter #hipchat .hc-chat-msg .msg-line {
  margin-bottom: 2px;
}

.ap-aui-dialog2.aui-dialog2.aui-layer {
  height: 100%;
}

.ap-aui-dialog2 iframe,
#connect-dialog-container {
  transition: width 200ms ease-in-out, height 200ms ease-in-out;
}

.ap-aui-dialog2 .ap-stats {
  bottom: 0;
  width: calc(100% - 20px);
}

#connect-dialog-container .hc-addon-iframe {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#connect-dialog-container .hc-dialog-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

#hipchat .hc-qs {
  border-radius: 5px;
  box-sizing: border-box;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 30%;
  width: 320px;
  z-index: 3000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.3s;
}

#hipchat .hc-qs[aria-hidden=true] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

#hipchat .hc-qs[aria-hidden=false] {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

#hipchat .hc-qs .hipchat-icon-medium {
  height: 32px;
  width: 32px;
}

#hipchat .hc-qs .hipchat-icon-medium:after {
  font-size: 32px;
  margin-top: -17px;
}

#hipchat .hc-qs .hc-qs-content {
  border-radius: inherit;
  border: solid 1px #cccccc;
  background-color: #ffffff;
  height: auto;
  max-height: 100%;
  overflow: hidden;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap {
  padding: 6px 25px 6px 55px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap label {
  position: absolute;
  top: 5px;
  left: 6px;
  color: #cccccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap label:hover {
  cursor: text;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap .hc-qs-input {
  border-color: #ffffff;
  color: #333333;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap .hc-qs-input:focus {
  border-color: #ffffff;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-input-wrap::after {
  color: #999999;
  content: "\f18d";
  font-family: "Atlassian Icons";
  height: 16px;
  position: absolute;
  left: 25px;
  top: 11px;
  width: 16px;
  font-size: 16px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap {
  border-radius: 0 0 4px 4px;
  max-height: 236px;
  overflow-y: auto;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap.with-hint {
  border-radius: 0;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item {
  line-height: 42px;
  color: #999999;
  border-left: 3px solid transparent;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.has-badge {
  padding-right: 30px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.hc-qs-empty-state {
  text-align: center;
  color: #707070;
  font-weight: 500;
  padding-bottom: 20px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item:hover:not(.hc-qs-empty-state) {
  cursor: pointer;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.selected {
  background-color: #e9e9e9;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item.selected:not(.hc-qs-empty-state) {
  border-left-color: #3572b0;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-room-icon,
#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .aui-avatar,
#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-status-icon {
  vertical-align: middle;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .aui-avatar {
  background-color: #cccccc;
  margin-left: 12px;
  top: -1px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-room-icon {
  margin-left: 12px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-status-icon {
  margin: 0 8px 0 13px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-name {
  margin-left: 14px;
  color: #333333;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-mention-name {
  color: #999999;
  margin-left: 5px;
  font-size: 12px;
  line-height: 0.9;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint {
  width: 300px;
  line-height: 38px;
  margin: 0 auto;
  margin-bottom: 8px;
  border: 1px solid #f88a10;
  position: relative;
  border-radius: 5px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint > * {
  vertical-align: middle;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint.with-results {
  margin-top: 10px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-key {
  cursor: default;
  padding: 2px 4px;
  text-align: center;
  margin: 10px 4px 0px 4px;
  color: #f88a10;
  border-radius: 5px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-key.mac-hint-key {
  border: 1px solid #f88a10;
  margin: 10px 8px 0px 8px;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-text {
  cursor: default;
  color: #818181;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-close {
  top: 12px;
  right: 5px;
  position: absolute;
  color: #6a6a6a;
  cursor: pointer;
}

#incoming-call-dialog {
  width: 250px;
  height: 330px;
}

#incoming-call-dialog .aui-dialog2-content {
  padding: 0;
  border-radius: 5px;
}

#incoming-call-dialog .incoming-call-dialog {
  position: absolute;
  width: 100%;
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
  padding: 20px 10px 5px;
  box-sizing: border-box;
}

#incoming-call-dialog .incoming-call-dialog .call-from {
  color: #999999;
}

#incoming-call-dialog .incoming-call-dialog .caller-name {
  font-weight: 500;
  margin: 5px 0 20px 0;
}

#incoming-call-dialog .incoming-call-dialog button {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}

#current-user-status .hc-availability ul > li > a {
  padding-left: 10px;
}

#current-user-status .hc-availability ul > li > a svg {
  margin-right: 2px;
}

#current-user-status .hc-availability span + span {
  padding-left: 1px;
}

.status-dropdown {
  position: relative;
}

#userStatusMessage {
  right: 19px;
  width: 250px;
  display: none;
}

#userStatusMessage .aui-inline-dialog-contents {
  padding: 15px;
}

#userStatusMessage .aui-css-arrow {
  right: 30px;
}

#userStatusMessage .aui-item.status-icon {
  width: 13px;
  padding-top: 7px;
}

#userStatusMessage .aui-item.status-message {
  width: 150px;
  padding: 0 0 0 10px;
}

#userStatusMessage .aui-item:last-child {
  padding: 0;
}

#userStatusMessage .aui-item:last-child button {
  margin: 0 0 0 10px;
}

#guestAccessInformation {
  width: 250px;
  margin-left: -125px;
}

#guestAccessInformation .aui-inline-dialog-contents {
  padding: 15px 15px 5px 15px;
}

#guestAccessInformation .arrow {
  left: 50%;
}

#guestAccessInformation .description {
  text-align: center;
}

.aui-inline-dialog.dialog-callout .aui-inline-dialog-contents {
  border: solid 3px #008ff7;
  box-shadow: none;
}

.aui-inline-dialog.dialog-callout .arrow,
.aui-inline-dialog.dialog-callout .aui-inline-dialog-arrow {
  top: -6px;
}

.aui-inline-dialog.dialog-callout .aui-inline-dialog-arrow.aui-css-arrow:before {
  border-style: solid;
  border-width: 0 12px 12px;
  border-color: #008ff7 transparent;
  left: -12px;
  top: -3px;
}

#header .aui-button-link.hc-invite-users {
  color: #ffffff;
}

#invite-teammates-dialog[aria-hidden=false] {
  display: block;
}

#invite-teammates-dialog {
  height: calc(100% - 101px);
  max-height: 480px;
}

#invite-teammates-dialog.aui-dialog2.aui-layer {
  /* 169px normally - extra 68px for header that is not shifted up in this iframed guy */
  top: 101px;
}

#invite-teammates-dialog .aui-dialog2-content {
  overflow: hidden;
  padding: 0;
  height: 100%;
  background-color: transparent;
}

#invite-teammates-dialog .aui-dialog2-content iframe {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  border: none;
  visibility: hidden;
}

#invite-teammates-dialog .aui-dialog2-content iframe.loaded {
  visibility: visible;
}

.hc-addon-iframe {
  border: 0;
}

#integration-dialog[aria-hidden=false] {
  display: block;
}

#integration-dialog .hc-addon-iframe {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: 100%;
}

#integration-dialog .hc-dialog-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  max-height: none;
}

#integration-dialog .hc-integration-view-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#integration-dialog .hc-integration-view-dialog.hc-integration-view-dialog-loading {
  min-height: 200px;
}

#integration-dialog .hc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
}

#integrations-management-dialog .hc-dialog-content {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
}

#integrations-management-dialog .hc-integration-section-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#integrations-management-dialog .hc-integration-section-title h5 {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

#integrations-management-dialog .hc-integration-section-title .hc-integrations-installed-count {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  margin-left: auto;
  text-align: right;
}

#integrations-management-dialog .hc-integration-section-description {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#integrations-management-dialog .hc-integration-section-description p {
  margin: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

#integrations-management-dialog .hc-integration-section-description .aui-button {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: auto;
}

#integrations-management-dialog .hc-integrations-empty-state {
  overflow: hidden;
  text-align: center;
}

#integrations-management-dialog .hc-integrations-empty-state p {
  margin: 20px auto;
  width: 400px;
}

#integrations-management-dialog .hc-integrations-empty-state .hc-integrations-es-img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
}

#integrations-management-dialog .hc-install-link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 20px;
  padding: 0 20px;
  height: 40px;
  border: 1px dashed #cccccc;
  border-radius: 3px;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#integrations-management-dialog .hc-install-link .aui-icon {
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
}

#integrations-management-dialog .hc-install-link:hover {
  background: #f5f5f5;
  text-decoration: none;
}

#integrations-management-dialog .hc-integrations-list {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

#integrations-management-dialog .hc-integrations-list li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  cursor: default;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#integrations-management-dialog .hc-integrations-list li img {
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  margin-right: 10px;
}

#integrations-management-dialog .hc-integrations-list li .hc-integration-icon {
  -webkit-flex: 0 0 16px;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}

#integrations-management-dialog .hc-integrations-list li .hc-integration-name {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#integrations-management-dialog .hc-integrations-list li .hc-integration-configure {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  margin-left: auto;
  color: #707070;
}

#edit-message-form .field-group {
  float: left;
  padding-left: 135px;
  width: 430px;
}

#edit-message-form .edit-display-time {
  float: left;
  margin: 9px 0 0 5px;
  color: #707070;
}

#edit-message-form textarea {
  max-height: 80px;
  max-width: 290px;
  resize: none;
  outline: none;
}

.icon-unread {
  color: #cccccc !important;
}

.icon-mention {
  color: #3f5871 !important;
}

body.hc-service-selector {
  min-width: 500px;
}

#hipchat-service-selector .hc-service-server-img,
#hipchat-service-selector .hc-service-cloud-img {
  display: block;
  width: 120px;
  height: 120px;
}

#hipchat-service-selector .hc-service-server-img {
  background-image: url("./assets/svgs/native/service_selector_server.svg");
}

#hipchat-service-selector .hc-service-cloud-img {
  background-image: url("./assets/svgs/native/service_selector_cloud.svg");
}

#hipchat-service-selector .aui-group {
  position: absolute;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: url("./assets/svgs/native/service_selector_background.svg");
  background-size: 50%;
  background-position: -100px -8px;
  width: 100%;
  height: 100%;
}

#hipchat-service-selector .aui-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}

#hipchat-service-selector .aui-item.hc-service-selector-dark {
  background-color: rgba(132, 187, 198, 0.1);
}

#hipchat-service-selector .aui-item.hc-service-server-login {
  position: relative;
  top: -50px;
}

#hipchat-service-selector .aui-item .aui-button {
  margin-bottom: 10px;
}

#hipchat-service-selector h2 {
  color: #205081;
  margin-top: 9px;
}

#hipchat-service-selector p {
  color: #707070;
  font-size: 16px;
  margin: 5px 0 15px;
}

#hipchat-service-selector form {
  margin-top: 0;
  width: 275px;
  max-height: 50px;
  min-height: 50px;
}

#hipchat-service-selector form .aui-button {
  margin-top: 20px;
}

#hipchat-service-selector input.long-field {
  width: 100%;
}

#hipchat-service-selector .cancel-wrap {
  display: inline-block;
}

#hipchat-service-selector .cancel-wrap .cancel-button {
  margin-left: 10px;
}

#hipchat-service-selector .cancel-wrap .hc-spinner {
  position: relative;
  top: -4px;
  left: 20px;
}

#hipchat-service-selector .error-message-container {
  margin-top: 10px;
  height: 55px;
}

#hipchat-service-selector .error-message {
  font-size: 13px;
  color: #d04437;
}

.hc-ac-name {
  cursor: default;
}

.hc-attach {
  cursor: default;
}

#input_actions_dropdown a {
  cursor: default;
}

.aui-dialog2-content .aui-nav a,
.aui-dialog2-header-close,
.aui-dialog2-footer-actions button {
  cursor: default;
}

.aui-dialog2-footer-actions button:hover {
  text-decoration: none;
}

#hipchat .app-header a,
body .app-header a,
#hipchat .aui-page-header .aui-button,
body .aui-page-header .aui-button {
  cursor: default;
}

#hipchat .app-header .hc-invite-users,
body .app-header .hc-invite-users {
  cursor: pointer;
}

#hipchat #connectionStatusMessage a,
body #connectionStatusMessage a {
  cursor: default;
}

#hipchat .hc-left-sidebar-col a,
body .hc-left-sidebar-col a {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-label,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-label,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status,
body .hc-right-sidebar-col .hc-integrations .hc-glance .hc-glance-status {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header a,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header a,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer a,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer a {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-tab-es .hc-tab-es-msg,
body .hc-right-sidebar-col .hc-tab-es .hc-tab-es-msg,
#hipchat .hc-right-sidebar-col .guest-access,
body .hc-right-sidebar-col .guest-access {
  cursor: default;
}

.hc-roster-link {
  cursor: default;
}

.hc-room-notif-icon:hover {
  cursor: default;
}

.aui-dropdown2-in-header a {
  cursor: default;
}

.hc-chat-msg .hc-mention-user a,
.hc-chat-msg .atTag a,
.hc-chat-msg .hc-mention-me,
.hc-chat-msg .atTagMe {
  cursor: default;
}

.hc-chat-time,
.hc-chat-edited,
.hc-classic-neue .sender-name,
.hc-chat-from .sender-name,
.hc-classic-neue .separator {
  cursor: default;
}

div.actionable-msg-container .hc-dropdown .aui-button {
  cursor: default;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item .hc-qs-name {
  cursor: default;
}

#hipchat .aui-button,
body .aui-button,
.aui-button,
.aui-button:visited,
a.aui-button {
  cursor: default;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-hint .hc-qs-hint-close {
  cursor: default;
}

#hipchat .hc-qs .hc-qs-content .hc-qs-list-wrap .hc-qs-item:hover:not(.hc-qs-empty-state) {
  cursor: default;
}

.hc-chat-row div .toggle-wrap {
  cursor: default;
}

.hc-chat-from > span {
  cursor: default;
}

#hipchat .hc-chat-box form.aui .hc-text-input .smiley-icon,
body .hc-chat-box form.aui .hc-text-input .smiley-icon {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.clickable,
body .hc-right-sidebar-col .hc-integrations .hc-glances .hc-glance.clickable {
  cursor: default;
}

#hipchat .hc-lobby-panel-content .hc-lobby-list-item,
body .hc-lobby-panel-content .hc-lobby-list-item {
  cursor: default;
}

#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-header .close,
#hipchat .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close,
body .hc-right-sidebar-col .hc-integrations .hc-integration-view-sidebar .hc-integration-sidebar-footer .close {
  cursor: default;
}

#hipchat .aui-page-header.room-header form.aui .aui-button span,
body .aui-page-header.room-header form.aui .aui-button span {
  cursor: default;
}

#hipchat .hc-tooltip .smileys-selection img,
body .hc-tooltip .smileys-selection img {
  cursor: default;
}

#hipchat .hc-chat-input-autocomplete .aui-inline-dialog,
body .hc-chat-input-autocomplete .aui-inline-dialog {
  cursor: default;
}

.Select-item-icon,
.Select-clear,
.Select-arrow,
.Select-arrow-zone {
  cursor: default;
}

#hipchat .hc-chat-box form.aui .hc-file-btn:hover,
body .hc-chat-box form.aui .hc-file-btn:hover,
#hipchat .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:hover,
body .hc-chat-box form.aui .input_actions_trigger button#input_actions_dropdown-trigger.hc-dropdown-trigger.aui-dropdown2-trigger.aui-button.aui-button-subtle:hover {
  cursor: default;
}
/*# sourceMappingURL=hipchat-client.css.map */

Products

About

Resources

Contact Gemfury