/* Global Securities Styles*/
h5{
    font-size: 1em;
    font-weight: 500;
    color: #6c6e70;
}
#single-security .content{
    max-width: 1100px;
}
#single-security .label{
    color: #888888;
    font-family:'Inter', sans-serif;;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 20px;
    padding-top: 3px;
    min-width: 90px;
    font-weight: bold;
    letter-spacing: 1px;
    font-weight: 300;
}
#single-security .value{
    color: #272727;
    font-size: 15px;
    font-family:'Inter', sans-serif;;
}
#single-security .value.gain{
    color: #81d135;
}

#single-security .value.gain:before,
#single-security .value.loss:before{
    padding: 10px 0 10px 0px;
    font-size: 8px;
}

#single-security .value.no-change:before{
    padding: 10px 0 10px 0px;
    font-size: 14px;
}

#single-security .value.gain:before {
    content:"\25B2";
}

#single-security #security-logo-mobile{
    padding-top: 0px;
    width:auto;
    display:none;
    max-height: 130px;
}


#single-security .value.loss:before {
    content:"\25BC";
}

#single-security .value.no-change:before {
    content:"-";
}

#single-security .value.loss{
    color: #fc0e2c;
}
#single-security .value.no-change{
    color: #5E5F60;
}

#single-security .security-item{
    padding-top: 10px;
}
.zig-zag-lines .content{
    background: #fff;
    padding: 40px;
    box-shadow: 0px 1px 5px #888888;
    width: 100%;
}
#venue-legend-container{
    margin-top:20px;
}

#venue-legend-container span{
    display:block;
    font-size:13px;
    line-height:18px;
}
@media screen and (max-width: 1024px){

    .flex-container.zig-zag-lines{
        padding: 0px;
    }
    .zig-zag-lines .content{
        width: auto;
        padding: 10px;
        box-shadow:none;
    }
    .timestamp{
        width: auto;
        /* padding: 10px; */
        font-size: 9px;
        text-align: left;
    }
    .styled-table th{
        font-size: 11px;
    }
    .mobile-list tr td:first-child{
        color: #5E5F60;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .mobile-list tr td:last-child{
        font-size: 18px;
        text-align: right;
    }
    .styled-table tr:nth-child(2n){
        background: #fff;
    }
    .styled-table tr:nth-child(2n + 1){
        background: #F9F9F9;
    }

    .styled-table tr:nth-child(2n) td{
        padding-top:25px;
        padding-bottom:25px;
    }
    .styled-table tr:nth-child(2n + 1) td{
        border-bottom: 1px solid #ddd;
    }

    tr.visible-xs{
        display: table-row;
    }
    
}


.broker-name-hover-container{
    border-radius:4px;
    background-color: #808285;
    color:#fff;
    display:inline-block;
    padding:9px;
    font-size:11px;
    border:1px solid #4D4D4D;
    -webkit-box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.75);
    position:absolute;
    left:500px;
    z-index:10001;
}

ul#mobileTradeHistory{
    list-style: none;
    margin: 0;
}
ul#mobileTradeHistory li:nth-child(2n + 1){
    background: #F9F9F9;
}
ul#mobileTradeHistory li {
    margin-bottom: 0px;
}
ul#mobileTradeHistory li .drawer-content{
    background: #fff;
    width: 100%;

}
ul#mobileTradeHistory li .mobile-list{
    width: 100%;
    padding: 15px 0 15px 0;
}
ul#mobileTradeHistory li .drawer-title{
       font-family:'Inter', sans-serif;;
    padding: 5px 5px;
}
ul#mobileTradeHistory li .drawer-title span{
    float: right;
}
#mobileTradeHistory .styled-table tr:nth-child(2n + 1){
    background: none;
}
#mobileTradeHistory .styled-table tr:nth-child(2n + 1) td{
    background: none;
}
#mobileTradeHistory .styled-table tr td{
    padding: 15px 5px;
}

@media screen and (max-width: 600px){
    .xs-hidden {
        display: none;
    }
}