/* YOUR CSS STYLES */
.map-circle:hover
{
    cursor: pointer;
}

.background {
     fill: none;
     pointer-events: all;
 }

.web-content
{
    text-align: left;
}

#states {
    fill: #E5D9C9;
}

#states .active {
    fill: orange;
}

#state-borders {
    fill: none;
    stroke: #FBF9F7;
    stroke-width: 1.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}

input {
    background: transparent;
    border: 3px solid #7FDBFF;
    margin: 10px ;
    width: 180px;
    font-size: 18px;
    padding: 6px;
    text-align: center;
    color:white;
}





.btn-button-name, .btn-button-name:link, .btn-button-name:visited {
    background-color: transparent;
    border-radius: 0;
    color: #a5a5a5;
    border: 2px solid #7FDBFF;
}
.btn-button-name:active, .btn-button-name:hover {
    background-color: #6f5499;
    color: #fff
}

.btn-button-name.btn-lg {
    border: 3px solid #7FDBFF;
    margin: 10px;
    width: 180px;
    font-size: 18px;
    padding: 6px;
    text-align: center;
}

#reset-btn
{
    width: 80px;
}


.vis-map-slider {
    margin: 5px 200px;

}

.d3-slider-range
{
    background: #EC7873;
}

.chroniton text {
    font-size: 10px;
    color: gray;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.x.axis, .vis-map-slider text {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}
.vis-map-slider .x.axis path {
display: block;
}

.vis-map-slider .x.axis path.domain {
    stroke-width:10;
    stroke-linecap:round;
    stroke:#ddd;
}
.vis-map-slider .x.axis path.halo {
    stroke-width:12;
    stroke-linecap:round;
    stroke:#ccc;
}
.tick line {
    stroke:#d0d0d0;
    stroke-width:1;
    transform:translate(0px, -5px);
}

.vis-map-slider .handle {
    fill: #fff;
    stroke-width:1;
    stroke:#333;
}
.vis-map-slider .handle, .vis-map-slider text {
    cursor: move;
    cursor: -webkit-grab;
    transition:fill 200ms ease-in-out;
}
.handle:active, .vis-map-slider text:active {
    cursor: move;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.vis-map-slider.brushing .handle {
    fill: #eee;
}
.label {
    font:bold 12px sans-serif;
}

.vis-map-slider button
{
    color: grey;
}