/*@import url(font-awesome.min.css);*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

/*@font-face {
font-family: Atletico;
src: url('admin/static/fonts/Atletico/Atletico/Stereotypes - Atletico.otf') format('opentype');
}*/

@font-face {
    font-family: Avenir;
    src: url('fonts/AvenirNext_PC/AvenirNext-Regular.ttf') format('opentype');
}
@font-face {
    font-family: Avenir;
    src: url('fonts/AvenirNext_PC/AvenirNext-DemiBold.ttf') format('opentype');
    font-weight: bold;
}
/*@font-face {
    font-family: Avenir;
    src: url('fonts/AvenirNext_PC/AvenirNext-Bold.ttf') format('opentype');
    font-weight: bold;
}*/
@font-face {
    font-family: AvenirCondensed;
    src: url('fonts/AvenirNext_PC/AvenirNext_condenced/AvenirNextCondensed-Regular.ttf') format('opentype');
}

body {
    margin: 0px;
    height: 100%;
    background-color: #333;
    color: #fff;
    font-family: Avenir, 'PT Sans', Arial, Helvetica, sans-serif;
}

#main, #map1, #map2, #maps_table {
    width: 100%;
    height: 100%;
    border: none;
    border-spacing: 0px;
}

#graphs_container_map {
    margin: 30px auto;
    width: 75%;
    height: 400px;
    border: none;
    border-spacing: 0px;
    
}
#main {
    height: calc(100% - 74px);
    height: -moz-calc(100% - 74px);
    height: webkit-calc(100% - 74px);
}
#main {
    vertical-align: top;
}

#main.home {
    width: 700px;
    padding: 30px 40px 0px 40px;
}


#data_download_container h2,
.graphs_wrapper h2,
#main.home h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-family: AvenirCondensed;
    color: #b3b3b3;
    font-weight: normal;
}

#data_download_container h2,
.graphs_wrapper h2 {
    font-size: 22px;
    margin-top: 28px;
    
}

td {
    padding: 0px;
}
/*#maps_table td {
    vertical-align: top;
    
}*/
#control_panel  {
   /* flex-basis: 200px;
    flex-grow: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -webkit-flex;
    display: flex;  
    flex-flow: column;*/
    width: 260px;
    height: 100%;
    padding: 0px;
/*    display: table;
    vertical-align: bottom;
    text-align: center;*/
}

#control_panel_table {
    height: 100%;
    width: 100%;
    font-size: 14px;
    
}
#control_panel_table td {
    vertical-align: top;
}

.contact_info_table tr,
#control_panel_table tr.query_results {
    height: 20px;
}
#control_panel_table tr.query td,
#control_panel_table tr.query_results td
/*#control_panel_table tr.query_results_buffer td*/
{
    font-size: 12px;
     background-color: #222; 
    padding: 2px 6px;
}
#control_panel_table tr.query_results.boxtitle td {
    background-color: inherit;
    
}

#control_panel_table tr.query_results td #query_coords,
#control_panel_table tr.query_results td #query_evtgroup {
    font-size: 13px;
}
#control_panel_table td #longitude,
#control_panel_table td #latitude {
    font-size: 14px;
}
#control_panel_top {
/*    height: 20px;*/
/*    flex: 0 1 aut*/o;
    
}
#control_panel_fill {
    height: 100%;
/*    flex: 1 1 auto;*/
}

.control_section td {
    vertical-align: top;
}

#map2_td {
    display: none;
    height: 100%;
    padding-left: 2px;
}
.leaflet-container {
/*    cursor: pointer;*/
    font-family: Avenir, Arial, Helvetica, sans-serif;
    background: #222;
}

.leaflet-container .mouseDown {
    cursor: webkit-grab;
}


.leaflet-control-layers-table_label th {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    padding-bottom: 3px;
    height: 46px;
    vertical-align: bottom;
/*    height: 50px;*/
/*    width: 40px;*/
/*    position: relative;
    vertical-align: bottom;
    padding: 0;
    line-height: 0.8;*/

}


table.customLayersTable {
    border-spacing: 0px;
    
}
.customLayersTable td {
    text-align: right;
    vertical-align: top;
/*    padding: 1px*/;
}
table.customLayersTable select {
    width: 112px;
    color: #fff;
    font-weight: 500;
}
table.customLayersTable select.info,
tr.data_download_info {
    color: orange;
}
tr.data_download_info,
tr.data_download_url {
    text-transform: none;
    font-family: Avenir;
    font-size: 14px;
}
tr.data_download_url {
    font-family: Arial;
    color: #c9e8de;
    font-size: 12px;
}
#data_download_table tr.data_download_url td {
    word-wrap: break-word;
    white-space: normal;
    padding: 0px 24px;
}
tr.data_download_label {
    color: #888;
    font-size: 13px;
}

.url_parm {
    color: #fff;
}

table.customLayersTable select.other {
    color: #888;
}

.layerLabelAndCheck {
    height: 19px;
    vertical-align: bottom;
    font-size: 12px;
    
}

/*.leaflet-control-layers-overlays {
    font-size: 12px;
    vertical-align: middle;
}*/
.layerCheckbox {
    display: inline;
    height: 19px;
    font-size: 16px;
    vertical-align: top;
    padding: 0.5px;
    margin-left: 10px;

}

.layerLabelAndCheck.footer {
    margin-top: 12px;
    padding-bottom: 4px;
    font-size: 10px;
    vertical-align: top;
}
.layerLabelAndCheck.other {
/*    margin-top: 12px;*/
    text-align: left;
}

.leaflet-control-layers-list {
    margin-bottom: 0px;
}

