/* ================================================= FONT FACE ================================================= */

@font-face {
    font-family:bebasneue;
    src: url("../fonts/BebasNeue.ttf");
    
}

body {
    font-family: sans-serif;
    overflow:hidden;
    padding:0px;
}

/* ================================================= MARKERS ================================================= */

.main-title {
    position:absolute;
    top:0px;
    left:0px;
    padding-top:20px;
    padding-left:20px;
    font-size:40px;
    font-family:bebasneue;
    color:#FFF;
    z-index:900;
}

.sub-title {
    position:absolute;
    top:50px;
    left:0px;
    padding-top:10px;
    padding-left:20px;
    font-size:small;
    color:#FFF;
    z-index:900;
}

#cvs {
    width:100%;
    height:100%;
    padding:0px;
    position:relative;
    left:0px;
    top:0px;
    /*background:-webkit-radial-gradient(10% 10%, #252525, #111111 30%, #000000 85%);
    background:-moz-radial-gradient(10% 10%, #252525, #111111 30%, #000000 85%);
    background:radial-gradient(at 10% 10%, #252525, #111111 30%, #000000 85%);*/
}

.hidden-right {
    opacity:0;
    right:-100%;
}


/* ================================================= RIGHT SIDEBAR ================================================= */

.rightbar-container {
    position:absolute;
    padding-top:20px;
    padding-right:20px;
    padding-left:20px;
    top:0px;
    right:0px;
    width:25%;
    min-width:252px;
    height:100%;
    z-index:1000;
    background: rgba(0,0,0,0.5);
}

.chart-header {
	font-family: bebasneue;
    font-size:20px;
	color: #AAA;
    letter-spacing: 1.5px;
    padding-bottom:3px;
    margin-bottom:5px;
}

#volume-chart-header{
    border-bottom:2px solid #5698FD;
}

#centrality-chart-header{
    border-bottom:2px solid #5698FD;
}

.chart-container {
    margin-bottom:10px; 
}

.chart {
    overflow:hidden; 
}

#filter-container {
    position:absolute;
    bottom:10px;
	background-color: rgba(0,0,0,0.8);
    border:2px #AAA solid;
    border-radius:5px;
    padding:10px 10px 0px 10px;
}

.filter-button{
    width:75px;
    height:75px;
    float:left;
    margin-right:10px;
    margin-left:10px;
    z-index:10;
    background-size:contain;
    background-repeat:no-repeat;
    cursor:pointer;
    opacity:0.5;
    border-bottom:5px solid #000;
    padding-bottom:5px;
}

.filter-active {
    opacity:1;
    border-bottom:5px solid #AAA;
}

.filter-button:hover{
    opacity:1;
    border-bottom:5px solid #333;
}