@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot#iefix') format('embedded-opentype'),
    url('../fonts/proximanova-regular.woff') format('woff'),
    url('../fonts/proximanova-regular.ttf') format('truetype'),
    url('../fonts/proximanova-regular.svg#ProximaNovaRegular') format('svg');
} 
#conversejs a.configure-chatroom-button, #conversejs a.toggle-chatbox-button, #conversejs a.close-chatbox-button {
  border:1px solid #b51a23 !important; 
  color:white;
  cursor:pointer;
  display:inline-block;
  float:right;
  font-size:10px;
  margin-right:3px;
  padding:3px 3px 2px;
  text-decoration:none;
}
#conversejs .chat-head {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  color:#FFFFFF;
  font-size:100%;
  margin:0;
  padding:0 0 2px 4px;
}
#conversejs a.configure-chatroom-button, #conversejs a.toggle-chatbox-button, #conversejs a.close-chatbox-button {
  border:1px solid #B51A23 !important;
  color:white;
  cursor:pointer;
  display:inline-block;
  float:right;
  font-size:10px;
  margin-right:3px;
  margin-top:3px;
  padding:3px 3px 2px;
  text-decoration:none;
}
#conversejs div#users, #conversejs div#chatrooms, #conversejs div#login-dialog, #conversejs div#settings {
  background-color:white;
  border:0;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  font-size:14px;
  height:calc(100% - 35px);
  overflow-y:hidden;
  position:absolute;
  width:100%;
}
#conversejs .chat-body { 
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-top-width:0; 
}
#conversejs .restore-chat, #conversejs .chat-title {
  color:white;
  display:block;
  font-weight:normal;
  line-height:15px;
  overflow:hidden;
  padding:4px 0 0 2px; 
}
#conversejs .chat-message-room, #conversejs .chat-message-them, #conversejs .chat-message-me { 
  font-weight:normal; 
}
#conversejs dd.available-chatroom, #conversejs #converse-roster dd { 
  font-weight:normal; 
  text-shadow: 0;
}
#conversejs .chatbox { 
  margin-right: 5;
} 
#converse-roster span.pending-contact-name, #converse-roster a.open-chat {
  font-family: "ProximaNovaRegular", Helvetica, Arial;
  font-size: 12px;
}
.s .current {
  display: none;
}
#conversejs ul#controlbox-tabs a.current, #conversejs ul#controlbox-tabs a.current:hover {
  background: transparent !important;
  color: #fff;
  font-size: 12px;
  font-family: "ProximaNovaSemiBold", Helvetica, Arial;
  font-weight: normal;
  text-shadow: 0px !important;
}
#conversejs a.configure-chatroom-button, #conversejs a.toggle-chatbox-button, #conversejs a.close-chatbox-button {
  border: none !important;
}
#conversejs .logout {
  text-align: center;
  width: 100% !important;
  border-top: 1px solid #dddddd;
}
#conversejs .logout span {
  display: none;
}
#converse-roster .roster-filter {
  padding: 0;
  margin: 0 0 5px 0.5em;
  width: 111px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAACXBIW…dzAVY3d0ajNz9aypS/b5R6o+ZPdqoKgCq6h80KH3xDgBqNR97p8oAGQAAAABJRU5ErkJggg== ) no-repeat right -20px center;
  border: 1px solid #999;
  display: inline-block!important;
}
#converse-roster dd.current-xmpp-contact span {
  color: #bfbfbf;
  font-size: 13px;
}
#conversejs a {
  color: #000;
}
#available-chatrooms dt, #converse-roster dt {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  border-top: #e6e6e6 1px solid;
  padding: 10px 5px 10px 5px !important;
  display: block !important;
  width: 100%;
}
#conversejs .group-toggle {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  padding-left: 5px;
  font-family: Helvetica, Arial;
}
#converse-roster .roster-filter {
  padding: 5px 10px !important;
  width: 100%;
  height: 25px;
  margin: 0px;
  border: 1px solid #e6e6e6;
  display: block!important;
}
#conversejs .chatbox .dropdown dd, #conversejs .dropdown dt, #conversejs .dropdown ul {
  background: #fff;
  border: none;
}
#conversejs .chatbox .dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 4px 7px 0 5px;
  color: #bfbfbf;
}
#conversejs .restore-chat, #conversejs .chat-title {
  color: white;
  display: block;
  font-weight: normal;
  line-height: 11px;
  overflow: hidden;
  padding: 8px 0 0 5px;
  font-size: 11px !important;
  text-shadow: none !important;
}
.close-chatbox-button {
  margin: 10px !important;
}
.close-chatbox-button {
  margin: 10px 5px !important;
}
.toggle-chatbox-button {
  margin: 10px 3px !important;
}
#conversejs .chatbox dl.dropdown {
margin: 0.3em 0.5em;
background-color: #f0f0f0;
font-size: 12px;
}
#conversejs .chatbox .dropdown dd ul li:hover {
  background-color: #e5bebe;
}
#conversejs .chatbox .dropdown dd.search-xmpp ul li:hover {
  background-color: #e5bebe;
}
#conversejs .chatbox, #conversejs .chatroom {
  height: 25px;
  float: right;
  margin-left: 10px;
  margin-right: 0px;
  display: block;
}
#conversejs .minimized-chats-flyout, #conversejs .box-flyout {
  border-radius: 0px;
  bottom: 0px;
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.4);
  display: block;
  height: 324px;
  position: absolute;
}