/* 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;
  overflow-x: hidden;

}

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

* {
  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;
  }
}

@media only screen and (max-height: 500px) {
  .total-hours {
    float: right !important;
    margin-top: -62% !important;
    margin-right: 30% !important;
    font-weight: bold !important;
  }
}

.panel {
  background-color: transparent !important;
  box-shadow: none !important;
  margin-top: -18% !important;
}

.primary-text {
  margin-left: 6px !important;
  color: black !important;
}

.below-part {
  z-index: 9999 !important;
}

.mdl-layout__container {
  top: 0 !important;
}
/*
.header-part{
  z-index: -1;
}*/

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

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

.align-center {
  margin: 0 auto;
  width: 50%;
}

.tags .label-text {
  font-size: 14px;
  color: silver !important;
}

.log-detail .label {
  text-align: left !important;
}

.tags .label {
  text-align: left !important;
}

.log-detail .label-text {
  font-size: 14px;
  color: #7adcac !important;
}

.add-text-fields .label {
  text-align: left !important;
}

.add-text-fields .label-text {
  font-size: 14px;
  color: #7adcac !important;
  float: left;
}

.blue {
  color: white;
  background-color: #42a5f5 !important;
}

.blue:hover{
  color:white !important;
  background-color:#5ab1f6 !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}

.header-part {
  background-color: #cccc00;
  color: #ffffff;
}

.cursor-pointer{
  cursor: pointer;
}

.fix-float-btn{
  background-color: #469b4a !important;
}

.fix-float-btn-div{
  position: fixed;
  display: block;
  right: 0;
  bottom: 37px;
  margin-right: 40px;
  z-index: 900;
}

.save-button{
  float: right;
  color: white;
  font-size: 15px;
  font-weight: bold;
}

.consultant-fields .disabledInput {
  color: white !important;
}

.option-button {
    float: right;
    box-shadow: none !important;
    min-height: 5px !important;
}

.basic-popup-menu {
  height: 50px;
  width: 94px;
  padding: 10px;
  padding-top: 15px;
  font-size: 17px;
  font-weight: bold;
}

.floting-button {
  width: 160px;
  height: 160px;
  transform: translate(-50%, -50%) translate(28px, 19px);
}

.full-width {
  width: 100% !important;
}

.info-fields .disabledInput {
  color: white !important;
}

#suggestion-popup .pane {
  max-width: 100%;
}

.popup-wrapper .popup{
  max-height: 400px !important;
  max-width: 1600px !important;
}

.input-container .input{
  font-weight: 100 !important;
}

.hide-shadow {
  box-shadow :none !important;
}