/* extra font */
@font-face {
font-family: "CustomFontAwesome";
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot");
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff") format("woff"),
url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf") format("opentype"),
url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf") format("ttf");
}


/* font them all */
* {
    font-family: Helvetica, Arial;
    font-weight:100;
    font-size:1em;    
}

div.msg-left.preText,div.msg-box.pb-1 {
    color:#cccccc;
    background-color:#222;
}

/* remove title */
div.chat-top > div:nth-child(1) > span:nth-child(1), a.navbar-brand {
    font-size:0px;
}


/* tabs */
#mainChatTabNav {
    cursor: pointer;
}
ul.nav.nav-tabs.chatChannelTabs > li > a,
ul.nav.nav-tabs.flex-wrap.chatTabs > li.nav-item > a {
    font-size: 0;
}
.nav-link {
    padding:.2rem .7rem;
}
ul.nav.nav-tabs.chatChannelTabs > li > a > span.badge,
ul.nav-tabs > li > a > span {
    font-size:9px;
    padding:3px;
    top:-6px;
    position:relative;
    background-color:yellow;
    color:black;
}


a#mainChatTabNav:before,
ul.nav-tabs > li:nth-child(1) > a:before {
    content: "\f015";
    font-size: initial;
    font-family: "FontAwesome", "CustomFontAwesome";
}
a#offTopicChatTabNav:before,
ul.nav-tabs > li:nth-child(2) > a:before {
    content: "\f086";
    font-size: initial;
    padding: 0 3px;
    font-family: "FontAwesome", "CustomFontAwesome";
}

ul.nav.nav-tabs.chatChannelTabs > li:nth-child(4) > a:before,
ul.nav-tabs > li:nth-child(3) > a:before {
    content: "ES";
    font-size: 1.25rem;
    padding: 0 2px;
    font-family: "Tahoma", "Arial";
}
ul.nav.nav-tabs.chatChannelTabs > li:nth-child(5) > a:before,
ul.nav-tabs > li:nth-child(4) > a:before  {
    content: "\f201";
    font-size: initial;
    padding: 0 3px;
    font-family: "FontAwesome", "CustomFontAwesome";
}
ul.nav.nav-tabs.chatChannelTabs > li:nth-child(6) > a:before,
ul.nav-tabs > li:nth-child(5) > a:before  {
    content: "\f059";
    font-size: initial;
    padding: 0 3px;
    font-family: "FontAwesome", "CustomFontAwesome";
}

/* chat time */
div.chat-header.chatName > small {
    font-size: 0.75em;
    font-weight: bold;
}

/* chat admins */
li.isAdm, li.isAdm > div.chat-msg-txt { font-weight: bold; }
.chatMention { font-style:normal; }

/* private chat */
button.btn.btn-default.btn-sm.btn-link.dropdown-toggle.ng-binding {
    color:black !important; font-weight:bold !important;
}
/* time on compact chat */
span > a.text-inverse.ts,
span > div.inline.pull-right > a
{ font-size:0.3em;font-weight:bold;color:#666; transition:1s ease;} /*timestamp*/
span > a.text-inverse > strong { font-size:0.8em; } /*name*/

/* contributor */
div > a > strong > span.label { font-size:0px; }
div > a > strong > span.label:after {
    content: "\f0a1";
    font-size: 15px;
    font-family: "FontAwesome";
    color:red;
    background:transparent !important;
}