.leaflet-control-layers {
/*    background-color:rgba(256,256,256,0.8);*/
    background-color: transparent;
    padding-top: 34px;
/*    margin-right: 5px;
    margin-bottom: 5px;*/
    border-radius: 2px;
    box-shadow: none;
}
.leaflet-control-layers td,
.leaflet-control-layers th {
    background-color:#555;

}

.contact_info_table {
    background-color: rgba(60,60,60,0.9);
/*    border-radius: 2px;*/
    margin-bottom: 12px;
    padding: 4px 4px 2px 2px;
    background-color: #222;
    opacity: 1;
    margin-left: 0px;
}
.contact_info_table td {
    font-size: 13px;
    line-height: 14px;
}
.contact_info_table td.qr_value {
    text-align: right;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    text-align: right;
}

.contact_info.leaflet-control {
    margin-left: 0px;
}

.leaflet-control-layers.leaflet-control-layers-expanded.leaflet-control {
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 2px 0px;
    border: none;
}

tr.m-basemap-selector {
    transition: all .5s ease;
}

tr.m-basemap-selector td {
    font-size: 12px;
 /*   text-align: left;*/
    vertical-align: top;
}
tr.m-basemap-selector td.control_label {
    cursor: default;
    padding: 1px 0px 2px 4px;
    font-size: 12px;
}
tr.m-basemap-selector td.control_label.label {
    text-align: left;
}
tr.m-basemap-selector td.control_input {
    text-align: right;
    padding: 3px 0px 0px 0px;
}
tr.m-basemap-selector td.control_input input[type='checkbox'] {
    margin: 0px 3px 0px 0px;
}

tr.m-basemap-selector:hover {
/*     font-weight: bold; */
    color: orange;
}

tr.m-basemap-selector input {
    margin-top:0px;
}
tr.m-basemap-selector.header {
    height: 26px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: AvenirCondensed;
}
tr.m-basemap-selector.header td {
/*    background-color: #333;
    font-size: 12px;
    padding: 4px 4px 2px 6px;
    margin-bottom: 2px;*/
    cursor: pointer;
}
tr.m-basemap-selector.header td.collapse {
    text-align: right;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    line-height: 10px;
    cursor: pointer;
    padding-top: 2px;
}
/*tr.m-basemap-selector.header td.collapse:hover {
    font-weight: 800;
    
}*/
tr.m-basemap-selector.header.first td {
    margin-top: 0px;
}
tr.m-basemap-selector.divider {
    height: 2px;
    background-color: transparent;
}
tr.m-basemap-selector.divider2 {
    height: 2px;
    background-color: #333;
}

tr.m-basemap-selector.select,
td.aoi_label {
    color: #c2c2c2;
    font-weight: 700;
    text-transform: uppercase;
    font-family: AvenirCondensed;
    font-size: 13px;
}

#control_panel .query_options td.aoi_label {
    color: #c2c2c2;
    
}

tr.m-basemap-selector.select td,
tr.m-basemap-selector.header td {
    text-align: left;
    background-color: #333;
    font-size: 11px;
    color: #c2c2c2;
    padding: 2px 2px 2px 6px;
    margin-bottom: 2px;
    cursor: pointer;
    vertical-align: middle !important;
}

/*tr.m-basemap-selector.header td.collapse:hover {
    font-weight: 800;
    
}*/
/*tr.m-basemap-selector.select.first td {
    margin-top: 0px;
}*/

.other-legend {
    display: none;
}
.other-legend td {
    padding: 0px 4px;
}

.item {
    clear:both;
    margin:3px -34px 0 0px;
    line-height:18px;
    color:#fff;
    text-align:left;
}
.bin {
    float:left;
    width:18px;
    height:18px;
    margin:0 5px 0 0px;
    border:1px solid #AAA;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.item.ponar {
    line-height: 20px;
    
}
.bin.ponar {
    width: 20px;
    height: 20px;
    border: none;
    
}
.layer-control-divider {
    height: 10px;
    
}

.feature-icon {
    border: none;
    background-color: #fff;
    opacity: 0.7;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    font-family: monospace;
}

#control_panel, #control_panel td, #control_panel table {
/*     background-color: #333; */
    color: #fff;
    border: none;
    border-spacing: 0px;
}
#control_panel {
    height: 100%;
    font-size: 14px;
}
#control_panel td {
    padding: 0px 8px 10px 8px;
    
}
.qres {
    text-align: right;
    color: #fff;
}

#tableapp {
    padding: 0px 12px;
}
.graphs_wrapper {
    padding: 20px;
    
}

.axis text {
    font-size: 9px;
}
text {
    fill: #fff;
    font-size: 12px;
    stroke: none;
    stroke-width: 1px;
}

.axis line, .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
#graphs_container {
    background-color: #222;
    padding: 0px 0px 2px 0px;
    margin: 10px 0px;
    border-radius: 3px;
    
}
#graphs_container .axis text {
    font-size: 12px;
    fill: #b3b3b3;
}
#graphs_container .x.axis text {
    font-size: 11px;
}
#graphs_container .axis path,
#graphs_container .tick line
{
    stroke: #333;
}

#tooltip, #tooltip_column {
    position: absolute;
    opacity: 0.95;
    width: auto;
    height: auto;
    padding: 6px;
    background-color: #222;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
    -mox-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_column {
    font-size: 12px;
    width: 200px;
    
}

#tooltip.hidden,
#tooltip_column.hidden {
    display: none;
}
#tooltip table {
    font-size: 13px;
    line-height: 14px;
    margin: 0;

}
#tooltip td {
    padding: 0px;
}

#tooltip td.tt_label,
.contact_info_table td.tt_label {
    color: #b3b3b3;
    
}
#tooltip td.tt_value {
    text-align: right;
}
#tt_val {
    font-weight: bold;
    font-size: 16px;
}

