/*body {
height: 100vh;
}*/

h4 {
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
}

paper-drawer-panel [main] {
    background-color: #424242;
}

paper-drawer-panel [drawer] {
    width: 600px;
    padding: 8px;
}

paper-button [toggles] {
    transition: background-color 0.3s;
}

paper-button[toggles][active] {
    background-color: rgba(0, 0, 0, 0.25);
}

google-map {
    width: 800px;
    height: 500px;
}

.stations, .stations svg {
  position: absolute;
}

.stations svg {
  width: 60px;
  height: 20px;
  padding-right: 100px;
  font: 10px sans-serif;
}

.stations circle {
  stroke: black;
  stroke-width: .5px;
}

compare-list {
}

.parameter {
    width: 40px;
}

.inline-heading {
    display: inline;
}

.heading-following {
    display: block;
}

#analysis {
    float: left;
}

#post-analysis {
    float: left;
}
/*#post-analysis:after {
content: " ";
display: block;
clear: both;
}*/

#fileName {
padding: 0.7em 0.57em;
float: left;
}
#dataset:after {
content: " ";
display: block;
clear: both;
}

#analysis-step {
width: 350px;
padding: 8px;
padding-top: 0px;
float: left;
}

#main {
margin: 0;
padding: 0;
}

#graph {
background-color: #424242;
float: left;
height: 100%;
width: calc(100% - 350px);
color: #cccccc;
}

#main-graph {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;

}

#analysis-control {
text-align: right;
}

#variable-view {
    padding: 2px;
    width: 95%;
    height: 150px;
    overflow: auto;
}

/*#analysis-result {
    width: 1200px;
    height: 500px;
}*/

#post-analysis {
    width: 300px;
    position: relative;
    top: -10px;
    left: -25px;
}

#post-coloring {
    width: 250px;
}

#coloring-variable {
    padding: 2px;
    width: 95%;
    height: 400px;
    overflow: auto;
}

.palette {
    position: fixed;
    top: -10px;
    right: -25px;
}

#drawer {
    overflow: auto;
}

#colorbar {

}

.domain {
    fill: none;
    stroke: #9e9e9e;
    stroke-width: 1;
}

g.tick {
    fill: #9e9e9e;
/*    stroke: #bdbdbd;*/
}

#status {
    position: absolute;
    padding: 8px;
    left: 0;
    bottom: 0;
}

#data-panel {
    position: absolute;
    left: 0;
    bottom: 0;
}


iron-selector > * {
    padding: 2px;
}

.iron-selected {
    background: #ddd;
}

#compare-group {
    margin: 0;
    padding: 0;
}

.compare-tool {
    min-width: 200px;
}

#compare-group .iron-selected {
    background: #fff;
}

.btn-file {
    position: relative;
    overflow: hidden;
    float: left;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
