.axis path, .axis line {
        fill: none;
        stroke: black;
        shape-rendering: crispEdges;
    }
    .axis path{
        fill: none;
        stroke: none;
    }
    .bar {
        fill: steelblue;
    }
    .bars{
        float:left;
        height:25px;
        padding-top: 5px;
    }
    #barChart{
        width:70%;
        text-align: center;
        margin:0 auto;

    }
    .arc path{
        stroke:white;
        stroke-width:3;
    }
     .arc2 path{
        stroke:white;
        stroke-width:3;
    }
    #select path{
        fill:#ccc !important;
    }
    #selectrect {
        fill:#ccc !important;
    }
    .deselect{
        background-color: #ccc !important;
    }
    .axis path, .axis line {
        fill: none;
        stroke: #999;
        shape-rendering: crispEdges;

    }

    .sur-row{ border-bottom:4px solid #eee; padding:15px 0;}
    .sur-col{ height:85px; float:left;}
    .sur-title{ font-size:14px; display:block; font-weight:normal; color:#666; font-family:"Open Sans",Arial,Helvetica,sans-serif;}
    .sur-title i{ font-size:12px; color:#999;}
    .sur-title a{ text-decoration:none; color:#999;}
	.sur-count{ font-size:48px; display:block; color:#0276bb; line-height:66px;}
   
      
    
    .bars{ cursor:pointer;}
    .bars + .bars{ border-left:2px solid #fff;}

    .status{ width:16%; border-right:1px solid #eaeaea;}
    .expired{ width:17%; border-right:1px solid #eaeaea;}
    .assignee{ width:25%; border-right:1px solid #eaeaea;}
	.responses{ width:25%; border-right:1px solid #eaeaea;}
	.responses-1{ width:16%;}

    .line {  fill: none;  stroke: steelblue;  stroke-width: 1.5px;}
    .overlay {
  fill: none;
  pointer-events: all;
}

.focus circle {
  fill: none;
  stroke: steelblue;
}


.day {
  fill: #fff;
  stroke: #ccc;
}

.month {
  fill: none;
  stroke: #4f7fa7;
  stroke-width: 2px;
}

#calenderChart{ width:100% !important; }
.RdYlGn .q0-11{fill:#fffbc0}
.RdYlGn .q1-11{fill:#ffeaaf}
.RdYlGn .q2-11{fill:#fee08b}
.RdYlGn .q3-11{fill:#aff0ac}
.RdYlGn .q4-11{fill:#96e293}
.RdYlGn .q5-11{fill:#81d27e}
.RdYlGn .q6-11{fill:#66bd63}
.RdYlGn .q7-11{fill:#f39195}
.RdYlGn .q8-11{fill:#f27a7f}
.RdYlGn .q9-11{fill:#c2565b}
.RdYlGn .q10-11{fill:#c84147}

@media screen and (max-width: 1260px) {.aut-span{ margin-top:1px;}.sur-row{ padding:25px 0;} .status{ width:14%;} .expired{ width:14%;} .assignee{ width:28%;} .responses{ width:28%;}.responses-1{ width:14%;}}
@media screen and (max-width: 1160px) { .status{ width:30%; margin-bottom:30px;} .expired{ width:30%; margin-bottom:30px;} .assignee{ width:39%; margin-bottom:30px; border-right:none;} .responses{ width:49%;} .responses-1{ width:49%;}} 
@media screen and (max-width: 768px) { #barChart{ width:60%;} .status{ width:25%;} .expired{ width:25%;} .assignee{ width:49%;}}
@media screen and (max-width: 600px) { .sur-col{ height:auto;}.status{ width:49%;} .expired{ width:49%;} .assignee, .responses, .responses-1{ width:100%; border-right:none; margin-bottom:30px;} }