#tableapp_info {
    font-size: 12px;
    color: #b3b3b3;
    margin-top: 20px;
    margin-left: 0px;
    width: 188px;
}

#the_table {
    display: inline;
    margin-top: 0px;
    margin-left: 4px;
    pointer-events: none;
}
#the_table g.column-label {
    pointer-events: all;
    cursor: pointer;
}
#the_table g.column-label:hover {
    font-weight: bold;
}

#the_table g.column-label text.sort_selected {
    fill: #e6ed92;
    font-weight: bold;
    
}
.row-label text {
    font-family: AvenirCondensed;
    font-size: 12px;
    pointer-events: all;
    cursor: pointer;
}
.row-label text:hover {
    font-weight: 800;
    
}

text.chart_title {
    font-family: AvenirCondensed;
    font-size: 13px;
    fill: #888;
}

text.chart_title {
    font-family: AvenirCondensed;
    font-size: 15px;
    fill: #888;
}

.yaxis-label text {
    font-family: AvenirCondensed;
    font-size: 16px;
    fill: #888;
}
#page_header {
    padding: 6px 4px 0px 4px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
/*    background-color: #262626;*/
/*    background-color: rgb(45,45,45);*/
/*    background: linear-gradient(#222, #333);*/
}
#page_header a {
    text-decoration: none;
    color: #e6e6e6;

}
#page_header a:hover {
    font-weight: bold;
    color: #ffff99;
}
#page_header table {
    width: 100%;
}
#page_header td {
    vertical-align: top;
    padding: 0px;
}
#page_header h2 {
    margin: 0px;
    padding: 3px 4px 0px 4px;
/*    line-height: 1.5em;*/
    -webkit-margin-after: em;
}
.cell {
    pointer-events: all;
}

select {
    padding: 1px 1px 1px 1px;
    background-color: #444;
    margin: 0;
    font-size: 12px;
    font-family: Avenir, 'PT Sans', Arial, Helvetica, sans-serif;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border-color: #444;
    color: #ccccb3;
    cursor: pointer;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
/*    width: 120;*/
/*    font-size: 10px;*/
    /* font-weight: 600; */
}

select:required:invalid {
    color: orange;
}
option {
    color: #ccccb3;
    
}
.opt {
    color: #fff;
    font-size: 14px;
}

line.row_highlight_line {
    stroke: #111;
    stroke-width: 1px;
}

text.legend_symbol_text {
    font-size: 10px;
    fill: #222;
    font-family: AvenirCondensed;
    font-weight: 600;
}
text.legend_label_text {
    font-size: 13px;
    fill: #b3b3b3;
/*    font-family: AvenirCondensed;*/
}
td.legend {
    padding-top: 8px;
}
#tableapp_holder td {
    vertical-align: top;
}
.legend_div {
    display: inline;
    padding-right: 8px;
}
.chart_area {
    pointer-events: all;
    fill: transparent;
}

.maplegend_div.leaflet-control {
/*    background-color: #333;*/
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 0px;
    padding: 2px 3px 0px 0px;
    background-color:rgba(51,51,51,0.9);
}

.maplegend_div.leaflet-control text.legend_label_text {
    font-weight: 500;
    font-size: 14px;
    font-family: AvenirCondensed;
    fill: #d9d9d9;
}


.query_results {
    display: none;
}

#control_panel .query_options td {
    padding: 2px 14px;
/*    background-color: #222;*/
    vertical-align: top;
    height: 16px;
    margin: 2px;
}
/*#control_panel .query_options.top td {
    padding: 12px 14px 16px 14px;
}*/
#control_panel .query_options td.aoi_label {
    padding: 2px 10px 2px 12px;
    vertical-align: middle;
    
}

#control_panel .query_options td.aoi_select {
    text-align: right;
    padding: 2px;
}
#control_panel .query_options .select td {
    padding-top: 8px;
    
}
td.aoi_select select {
    width: 160px;
}

.contact_info_table td.query_label,
#control_panel_table tr.query_results td.query_label {
    text-transform: uppercase;
    font-family: AvenirCondensed;
/*    font-weight: 700;*/
    font-size: 16px;
    line-height: 18px;
    color: #999999;
    padding: 8px 8px;
   background-color: #222;
    
}

#query_loading, .loading_spinner {
    display: none;
    float: right;
    border: 3px solid #555;
    border-top: 3px solid #b3b3b3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
#loading_preset_aoi {
    margin-top: 6px;
    display: none;
    font-style: italic;
    color: #888;
    font-size: 13px;
}
#loading_preset_aoi_spinner,
#query_loading_polygon {
    display: block;
    float: center;
    margin-left: 4px;
    width: 10px;
    height: 10px;
}
#query_loading_polygon {
    margin-top: 4px;
    display: none;
}

#query_layer2, #query_layer1 {
    text-align: right;
}

input[type="button"] {
    width: 100px;
    
}

.arc text {
  font-size: 11px;
  font-weight: 700;
  text-anchor: middle;
  fill: #222;
}

.arc path {
  stroke: #222;
  stroke-opacity: 1;
  stroke-width: 0.5px;
}

#draw_polygon_icon, #draw_rectangle_icon {
    border-radius: 3px;
    vertical-align: bottom;
    background-color: #f2f2f2;
}
#draw_polygon_icon {
    margin: 0px 2px 0px 2px;
}
#draw_rectangle_icon {
    margin: 0px 2px 0px 2px;
}
div.piechart_tooltip {
    position: absolute;
    z-index: 99999;
    text-align: left;
    width: auto;
    height: auto;
    padding: 3px 4px;
    background: #111;
    color: #000;
    border: 0.5px solid #222;
    border-width: 0.5px 2px 2px 0.5px;
    font-size: 12px;
    border-radius: 2px;
    pointer-events: none;
}
text.piechart_label {
    pointer-events: none;
    
}

