/*BRUSH*/
    .dc-chart .brush rect.extent {
        fill: #ffffff;
        fill-opacity: 0.7;
    }

/*AXIS*/
    .y-axis-label {
      fill: transparent;
    }

    .x-axis-label {
        font-family: 'Roboto', sans-serif;
        fill: white;
        font-size:16px;
        font-weight:400;
    }

    .dc-chart .axis text {
        font-family: 'Roboto', sans-serif;
        fill: white;
        font-size:14px;
        font-weight:100;
        padding-top:100px;
    }

    .dc-chart .axis path, .axis line {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }

    /*this isn't working ... fix so that ticks are shown */
    .dc-chart .axis tick {
        fill: none;
        stroke: white;
        shape-rendering: crispEdges;
    }

    .dc-chart path.line {
        fill: none;
        stroke-width: 1.5px;
        stroke: white;
    }

/*BAR CHARTS*/
    .dc-chart rect.bar {
        stroke: none;
        cursor: pointer;
        fill:black;
        stroke: black;
        stroke-width: 2px;
        fill-opacity: 0.5;
    }

    .dc-chart rect.deselected {
        stroke: none;
        /*fill: #cfd8dc;*/
    }

    .dc-chart rect.selected {
        stroke: none;
/*        fill: #f45656;
*/    
        fill: white;
    }

/*PIE CHARTS*/
    .pie {
        margin-left:30px;
    }

    .dc-chart .pie-slice {
        fill: white;
        font-size: 10px;
        cursor: pointer;
    }

/*SCATTER CHART*/

    /*TO REMOVE X AXIS OF SCATTER*/
    /*#scatter-chart .axis.y path {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }
    #scatter-chart .axis.y text {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }
    #scatter-chart .axis.y line {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }*/

    /*#scatter-chart path.line {
        stroke-width: 3px;
        stroke: black;
    }*/

/*SLIDERS*/

    #number_of_casulaties_slider .axis.y text {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }
    #number_of_casulaties_slider .axis.y text {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }
    #number_of_casulaties_slider .axis.y line {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
    }

    .casualtySlider.dc-chart path.line {
        fill: none;
        stroke-width: 1.5px;
        stroke: white;
    }

/*MAP*/

    #map-container{
        width:300px;
        height: 100%;
    }