/* Copyright (c) 2017, enoram. All rights reserved. Use of this source code
   is governed by a BSD-style license that can be found in the LICENSE file. */

@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);

body {
  margin: 0 auto;
  background-color: #f2f2f2 !important;

}

.body-part {
  padding: 9%;
  padding-right: 5%;
}

* {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    display: block !important;
  }
}

@media only screen and (max-width: 500px) {
  .select-server {
    margin-right: -75px !important;
  }

  .user-name {
    visibility: hidden
  }

  .mdl-layout__header-row {
    margin-left: -45px !important;
  }

  .stats-div {
    overflow-x: auto;
  }

  .h3, h3 {
    font-size: 22px !important;
  }

  .secondary-text {
    color: black !important;
    font-weight: bold !important;
    float: left !important;
  }

}

.panel {
  background-color: #ffffff !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, .14), 0 2px 8px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
  margin: -1px !important;
  border-radius: 0px !important;
  padding: 10px !important;
}

.expansion-panel{
  margin-bottom: 2px !important;
}

.secondary-text {
  float: right;
  margin-top: -20px !important;
  color: black !important;
  font-weight: bold !important;
}

.primary-text {
  font-weight: bold !important;
  text-align-last: justify !important;
  width: 60% !important;
}

.panel-name{
  min-width: 90% !important;
}

.project-row {
  text-align: left !important;
}

.mdl-layout__container {
  top: 0 !important;
}
.mdl-layout {
  overflow-x: inherit !important;
  overflow-y: hidden !important;
}

.mdl-layout__header {
  box-shadow: none !important;
}