.boxplot_axis line,
.boxplot_axis path {
    stroke: #444;
}

td.ol_label {
    text-align: left;
    padding: 6px 0px 2px 4px;
    color: #b3b3b3;
    font-size: 11px;    
}

.grid line {
    stroke: #333;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

text.boxplot_units {
    font-size: 11px;
    fill: #999;
}

#query_warning {
    padding-bottom: 8px;
    color: orange;
}

#wrapper_navigation {
    padding: 0px 0px 0px 40px;
    color: #555;
}

.domain {
/*    fill: red;*/
    stroke: #222;
/*    color: red;*/
    
}

#query_exclude {
    display: none;
    color: #888;
    font-size: 12px;
    vertical-align: top;
}
#query_exclude input[type="checkbox"] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
#query_area {
    display: none;
    color: #888;
    font-family: AvenirCondensed;
    font-size: 14px;
    padding-left: 7px;
}
#query_processing_area {
    color: #fff;
    font-family: Avenir;
    
}

.wkt_query_map_icon {
    padding: 3px;
    border-radius: 2px;
/*    border: solid #a0a02c 1px;*/
    text-align: center;
    vertical-align: middle;
    background-color: #ffffcc; /*rgba(255, 255, 153,1.0);*/
    color: #111;
    transition: all .3s ease;
}
.wkt_query_map_icon_expanded {
    background-color: #ffffcc;
    text-align: left;
    padding-left: 8px;
    padding-top: 5px;
}

.wkt_marker_expanded_table {
    color: transparent;
    font-size: 12px;
/*     pointer-events: none; */
    text-align: center;
    margin: auto auto;
    padding: 6px;
    transition: all .3s ease;
}

.wkt_marker_expanded_table.point {
    color: #c2c2c2;
    padding: 2px 5px;
}

.wkt_marker_expanded_table td {
    text-align: left;
}

.wkt_marker_expanded_table td.val {
    text-align: right;
    font-weight: bold;
    width: 54px;
}
.wkt_marker_expanded_table td.units {
    padding-left: 4px;
    font-size: 11px;
}
.marker_query_icon {
    width: 68px;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    position: fixed;
}
.marker_query_icon polygon {
    stroke-width: 1px;
    cursor: crosshair;
}
.marker_query_icon text {
    fill: #000;
    font-family: Avenir, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.marker_query_icon_info_div {
    color: #fff;
    font-size: 13px;
    line-height: 12px;
    font-weight: bold;
    height: auto;
    width: 34px;
    background: #333;
    vertical-align: middle;
    border: solid;
    border-width: 1px;
    border-radius: 1px;
    padding: 4px 2px 2px 2px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index:999;
}
.marker_query_icon_info_div.hover {
    border-width: 3px;
    top: -2;
    left: -2;
}

.marker_query_icon_info_div.expanded {
    background-color: #333;
    color: #fff;
    width: 160px;
    left: -60;
    top: -88;
    padding: 0px 0px 3px 0px;
    z-index:99999;
    cursor: text;
    pointer-events: auto;

/*    pointer-events: none;*/
}


.marker_expanded_mouseover_box {
    pointer-events: none;
    left: -60;
    top: -88;
/*    background-color: rgba(100,100,100,0.7);*/
}

.marker_query_icon_info_div.expanded a {
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}
.marker_query_icon_info_div.expanded a:hover {
    font-weight: bold;
}

.marker_query_icon_info_div.expanded table {
    font-size: 11px;
    width: 160px;
}
.marker_query_icon_info_div.expanded table td {
    font-family: AvenirCondensed;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    
}
.marker_query_icon_info_div.expanded table td.val {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    width: 110px;
    text-transform: none;
    font-family: Avenir, Arial, Helvetica, sans-serif;
}
.marker_query_icon_info_div.expanded table td.val.value {
    font-size: 23px;
    line-height: 28px;
    font-weight: bold;
}
.marker_query_icon_info_div.expanded span.std {
    font-size: 16px;
    font-weight: normal;
}
.marker_query_icon_info_div.expanded div.plusminus {
    font-size: 12px;
    font-weight: normal;
    display: inline;
    vertical-align: .19em;
}
.marker_query_icon_info_div.expanded table td.val.layer {
    color: #c2c2c2;
}
.marker_query_icon_info_div.expanded table td.val.coords {
    color: #ffffb3;
}
.marker_query_icon_info_div.expanded table td.val.evt a {
    color: #bebada;
}

.marker_query_icon_info_div span.units
{
    font-family: AvenirCondensed;
    font-weight: normal;
    font-size: 10px;
}
.marker_query_icon_info_div.expanded span.units {
    font-size: 15px;
    color: #c2c2c2;
    text-transform: none;
    
}


.shadow_cursor {
    z-index: 99999999;
}
/*.marker_icon_expanded_table {
    color: #111;
    font-size: 12px;
    pointer-events: none;
    text-align: center;
    margin: auto auto;
    padding: 6px;
}*/

.map_toggle_radio input {
    display:none;
}
.map_toggle_radio label {
    display:inline-block;
/*    font-size: 14px;
    font-weight: 600;
    font-family: 'Arial';
    line-height: 17px;*/
    width: 68px;
    height: 44px;
    cursor:pointer;
    border-radius: 4px;
    background-color:#4d4d4d;
    background-image:url('img/mapview_single.png');
    background-repeat: no-repeat;
    background-size: 60px 56px;
    background-position: center;
    filter: opacity(40%);
    margin: 0px 2px;
    color: #8d9060;
    padding:5px 4px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
.map_toggle_radio label.swipe {
    background-image:url('img/mapview_swipe.png');
}
.map_toggle_radio label.split {
    background-image:url('img/mapview_split.png');
}
.map_toggle_radio label span.condensed {
    font-family: AvenirCondensed;
}

tr.ll_footer td,
#control_panel td.map_toggle_radio {
    padding-bottom: 6px;
    
}
.map_toggle_radio label:hover {
    background-color:#404040;
    color:#fff;
    filter: opacity(100%);
}

.map_toggle_radio label.checked {
    background-color:#595959;
    color:#e6ed92;
    cursor:auto;
    filter: opacity(100%);
}

#map1_td {
    text-align: center;
    
}

