.assetCLink 
{
    /*border:1px solid red;*/
    /*text-align:right;*/
    /*padding-top:10px;*/
    /*padding-bottom:10px;*/
    padding-top:10px;
    /*border:1px solid red;*/
    position:relative;
}

.assetCLink > div{
    
    display:inline-block;
    padding-left:10px;
}


.panel {
    padding: 12px 17px;
    margin-bottom: 30px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.05);
    border-radius: 8px;
}

.panel.trade {
}

.panel .head{
    font-weight:500;
    padding-bottom:5px;
    font-size:18px;
    position:relative;
}

.panel.trade .head {
    /*background-image: url(../img/forecast.svg), linear-gradient(transparent, transparent);*/
    background-image: url(../img/daily-forecast.svg), linear-gradient(transparent, transparent);
    background-size:30px;
/*    background-position-x:0;
    background-position-y:0;
*/    background-repeat: no-repeat;
    padding-top:5px;
    padding-left:40px;
}
.panel.feed .head {
/*    background-image: url(../img/latest.svg), linear-gradient(transparent, transparent);*/    
    background-image: url(../img/activity.svg), linear-gradient(transparent, transparent);
    background-size:30px;
/*    background-position-x:0;
    background-position-y:-50px;
*/    background-repeat: no-repeat;
    padding-top:4px;
    padding-left:40px;
}
.panel.corr .head {
/*    background-image: url(../img/corr.svg), linear-gradient(transparent, transparent);*/    
    background-image: url(../img/correlation-tool.svg), linear-gradient(transparent, transparent);
    background-size:30px;
/*    background-position-x:0;
    background-position-y:-105px;
*/    background-repeat: no-repeat;
    padding-top:2px;
    padding-left:40px;
}
.panel.stat .head {
/*    background-image: url(../img/corr.svg), linear-gradient(transparent, transparent);*/    
    background-image: url(../img/most-viewed-forecast.svg), linear-gradient(transparent, transparent);
    background-size:30px;
/*    background-position-x:0;
    background-position-y:-155px;
*/    background-repeat: no-repeat;
    padding-top:2px;
    padding-left:40px;
}


.panel .head .legend {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 300;
    text-align: center;
}

.panel .body{
    
}

.panel .item{
    border-bottom:1px solid #CCC;
    cursor:pointer;
    padding-top:10px;
    padding-bottom:10px;
}

.panel .item:hover{
    
}

.panel.panelRight{
    /*border:1px solid #BBB;*/
    height:325px;   
    
    padding:12px 17px;
    
    margin-bottom:30px;
    
}
.panel.panelRight .body {
    overflow-y:scroll;
    height:280px;
}

.panel.panelRight.stat  {
    height:390px;
}

.panel.panelRight.stat .body {
    overflow-y:hidden;
    height:300px;
}

.panel .table{
    
    margin-bottom:5px;
}

.panel .table tbody  tr {
    cursor:pointer;
}
.panel .table tbody td {
    vertical-align:middle;
}
.panel .table th.price,
.panel .table td.price {
    text-align:right;
}

.panel .item.active1,
.panel .table tbody tr.active1 {
    
}

.panel .table tr.neutral{
    
}

.panel .table tbody tr:hover {
    /*background-color:#b3d0f8;*/
    background-color:#F6F6F6;
}
.panel .close{
    position:absolute;
    right:0;
    top :0;
}

.table th.tdpgr, 
.table td.tdpgr {
    padding-left:3em !important;
}
/* SMALL CHART */
td.tdpgr svg.sc,
td.tdpgr .svgSm{
    width:110px;
    height:40px;
}


/* CORRELATION */
.CORR svg .node text{
    font-size:12px;
    
}

.CORR svg circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
  cursor:pointer;
}
.CORR .legend rect{
    fill:rgba(255,255,255,0.95);
    stroke-width:0;
    stroke:white;
}

.CORR .legend{
    display:none;
}

/* SCROLLBAR */
#style-3::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);*/
	background-color: #EDEDED;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #EDEDED;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #BBB;
}

/* ANALYSIS */
.status{
    
}

