/*********************************
THESE ARE THE GENERAL STYLES
**********************************/
body {
	text-align: center;
}

h3 {
	color: white;
	text-underline-position: under;
}
div {
	text-align: center;
}
/*********************************
THESE ARE THE STYLES FOR THE WORLD MAP SECTION
*********************************/
.fixed-size-rectangle {
	z-index: +1;
	opacity: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	max-height:100px;
	text-align: center;
	vertical-align: text-top;
	position: fixed;
	padding-top: 0;
	margin-top: 100px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1db1ff+0,feffff+100 */
	background: #feffff; /* Old browsers */
		-webkit-border-radius: 30px;
		-moz-border-radius:30px;
		margin: 0 auto 0 auto;
	background: -moz-linear-gradient(top, #feffff 0%, #1db1ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #feffff 0%,#1db1ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #feffff 0%,#1db1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#1db1ff',GradientType=0 ); /* IE6-9 */
}
.top-rectangle {
	z-index: +2;
	opacity: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 50px;
	max-height:50px;
	position: fixed;
	padding-top: -40;
	margin-top: -40;
	background: white; /* Old browsers */
}

#container1 {

	margin-left: auto;
	margin-right: auto;
}

#fixed-size-table {
	vertical-align: top;
	align-self: center;
	min-width: 100%;
	max-height: 100px;
}
.leftBar {
	text-align: left;
}
.rightBar {
	text-align: right;
}

.padded {
  padding: 20px;
}

.fa {
	color: white
}
.fa:hover {
	color: #1db1ff
}


/***************************************
THESE ARE THE STYLES FOR THE DASHBOARD SECTION
***************************************/

path {  stroke: #fff; }
path:hover {  opacity:0.9; }
rect:hover {  fill:blue; }
.axis {  font: 10px sans-serif; }
.legend tr{    border-bottom:1px solid grey; }
.legend tr:first-child{    border-top:1px solid grey; }

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
#pie {
	margin-left: 70px;
}

.x.axis path {  display: none; }
.legend{
    margin-bottom:76px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}
.legend td{
    padding:4px 5px;
    vertical-align:bottom;
}
.legendFreq{
    align:right;
    width:70px;
} 

.legendPerc{
    align:left;
    width:70px;
    margin-right: 100px;
}



#tooltip {
        position: absolute;
        width: 200px;
        height: auto;
        padding: 10px;
        background-color: white;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        pointer-events: none;
}

#tooltip.hidden {
        display: none;
}

#tooltip p {
        margin: 0;
        font-family: sans-serif;
        font-size: 16px;
        line-height: 20px;
}