.range {
    position:relative;
    width:99%;
}

input[type=range] {
  -webkit-appearance: none;
  width: 99%;
  margin: 9.45px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 99%;
  height: 4px;
  cursor: pointer;
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #444;
  border-radius: 0px;
/*  border: 0.4px solid #010101;*/
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 2px #222, 0px 0px 1.5px #222;
  border: 0px solid rgba(0, 0, 0, 0.12);
  height: 16px;
  width: 14px;
  border-radius: 2px;
  background: #5c5b5c;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]::-webkit-slider-thumb:hover {
    background: #817e81;
}

input[type=range]::-moz-range-track {
  width: 99%;
  height: 4px;
  cursor: pointer;
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background: #444;
  border-radius: 0px;
/*  border: 0.4px solid #010101;*/
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 2px #222, 0px 0px 1.5px #222;
  border: 0px solid rgba(0, 0, 0, 0.12);
  height: 20px;
  width: 14px;
  border-radius: 2px;
  background: #5c5b5c;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 99%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #494848;
  border: 0.4px solid #010101;
  border-radius: 4.8px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #727171;
  border: 0.4px solid #010101;
  border-radius: 4.8px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1.5px 1.5px 3.2px #000000, 0px 0px 1.5px #0d0d0d;
  border: 0px solid rgba(0, 0, 0, 0.12);
  height: 20px;
  width: 14px;
  border-radius: 3px;
  background: #5c5b5c;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #727171;
}
input[type=range]:focus::-ms-fill-upper {
  background: #9b9a9a;
}


.group-label text {
    fill: #888;
}

#page_header a.tab_selected {
    font-weight: bold;
    color: #fff;
}

#data_download_container {
    padding: 30px;
/*     background: #444; */
    
}
a {
    color: #94d1d1;
    text-decoration: none;
}
a:hover {
    color: #a0f8f8;
}

li.download {
    margin: 20px 10px;
    font-size: 18px;
}
span.highlight {
    color: #e6ed92;
    font-weight: bold;
}
span.highlight2 {
    color: #99ff99;
    font-weight: bold;
}
/*ul.desc li {
    font-size: 16px;
    color: #c2c2c2;
}*/
#data_download_table.map {
    width: 100%;
    color: #999;
    font-family: AvenirCondensed;
    text-transform: uppercase;
}

#data_download_table.map label {
    color:#fff;
/*     font-family: Avenir; */
    text-transform: none;
    
}

#data_download_table {
    border-spacing: 3px 0px;
    table-layout: fixed;
}

#data_download_table tr:first-child td,
#data_download_table.map tr:nth-child(2) td{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#data_download_table.map tr:first-child td {
    background-color: #222;
}

#data_download_table.map table tr:first-child td {
    background-color: #2a2a2a;
    text-transform: none;
    color: #999;
    font-size: 14px;
}
#data_download_table.map table td {
    padding: 0px 2px;
    
}

#data_download_table tr:last-child td {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#data_download_table td {
    width: 33%;
    padding: 4px 8px;
    vertical-align: top;
    background-color: #404040;
    border-top: none;
    border-bottom: none;
}
#data_download_table td.hover {
    background-color: #363636;
}
#data_references_ul {
/*     background-color: #404040; */
    border-radius: 2px;
/*     padding-top: 10px; */
    padding-bottom: 10px;
/*     padding: 4px ;  */
    
}

/*#data_download_table tr {f
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}*/
tr.data_download_buttons td div,
.wkt_query_icon_download_button,
#bb_select_aoi,
.button_contribute {
    height: 68px;
    font-size: 22px;
    line-height: 26px;
    margin: 4px 6px;
    padding: 16px 8px 8px 8px;
    text-align: center;
    background-color: #325f67;
    border-radius: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-collapse: collapse;
    transition: 0.5s ease;
    cursor: pointer;
}
.wkt_query_icon_download_button {
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    padding: 4px;
/*    display: inline-block;*/
    color: #fff;
    transition: none;
/*    float: right;*/
}

.button_contribute {
    background-color: #478547;
    width: 300px;
    height: auto;
    padding-bottom: 16px;
}
.button_contribute a{
    color: white;
}
.button_contribute:hover {
    background-color: #244224;
}

tr.data_download_buttons a {
    color: #fff;
}
tr.data_download_buttons a:hover div,
.wkt_query_icon_download_button:hover,
#bb_select_aoi:hover,
tr.data_download_buttons td div.download_button.map.modal:hover{
    background-color: #005766;
}

#bb_select_aoi {
    width: 220px;
    height: 34px;
    line-height: 24px;
    
}
tr.data_download_buttons td div.download_button.map {
    vertical-align: top;
    height: 28px;
    font-size: 20px;
    line-height: 20px;
    display: none;
}

