/*
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/

body {
  /*background: #fafafa; */
  background: url('../images/BladeEdge-Background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

body > paper-header-panel {
  /* Dim the background image in the body */
  background-color: rgba(0,0,0,0.8);
}

paper-header-panel {
    width: 100%;
}

paper-toolbar .header-logo {
  width: 100%;
  height: 100%;
  max-height: 54px;
  max-width: 200px;
  margin: 2px;
}

paper-header-panel > div.fit {
  top: 64px;
  overflow: hidden;
}

iron-pages {
  padding: 0px;
  height: 100%;
}

iron-pages > section {

  height: 100%;

}

google-map {
  height: 100%;
  width: 100%;
}

.vaadin-grid-0 {
    width: 100%;
    height:100%;
}

.button {
    background: white;
}

.create-button {
    background: #00aa00;
    color: white;
}

.epri-color-square::before {
    content: "\00a0       ";
    border: 1px solid black;
}

.epri-color-square::after {
    content: "\00a0";
}

.epri-color-0::before {
    background-color: rgb(0, 176, 80);
}

.epri-color-1::before {
    background-color: rgb(187, 236, 64);
}

.epri-color-2::before {
    background-color: rgb(255, 255, 0);
}

.epri-color-3::before {
    background-color: rgb(255, 181, 0);
}

.epri-color-4::before {
    background-color: rgb(255, 127, 17);
}

.epri-color-5::before {
  background-color: rgb(221, 8, 9);
}

div.data-grid {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 10px 20px 200px 20px;
    @apply(--layout);
    @apply(--layout-horizontal);
    @apply(--layout-around-justified);
    @apply(--layout-wrap);
}