.status.update{
    color:#65666A;
}
.time{
    white-space:nowrap;  
   padding-bottom:5px;
}
.market{
    
}
.dir{
    padding-left:20px;
}
.dir.short{
    background: url(/img/bear.svg) no-repeat left;
    background-position:-7px;
    background-size:30px;
}
.dir.long{
    background: url(/img/bull.svg) no-repeat left;
    background-position:-7px;
    background-size:30px;
}
.dir.neutral{
    
    background: url(/img/neutt-warn.png) no-repeat left;
}

.fa-stars3::before {
    /*display:block;*/
    font-family:"Glyphicons Halflings";
    content: "\e006 \e006 \e006 ";
    font-size:12px;
    color:#16171D;
    white-space:nowrap;
}

.fa-stars2::before {
    /*display:block;*/
    font-family: "Glyphicons Halflings";
    content: "\e006 \e006 \e007";
    font-size: 12px;
    color: #16171D;
    white-space: nowrap;
}

.fa-stars1::before {
    /*display:block;*/
    font-family: "Glyphicons Halflings";
    content: "\e006 \e007 \e007";
    font-size: 12px;
    color: #16171D;
    white-space: nowrap;
}


.panelG{
    width:48%;
    height:500px;
    margin-bottom:0;
    float:left;
    margin-right:10px;
    margin-bottom:10px;

    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
    overflow-y:hidden;
}
.panelG .panel-heading{
    padding:0;
}



/* DIVERS */
.BUTTON{
    border:1px solid #AAA;
    padding:3px;
    cursor:pointer;
    

    /*margin:3px;*/
    white-space:nowrap;
}
.BUTTON:hover {
    background-color:#F6F6F6;
}
.BUTTON.active1 {
    background-color:#F6F6F6;
}

.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}

.footer{
    text-align:center;
    padding-top:20px;
    padding-bottom:30px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}
.btn-primary.back-to-top {
    color: #fff;
    background-color: #394048;
    border-color: #000;
}

.forecast .nav-tabs{
    border-bottom:none;
    
    float:right;
}
.forecast .nav-tabs > li.active > a, 
.forecast .nav-tabs > li.active > a:focus, 
.forecast .nav-tabs > li.active > a:hover{
    border-bottom-color:#ddd;
}

@media all and (min-width:768px) {
    .navbar-right {
        text-align: center;
        float:none !important;
    }
    .navbar-form .form-control{
        width:400px;
    }
}


/* ANALYSIS POPUP */
.ANALYSIS .HEADER .bcol1{
    float:left;
    width:60%;
    /*border:1px solid green;*/
}
.ANALYSIS .HEADER .bcol2{
    float:left;
    width:40%;
    text-align:right;
    /*border:1px solid red;*/

}
.ANALYSIS .HEADER ol, 
.ANALYSIS .HEADER ul
{
    margin-bottom:0;
}
.ANALYSIS .HEADER .time{
    
}

.ANALYSIS .graph{
    position:relative;
    overflow:hidden;
    height:385px;
}

.ANALYSIS .graph img{
    top:0;
    right:5px;
    position:absolute;
/*    max-width:610px;
    width:610px;
    */
}


.horzSup{
    color:#65666A;
    
}


/* RELATED MARKET */
.RM{
    /*border:1px solid red;*/
    margin:0;padding:0;
    
    /*width:30px;*/
    /*padding-right:20px;*/
}
.RM ol, .RM ul{
    margin:0;
    padding:0;
}

.RM li{
    list-style: none;
}

.RM li > a {
    text-decoration: none;
}

.RM .title{
    
    
    padding:10px;
    border-bottom:1px solid #777;
}
.RM .item{
    border-bottom:1px solid #CCC;
    padding:10px;
    cursor:pointer;
}
.RM .item:hover {
    background-color:#b3d0f8;
}

.RM .rmcol1{
    float:left;
    width:75%;
}
.RM .rmcol2{
    float:left;
    width:25%;
}

.RM .time{
    
    white-space:nowrap;  
}
.RM .dropdown-menu{
    min-width:250px;
}


.bulletNav{
    width:100%;
    font-size:20px;
    text-align:center;
}