tr.data_download_buttons td div.download_button.map.modal {
/*     width: 40%; */
    color: #fff;
    font-size: 32px;
    line-height: 30px;
    height: 44px;
    font-family: Avenir;
    margin-top: 10px;
    text-transform: none;
    display:block;
}
tr.data_download_buttons td div.download_button.map.modal.disabled {
    pointer-events:none;
    cursor: default;
    color: #666;
    background:#444;
}
tr.data_download_buttons td div.download_button.map.modal.disabled:hover {
    background: #444;
    
}

#home_app_buttons_table tr.data_download_buttons td {
    width: 50%;
    vertical-align: bottom;
    padding: 6px;

}
#home_app_buttons_table tr.data_download_buttons td div {
    display: table;
    padding: 10px 12px;
    margin: 0px;
    width: 100%;
    height: 180px;
}
#home_app_buttons_table tr.data_download_buttons td div.child {
    display: table-cell;
    height: 100%;
    width: 200px;
    padding-right: 70px;
/*     line-height: 20px; */
    vertical-align: bottom;
    text-align: left;
    white-space: normal;
}


#home_app_buttons_table div.map {
    background-image:url('img/home_button_map.png');
}
#home_app_buttons_table tr.data_download_buttons td div {
    background-color: transparent;
    font-size: 26px;
    line-height: 32px;
}
#home_app_buttons_table tr.data_download_buttons td {
    background-color: transparent;
    padding: 4px;
}
#home_app_buttons_table tr.data_download_buttons td div.outer {
    background-color: #222;
    padding: 4px;
}
#home_app_buttons_table div.graphs {
    background: linear-gradient(transparent, #000), url('img/home_button_graphs.png') no-repeat;
    background-size: 100% 100%, 90% 80%;
    background-position: center;
}
#home_app_buttons_table div.map {
    background: linear-gradient(transparent, #000), url('img/home_button_map.png') no-repeat;
    background-size: 100% 100%, 95% 90%;
    background-position: center;
}
#home_app_buttons_table div.matrix {
    background: linear-gradient(transparent, #000), url('img/home_button_matrix.png') no-repeat;
    background-size: 100% 100%, 95% 90%;
    background-position: center;
}
#home_app_buttons_table div.data {
    background: linear-gradient(transparent, #000), url('img/home_button_data.png') no-repeat;
    background-size: 100% 100%, 70% 70%;
    background-position: center;
}


#home_app_buttons_table tr.data_download_buttons a:hover div {
    background-color: transparent;
}
#home_app_buttons_table tr.data_download_buttons td div.outer:hover {
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    
}


#download_options_stacking,
#download_options_noobs {
    display: none;
}

#data_download_table tr.data_description {
    font-size: 13px;
    font-family: Arial;
    color: #bfbfc0;
}

tr.data_select {
    color: #e6e6e6;
    
}

div.data_select_input {
    padding: 10px 0px 0px 10px;
    font-family: monospace;
}

div.data_select_input input {
    margin-left: 20px;
    
}
div.data_select_numcols_warning {
    padding-top: 4px;
    color: orange;
    font-size: 12px;
}
#numcols {
    font-weight: bold;
}

.metadata_page {
    padding: 20px;
    
}
/*input[type=radio]:disabled+label {
    color: #222;
    
}*/

#column_defs_table {
    background-color: #222;
    border-spacing: 2px;
    border-collapse: collapse;
    color: #e6e6e6;
}
#column_defs_table td {
    padding: 2px 8px;
    border: 1px solid #333;
}
td.param_value,
#column_defs_table td.name {
    font-family: monospace;
    color: #e6ed92;
}
#column_defs_table td.desc {
    font-size: 12px;
    
}

#column_defs_table tr:nth-child(odd),
#graphs_container_table tr:nth-child(odd),
#graphs_container_table td.not_group_param,
#strata_table tr:nth-child(odd),
#strata_table td.not_group_param {
    background-color: #262626;
}

.api_parameters tr:nth-child(odd) {
    background-color: #2e2e2e;
}

#column_defs_table tr:nth-child(even),
#graphs_container_table tr:nth-child(even),
#strata_table tr:nth-child(even) {
    background-color: #333;
}

.api_parameters tr:nth-child(even) {
    background-color: #373737;
}
#graphs_container_table tr.group_param:nth-child(odd),
#strata_table tr.group_param:nth-child(odd) {
    background-color: #404040;
}
#graphs_container_table tr.group_param:nth-child(even),
#strata_table tr.group_param:nth-child(even) {
    background-color: #4d4d4d;
}

.arc path {
    cursor: pointer;
    
}
#column_defs_table tr:hover,
#graphs_container_table tr:hover,
#graphs_container_table tr.hover,
#graphs_container_table tr.group_param.hover, 
#graphs_container_table tr.group_param:hover,
#graphs_container_table td.group.hover,
#strata_table tr:hover,
#strata_table tr.hover,
#strata_table tr.group_param.hover, 
#strata_table tr.group_param:hover,
#strata_table td.group.hover,
.api_parameters tr:hover {
    background-color: #111;
}

#overlay, #overlay_wkt {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: fixed; 
    z-index: 99999;
    background-color: rgba(50,50,50,0.8);
}

#mapDownload, #showWKT {
    position: absolute; 
    width: 90%;
    background-color: #222;
    opacity: 0.95;
    border-radius: 4px;
    top:5%;
    left:5%;
    overflow:visible;
   /* padding: 6px;*/
    margin: 0px 0px;
}
#showWKT div.body {
    word-break: break-word;
    padding: 10px;
    font-family: monospace;
    top: 45%;
    
}
#mapDownload .header {
    font-size:0px;
    color:#333;
    padding-left: 0px;
}
#about-close {
    cursor: pointer;
    color: rgb(69,69,69);
    font-size: 14px;
    width: 60px;
    background-color: #e6e6e6;
    border-width: 0px;
    height: 0px;
    border: 1px solid #cccccc;

}
#about-close:hover {
    background-color:#d9d9d9;
}

