@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Noto+Sans&display=swap');

    ul#mainTabs { height:0px; display:none; }
    /* ul#screenTabs {height:0px; display:none;} */
    div#screensTabsContent { height: 100% !important; }

    /* font them all */
    * {
        font-family: "Noto Sans", "Open Sans";
        font-size: 1em;
    }

    /* mentions color */
    .mentionColor {
        color:yellow !important;
        font-weight: 800 !important;
        font-style: normal !important;
    }

    /* ticker color */
    span.stockColor {
        background-color:#ffff00d4;
        padding: 0px 3px 0px 2px;
        margin: 0px 4px 0px 3px;
        display: inline-block !important;
        color:black !important;
        font-style: normal !important;
        font-weight: bold !important;
    }

    /* tab general markup */
    ul.chatTabs {
        cursor: pointer !important;
    }
    ul.chatTabs > li > a  {
        font-size: 0px !important;
    }

    /* ====================  Tab icons ====================== */
    a.navbar-brand.ml-1.mr-1 {
        width:0px !important;
        display:none !important;
    }
    /* Main Chat Tab */
    ul.chatTabs > li:nth-child(1) > a:before {
        content: "\f015";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Trader Tab */
    ul.chatTabs > li:nth-child(2) > a:before {
        content: "\f201";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Pivot Boss Tab */
    ul.chatTabs > li:nth-child(3) > a:before {
        content: "\f544";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Español Tab */
    ul.chatTabs > li:nth-child(4) > a:before {
        content: "ES";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: Arial;
    }
    /* Swing/Crypto Tab */
    ul.chatTabs > li:nth-child(5) > a:before {
        content: "\f155";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Options Tab */
    ul.chatTabs > li:nth-child(6) > a:before {
        content: "\f0b0";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Futures Tab */
    ul.chatTabs > li:nth-child(7) > a:before {
        content: "\f012";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }
    /* Support Tab */
    ul.chatTabs > li:nth-child(8) > a:before {
            content: "\f059";
        font-size: 0.7rem;
        padding: 0 1px;
        font-family: "Font Awesome 5 Free";
    }

    /* chat time */
    span.created-at.mx-2 {
        font-size: 0.65rem !important;
        font-weight: bold !important;
    }

    span.stars-container.ng-star-inserted span.stars-num {
        color: black !important;
        padding:0px !important;
        margin:0px !important;
    }

    /* stars */
    i.fas.fa-star.stars-icon {
        color: #444 !important;
        font-size: 0.8rem !important;
    }
    span.stars-num {
        color: black !important;
        top: 2px !important;
        left: 5px !important;
        font-size: 0.55rem !important;
    }