.bulletNav .glyphicon.dot{
    cursor:pointer;
    padding-right:5px;
    padding-left:5px;
    
}
.bulletNav .list-unstyled{
    
}
.glyphicon
{
    font-size:12px;
}
.bulletNav .glyphicon {
    font-size: 18px;
}
.bulletNav .glyphicon.dot.active1:before {
    content: "\25cf";
}
.bulletNav .glyphicon.dot:before{
    content: "\25cb";
}
.bulletNav .glyphicon.dot:hover {
    color:#08B361;
}

.bulletNav > div{
    display:inline-block;   
}



.ANALYSIS .comment .table-techindicator{
    /*float:right;*/
}

.ANALYSIS .comment .table-techindicator{
    
    width:50%;
    border:0.1em solid #000;
    border-collapse: collapse;
    /*margin-left:5px;*/
    margin-top:5px;
}

.ANALYSIS .comment .table-techindicator td{border:0.1em solid #000;padding:0.2em;font-weight:bold;}
.ANALYSIS .comment .table-techindicator tr:first-child td{background-color:#394048;font-weight:normal;color:#F2F2F2;}
.ANALYSIS .comment .directional {text-transform: capitalize}
.ANALYSIS .comment .directional.long {color:rgb(28,140,67)}
.ANALYSIS .comment .directional.short {color:rgb(255,0,0)}
.ANALYSIS .comment .directional.neutral {color:rgb(0,0,255)}

.ANALYSIS .comment.fu{
    color:#65666A;
}
.ANALYSIS .comment.fu {
    color: #65666A;
}
.ANALYSIS .title{
    font-size:18px;
}
/* POPUP */
.close{
    /*float:left;*/
}
.close:focus, 
.close:hover {
    
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.info:hover {
    
}
.info{
    position:absolute;
    top:15px;
    right:3px;
    
    cursor:pointer;
    
    color:#65666A;
}

.info.activateh{
    color:#08B361;
}

div.infob {
    color: #08B361;
    position: relative;
    top: 0px;
    left: -5px;
    text-decoration: none;
    cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
    /*z-index: 1;  On définit une valeur pour l'ordre d'affichage. */
}

    div.infob > div {
        display: none; /* On masque l'infobulle. */
        font-family: 'Roboto',Helvetica, sans-serif;
        position: absolute;
        white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
        background: white;
        color: #666;
        padding: 3px;
        border: 1px solid #08B361;
        border-left: 4px solid #08B361;
        top: 30px; /* On positionne notre infobulle. */
        left: 20px;
        text-align: left;
    }

div.infob.op > div {
    left: auto;
    right: 7px;
}

div.infob:hover {
   /*background: none;*/ 
}

div.infob:hover > div {
   display: block; /* On affiche l'infobulle. */
   z-index: 600; /* On définit une valeur pour l'ordre d'affichage. */
}

div.infob > div p{
    line-height:1.3;
}

div.infob ul {
    list-style-type: none;
    padding-left:10px;
    
}

div.infob li{
    margin:3px;
}

.link:hover{
    cursor:pointer;
    stroke-width:3px;
    fill:#FF0000;
    stroke:#FF0000;
}


@media all and (max-width:530px) {
    .info{
        display:none;
        visibility:hidden;
    }
    .tdmkt{
        width:50px;
        max-width:50px;
        overflow:hidden;
        
    }
    .tdconv{
        width:20%;

    }
    .tdpr{
        width:30%;
    }
    .tdpgr{
        display:none;
    }
    .panel .table>tbody>tr>td, 
    .panel .table>tbody>tr>th, 
    .panel .table>tfoot>tr>td, 
    .panel .table>tfoot>tr>th, 
    .panel .table>thead>tr>td, 
    .panel .table>thead>tr>th{
        padding:4px;
    }
    .panel{
        padding:10px 10px;
    }
}

@media all and (max-width:768px) {
    .TSE_LOGO {
        height: 50px;
    }
}

.selected{
    border:1px solid #b3d0f8;
    background-color:#b3d0f8!important;
}
.close_x {
    background-image: url(../img/navigation-close.svg), linear-gradient(transparent, transparent);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.help_icon {
    background-image: url(../img/status-help.svg), linear-gradient(transparent, transparent);
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display:inline-block;
}
.help_icon.infob {
    margin-top:-10px;
    margin-left:-5px;
}