#about-close-top {
    position:relative;
    float:right;
    top:-26px;
    right:-30px;
    cursor: pointer;
}
.select_layers {
    height: 300px;
    width: 100%;
}

#control_panel tr.query_header td {
    padding: 4px 14px;
    font-size: 13px;
    font-family: 'Arial';
    color: #e6e6e6;
}

a {
    cursor: pointer;
}

#download-title {
    margin: 8px 12px 2px 12px;
    font-family: AvenirCondensed;
    text-transform: uppercase;
    font-size: 20px;
    color: #999;
}
#download-title span.aoi_query_title { 
    font-family: Avenir;
    font-size: 24px;
    color: #99ff99;
/*    font-style: normal;*/
    
}

#aoi_name option:hidden {
    color: #000;
}

/*.query_options {
    display:none;
}*/

.deemphasize {
    padding: 8px 16px;
    color: #888;
}

.collapse {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.collapse div {
    width:100%;
}

.collapse .header {
    width: 236px;
    padding: 2px 0px 2px 0px;
    cursor: pointer;
    font-weight: 500;
}

.collapse .header.topbar {
/*     font-style: italic; */
    text-transform: uppercase;
    border-radius: 2px;
    background-color: #444;
    padding: 4px 8px;
/*    margin-bottom: 16px;*/
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    font-family: AvenirCondensed;
    font-size: 18px;
    color: #b3b3b3;
}
.collapse .header.topbar:hover {
    background-color:#222;
}
.collapse .header.topbar.disabled {
    filter: opacity(30%);
    cursor: default;
    
}
.collapse .header.topbar.disabled:hover {
    background-color:#444;
}
.collapse .header.topbar .emphasize {
    color: #e6ed92;
/*    font-family: Avenir;*/
    
}
.collapse .header div {
/*    padding: 0px 0px 0px 6px;*/
    
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.collapse .header span .plus {
    padding-left: 0px;
    color:#70AA70;
}

.collapse .header span .minus {
    padding-left: 0px;
    color:#C26666;
}
.collapse .header d:hover {
    color: #333; 
}
.collapse .content {
    display: none;
    padding: 0px 8px;
    margin-top: 16px;
}
.collapse .content.results {

    padding: 0px 0px;
    margin-top: 0px;

}

span.collapse {
    font-weight: 700;
    color: #f2f2f2;
    font-family: monospace;
}
#control_panel table tr.query_note td {
    padding: 8px 16px;
    font-size: 13px;
    color: orange;
    
}

.graphs_header {
    font-size: 18px;
}
.graphs_header .subtitle {
    font-size: 14px;
    color: #b3b3b3;
}

.pdf {
    fill: none;
    stroke-width: 2;
}

.pdf2 {
    fill-opacity: 0.1;
    
}
.legendOrdinal {
    cursor: default;
}
.legendOrdinal text {
    font-size: 14px;
    line-height: 14px;
}

.legendOrdinal rect {
    fill-opacity: 0.2;
    stroke-width: 1.5;
    stroke-opacity: 1.0;
}


.xlabel {
    font-size: 15px;
    font-family: Arial;
    fill: #999;
    stroke: none;
}
text.nodata {
    font-size: 32px;
    fill: orange;
    
}

#graphs_evt_group {
    font-size: 18px;
    margin-top: 4px;
}


#graphs_container_table table,
#strata_table table {
    width: 98%;
    max-width: 800px;
    border-spacing: 2px 0px;
    
}

#graphs_container_table th,
#strata_table th {
    font-size: 14px;
    font-weight: 500;
}

#graphs_container_table td,
#strata_table td {
    font-size: 14px;
    color: #e6ed92;
    padding: 1px 4px;
}

#graphs_container_table td.group,
#strata_table td.group {
    width: 0.5em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}

#graphs_container_table td.group div,
#strata_table td.group div {
    font-size: 14px;
    font-family: AvenirCondensed;
    text-transform: uppercase;
    color: #888;
    transform: rotate(-90.0deg);
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    margin-left: -1em;
    margin-right: -1em;
}
#graphs_container_table th,
#strata_table th {
    padding: 1px 4px;
    font-family: AvenirCondensed;
    color: #999;
}

#graphs_container_table td.value {
    text-align: right;
    color: #fff;
    font-size: 13px;
}
#graphs_container_table td.units {
    text-align: center;
    font-size: 12px;
    color: #999;
}
#graphs_container_table td.quartile {
    color: #ed91bf;
}
#graphs_container_table td.mean {
/*     font-style: italic; */
    color: #edbf91;
}
#graphs_container_table td.nodata {
    color: #444;
}
text.legendTitle  {
    text-transform: uppercase;
    font-family: AvenirCondensed;
    font-size: 18px;
    fill: #e6ed92;
    font-weight: 600;
}
text.legendTitle.label {
    font-weight: 500;
    font-size: 16px;
    fill: #999;
    
}

#graphs_container_table td.group_param,
#strata_table td.group_param {
    font-style: italic;
}
#graphs_container_table tr.group_param td.group div,
#strata_table tr.group_param td.group div {
    color: #e6ed92;
}
#graphs_container_table tr.group_param td.not_group_param div,
#strata_table tr.group_param td.not_group_param div
{
    color: #888;
}
#graphs_container_sources {
    width: 80%;
    margin: 30px auto;
    font-family: Helvetica;
    font-size: 12px;
    text-align: left;
    color: #c2c2c2;
}

