/****************************
    
    style.css
    Global style sheet.

****************************/

/* MISC PAGE ELEMENTS AND SETTINGS */

html,body{
    color:grey;
    margin-top:40px;
}

#aboutTheNaep{
    font-size: 12px;
}

#pageTitle{
    margin-left: 20px;
}

.emphasize:hover{
    stroke: black;
}

.labelText{
    font: 10px sans-serif;
    fill: grey;
}

.outline {
	fill: none;
    stroke: white;
  	stroke-width: 1px;
  	stroke-linejoin: round;
}

.pointer:hover{
    cursor:pointer;
}

.swatch:hover{
    stroke:black;
}

.tab{
    margin-left: 15px;
}

/* TABS */

.nav-tabs > li > a{
    color: grey;
    background-color: #F1F1F1;
    font-size: .75em;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    background-color:white;
    color:grey;
    font-size: .9em;
}

.nav-tabs > li > a:hover {
    background-color: grey;
    color:white;
}

/* CHECK BOXES */

input[type=checkbox]{
    cursor:pointer;
}

.check {
	position: relative;
}

.check label {
	cursor: pointer;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 0;
  	left: 0;
    border: 1px solid lightgrey;
    border-radius: 2px;
    -moz-box-shadow:inset 0 2px 5px white;
    -webkit-box-shadow: inset 0 2px 5px white;
    box-shadow: inset 0 2px 5px white;
}

#label1{ background: #92c83e;}
#label2{ background: #f15728; }
#label3{ background: #0088a3; }
#label4{ background: grey; }
#label5{ background: #003663; }
#label6{ background: #c4161c; }
#label7{ background: #fdb713; }

.check input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.check label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 1px;
	left: 1px;
	border: 3px solid black;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* AXIS ELEMENTS*/

.axis line,
.axis path {
    fill: none;
    stroke: grey;
    shape-rendering: crispEdges;
}
.axis text {
    font: 10px sans-serif;
    fill: grey;
}

.rangeAxis line,
.rangeAxis path {
    fill: none;
    stroke: none;
}
.rangeAxis text {
    font: 14px sans-serif;
    fill: grey;
}

/* DROP DOWNS */

.form-control:focus{
    border-color: #0088a3;
    -webkit-box-shadow: none;
    box-shadow: none;
    color:grey;
}

.selectWidth{
     width:auto!important;
}

/* SLIDER */

input[type=range]{
    -webkit-appearance: none;
    width:400px;
    outline:none;
}


input[type=range]::-webkit-slider-runnable-track{ 
	-webkit-appearance: none;
    width: 200px;
    height: 5px;
    background: grey;
    border: none;
    border-radius: 3px;
    outline:none;
    
}

input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: lightgrey;
    margin-top: -5px;
  	box-shadow: 1px 1px 5px grey;
    outline: none;
    cursor:pointer;
    
}