#page-wrap { width: 317px;margin-right: 0 !important;margin:0;padding:0;  }
#list-wrap {padding: 0 0 0 0px;}

#liveQuotes ul {padding:0;margin:0;}
#liveQuotes .icons{
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto auto 8px auto;
}
#liveQuotes .forex-icon {
        background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/images/homepage/redesign/instruments/forex.svg);
}
#liveQuotes .indices-icon {
        background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/images/homepage/redesign/instruments/indices.svg);
}
#liveQuotes .commodities-icon {
        background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/images/homepage/redesign/instruments/commodities.svg?v1);
        width: 50px;
        height: 50px;
}
#liveQuotes .stocks-icon {
        background-image: url(https://static.hfm.com/assets/hfappnew/websites/main/images/homepage/redesign/instruments/stocks.svg);
}

#liveQuotes #note { font-size: 9px; text-align:left;color:#333;margin:5px 0px 0 10px; }

#liveQuotes a { text-decoration: none; }
#liveQuotes a:focus { outline: 0; }
#liveQuotes {
	font: 12px Arial;
}

/*******
#liveQuotes .nav {
    height: auto;
     overflow: auto;
    margin: 0;
    border-bottom: none;
}*****/
#liveQuotes .nav {
    margin: 0;
}
#liveQuotes .nav .current {
        background: #E7E7E7!important ;
    }
#liveQuotes .nav .nav-link {
    background: #FFF;
    padding: 21px 15px;
    font-size: 16px;
    border-radius: 0.42rem;
    color: #161616;
    text-transform: capitalize;
    text-align: center;
}

#liveQuotes .instrument {
    width: 100%;
    text-align: left;
}


#liveQuotes .bg-white {
    border-radius: 0.42rem;
    padding: 25px;
    width: 500px;
    position: relative;
}
@media (max-width:1200px) and (min-width:992px) {
    #liveQuotes .bg-white {
         width: 410px;
    }
}
#liveQuotes .bg-white .titles {
    font-size: 16px;
    color: #A5A5A5;
    margin-bottom:20px;
    border-bottom: 1px solid #EDEDED;
}
#liveQuotes .bg-white .small {
    position: absolute;
    bottom: 10px;
    left: 25px;
}

#liveQuotes .nav .nav-link:not(:last-child) {
margin-bottom: 12px;
}
#liveQuotes .nav .nav-link:hover {
    background: #E7E7E7;
}
#liveQuotes .nav .nav-link img {
    margin-bottom: 12px;
    width: 40px;
}
.list-wrap .instrumentRow {
border-bottom: 1px solid #EDEDED;
}

/************/

.tabs dd:last-child a {

}
#liveQuotes ul li.nav-indices a  {margin-right: 0 !important; }
#liveQuotes .nav li { width: auto; float: left; border-right:1px solid #fff;}
#liveQuotes .nav li.last { margin-right: 0;border:none; }
#liveQuotes .nav li.last a{ margin-right: 0;border:none;
/*        padding-right:12px;*/
}
#liveQuotes .nav li.last a.current{ margin-right: 0;
/*         padding-right:16px;*/
}

#note {height:30px;

}
#forex {


}
#liveQuotes .nav li a {
    display: block;
    padding: 0;
    color:#333333;
    font-size: 12px;
    text-align: center; border: 0;
    line-height:27px;
    text-transform: uppercase;
    padding: 0px 6px;

}
#liveQuotes .nav li a:hover { /*background-color: #111;*/ }

#liveQuotes ul { list-style: none; }
#liveQuotes ul li a { padding: 5px;}
#liveQuotes ul li a:hover {
}
#liveQuotes ul li:last-child a { border: none; }

#liveQuotes ul li a:hover{
color: #111111;

}
#liveQuotes ul li.nav-forex a.current,
#liveQuotes ul li.nav-commodities a.current,
#liveQuotes ul li.nav-stocks a.current,
#liveQuotes ul li.nav-indices a.current,
#liveQuotes ul li.nav-cryptos a.current {
    border-bottom:2px solid #CD0511;

}
.instrumentRow {
    line-height:23px;
    font-size:16px;
    margin-top: 30px;
    }
.instrumentRow::last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    }

.instrumentRow .instrument {margin-right:4px;width:105px;display:block;float:left;font-weight:bold;}

span.forex.instrument {margin:0;width:105px;display:block;float:left;font-weight:bold;margin-left:10px;}
span.forex.instrument .flag1 {margin:0 2px 0 0;}
span.forex.instrument .flag2 {margin:0 4px 0 0;}

span.stocks.instrument {margin:0;width:110px;display:block;float:left;font-weight:bold;}
span.commodities.instrument .icon {margin:0 10px 0 0;}
span.stocks.instrument .icon {margin:0 6px 0 0;}
span.indices.instrument .icon {margin:0 6px 0 0;}


.instrumentRow .pricelivequotes {
    clear:both;
    width:153px;
    /*width:112px;
    margin:0 auto 0 30px;*/
    margin: 0;
    display:inline-block;
    }


.instrumentRow .spread {
    margin-right:11px;
    width:20px;
    display:block;
    float:right;
    color: #161616;
    }
.instrumentRow .down {color: #CD0511;}
.instrumentRow .up {color: #179149;}


#quotesHeader {height: 14px;
margin: 0px 0px 17px 0px !important;
color: #333;
position: relative;
top: 5px;}
#quotesHeader .instrument{width:121px;text-align:center;}
#quotesHeader .th{float:left;font:normal 12px Arial;display:block;}

#quotesHeader .bid{width:50px;text-align:right;padding-right:5px;}
#quotesHeader .ask{width:50px;text-align:left;padding-left:5px;}

#quotesHeader .pricelivequotes{width:116px;text-align:center;}

#quotesHeader .spread{width:54px;text-align:center;float:right;margin-right:5px;}