#graphs_container_sources li {
    text-indent: -36px;
    padding: 0px 0px 8px 20px;
}

#graphs_container_sources ol {
    margin-top: 0px;
    list-style: none;
    
}
.color_box {
    margin: 2px 2px;
    position: float;
    float: right;
}

#graphs_container_sources h3 {
    font-family: AvenirCondensed;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 20px;
}
#graphs_container_sources h3 span.sub {
    font-weight: normal;
}

line.stat {
    stroke-width: 2px;
    stroke: #fff;
}

text.equation,
text.equation2,
text.equation3 {
    font-size: 16px;
}
tspan {
    font-weight: bold;
    
}

text.stat.val {
    font-size: 14px;
}

#stochastic_iterations {
    width: 60px;
    text-align: right;
    margin-bottom: 6px;
    padding-right: 3px;
}

.notes {
    font-family: Helvetica;
    font-size: 12px;
    color: #999;
    margin: 10px 0px 16px 0px;
}
.notes ul 
#graphs_container_sources ol {
    list-style-type: none;
}
.notes li:hover {
    color: #fff;
}
.notes span.note {
    font-weight: 600;
    color: orange;
}

.notes span.tip {
    font-weight: 600;
    color: #66ccff;
}
.notes span.group {
    font-family: AvenirCondensed;
    font-size: 13px;
}
td.instructions {
    text-transform: none;
    font-size: 14px;
    line-height: 15px;
    color: #999;
    
}

select option:disabled {
    color: #777;
    text-transform: uppercase;
    cursor: default;
    
}

input[type="checkbox"]#checkbox_desc {
    margin-top: 4px;
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    vertical-align: middle;
}

#tableapp_holder td.middle {
    vertical-align: middle;
    text-align: left;
    
}

#about_team_table {
    width: 100%;
    font-size: 14px;
}


#about_team_table th {
    text-align: left;
    
}
.about_subsection {
    font-size: 14px;
    margin: 0px 0px 40px 30px;
}

.api_div {
    margin-left: 20px;
    padding: 2px 12px;
    margin: 4px;
    border-radius: 2px;
    background: #404040;
}
.api_div h3 {
    margin-top: 14px;
    
    
}
.api_subsection {
    margin: 0px 20px 20px 20px;
    font-size: 14px;
    color: #e6e6e6;
}

#strata_table.sources table,
.sources_indent {
    width: 95%;
    margin: auto;
}

.sources_indent {
    padding: 0px 0px 10px 6px;
    font-size: 14px;
    color: #c2c2c2;
    
}

#strata_table.sources td.ref {
    color: #f2f2f2;
    font-size: 13px;
    text-indent: -30px;
    padding: 4px 10px 4px 40px;

}

#strata_table.sources td.num {
    padding: 4px 4px;
/*    vertical-align: top;*/
    text-align: right;
}
#strata_table.sources td.num.id {
    color: #999;
    font-size: 12px;
    
}

#strata_table.aois {
    cursor: normal;
}
#strata_table.aois table tr td:last-child{
    color: white;
    
}

#column_defs_table a {
    color: inherit;
}

.api_examples {
    font-size: 13px;
    color: #f2f2f2;
    margin: 0px;
}

.api_examples li {
    padding: 0px 20px 00px 0px;
    
}

.api_parameters {
/*     width: 80%; */
    color: #f2f2f2;
    margin: 10px 50px; 
}

.api_parameters td,
.api_parameters th {
    text-align: left;
    vertical-align: top;
    padding: 4px 8px;
    font-size: 14px;
}

.api_parameters td:nth-child(1) {
    color: #e6ed92;
    font-family: monospace;
}

.api_parameters th,
.api_parameters td.api_header {
    color: #888;
    font-weight: normal;
    font-family: AvenirCondensed;
}

.api_parameters td.api_header {
    text-align: center;
}

.api_url {
    padding: 18px 30px 30px 20px;
    font-size: 15px;
    font-family: monospace;
    word-wrap: break-word;
}
.api_url a {
    color: #e6ed92;
}
span.api_url.highlight {
    padding: 0px;
    font-weight: 600;
    
}

#data_download_table.map .api_url {
    text-transform: none;
}

.api_url a:hover {
    font-weight: 600;
}

.back_to_top {
    padding: 20px 0px 0px 30px;
    font-size: 12px;
    
}


#strata_table td.pretty_name {
    color: #c2c2c2;
}


.view_wkt_link {
    font-family: Avenir;
    text-transform: none;
    font-size: 10px;
    color: #e6e6e6;
    font-weight: normal;
    
}

#strata_table td.defs div {
    font-family: monospace;
    text-transform: none;
    color: #e6ed92;
    
}

#select_statistics {
    padding-top: 3px;
    padding-bottom: 10px;
}


#strata_table td.param_desc {
    color: #c2c2c2;
    font-size: 12px;
    
}

.graphs_sub {
    margin-left: 30px;
    font-size: 14px;
    color: #999;
    
}

.float_right {
    position: float;
    float: right;
    color: #888;
    
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes flickerAnimation { from { opacity: 0.2; } 
@-o-keyframes flickerAnimation { from { opacity: 0.2; } 
@-moz-keyframes flickerAnimation{ from { opacity: 0.2; } 
@-webkit-keyframes flickerAnimation{ from { opacity: 0.2; } 

.shadow_cursor {
    -webkit-animation: flickerAnimation 1s infinite alternate;
    -moz-animation: flickerAnimation 1s infinite alternate;
    -o-animation: flickerAnimation 1s infinite alternate;
    animation: flickerAnimation 1s infinite alternate;
}