/*
 * Copyright 2013 Google Inc.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
  font-family: Arial,sans-serif;
  margin: auto;
  padding: 10px;
}

.box {
  display: block;
  width: max-content;
  height: max-content;

  border: 2px solid;
  border-radius: 25px;
  border-color: gold;
  background-color: lemonchiffon;

  margin: auto;
  padding: 10px;
}

.edit {
  border-color: gold;
  background-color: palegoldenrod;
}

.insert {
  border-color: springgreen;
  background-color: honeydew;
}

input, textarea {
  margin-top: 5px;
}

#button {
  margin-top: 22px;
}

form {
  margin-bottom: 0px;
}

.cell {
  display: inline-block;
  vertical-align: top;
}

table {
  width: 340px;
  border: 1px solid slategray;
  border-spacing: 0px;
}

th,td {
  border: 1px solid slategray;
  padding: 4px;
  text-align: left;
}

th {
  background-color: deepskyblue;
}

tr.na {
  background-color: #D0D0D0;
}

tr.ci {
  background-color: #D0FFD0;
}

tr.co {
  background-color: #FFD0D0;
}

tr.va {
  background-color: #FFFFD0;
}

tr.ph {
  background-color: #FFD0FF;
}

tr.op {
  background-color: #D0FFD0;
}

tr.ho {
  background-color: #D0FFFF;
}

table.report {
  width: 700px;
}

table.report td {
  padding: 2px;
}

td.date, td.date-sat, td.date-sun {
  font-family: monospace;
  font-weight: bold;
  text-align: right;
}

td.date-sat {
  color: #0000ff;
}

td.date-sun {
  color: #ff0000;
}

td.pres {
  font-size: small;
}

td.time {
  font-weight: bold;
  text-align: right;
}

td.type {
  font-weight: bold;
  text-align: center;
}

td.pres ul {
  list-style-type: none;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

td.pres ul li {
  display: inline;
  margin: 0px;
  padding: 0px 2px 0px 2px;
  border: 1px solid;
  border-color: black;
  background-color: lawngreen;
}

td.pres ul li.ph {
  background-color: tomato;
}

td.pres ul li.va {
  background-color: gold;
}

tr.stats {
  background-color: yellow;
}

tr.stats td,th {
  padding: 2px 4px 2px 4px;
}

td.desc {
  font-family: monospace;
  font-weight: bold;
}

td.days {
  font-family: monospace;
  font-weight: bold;
  text-align: right;
}

td.hours {
  font-family: monospace;
  font-weight: bold;
  text-align: right;
}

td.cash {
  font-family: monospace;
  font-weight: bold;
  text-align: right;
}

#date {
  width: 75px;
  font-size: small;
}

#type {
  width: 25px;
  font-size: small;
}

#text {
  font-size: small;
}

#more {
  font-size: small;
}

#details {
  margin: 0px;
  display: inline-block;
}

.request {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}

.result {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
}

header {
  color:#000;
  padding:2px 5px;
  font-size:100%;
  margin: auto;
  text-align: center
}

header h1.logo {
  margin:6px 0;
  padding:0;
  font-size:24px;
  line-height:20px;
  text-align: center
}

footer {
  text-align: center;
  margin: 8px;
}

.login {
  font-size: 200%;
  display: block;
  margin: auto;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  color: #2779AA;
  line-height: normal;
}

.logout {
  font-weight: normal;
  margin-top: 0;
}

.shortened {
  overflow: scroll;
}

.url {
  color: #019;
  font-size: 100%;
  vertical-align: middle;
  padding: 1px;
  background-color: white;
  border: 1px inset;
  cursor: auto;
  margin: 0;
  text-indent: 0;
  display: inline-block;
}

#stats {
  display: block;
  width: max-content;
  height: max-content;

  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

#stats .info {
  display: table;
  width: 100%;

  background-color: deepskyblue;
  padding: 5px 0px 5px 0px;
}

#stats .info div {
  display: table-row;
  padding: 0px 5px 0px 5px;
}

#stats .info div div {
  display: table-cell;
  color: yellow;
  font-weight: bold;
}

#stats .daysoff {
  color: slategray;
  background-color: gainsboro;
  font-size: small;
  padding: 5px;
}

#stats .notice {
  text-align: center;
  color: darkgreen;
  background-color: palegreen;
  font-size: small;
  font-weight: bold;
  padding: 5px;
}

#stats .warning {
  text-align: center;
  color: coral;
  background-color: bisque;
  font-size: small;
  font-weight: bold;
  padding: 5px;
}

#stats .controls {
  text-align: center;
  margin-top: 10px;
}

.note {
  text-align: center;
  color: darkgreen;
  background-color: palegreen;
  margin-bottom: 15px;
}

.error {
  color: red;
}

@media print
{
  body {
    margin: 0cm 0cm 0cm 0cm;
    font-size-adjust: 0.5;
  }

  header h1 {
    margin: 0px;
  }

  footer {
    margin: 2px;
    display: none !important;
  }

  .no-print, .no-print *
  {
    display: none !important;
  }
}