/* Copyright (c) 2017, philippe. 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 {
  max-width: 600px;
  margin: 0 auto;
  padding: 5vw;
}

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

h1 {
  display:block;
  float: left;
  padding-right: 0.4em;
}

.clear {
  clear:both;
}



/* importé du projet TOH */

a {
  cursor: pointer;
  cursor: hand;
}
button {
  font-family: Arial;
  background-color: #eee;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  cursor: hand;
}
button:hover {
  background-color: #cfd8dc;
}
button:disabled {
  background-color: #eee;
  color: #aaa;
  cursor: auto;
}

/* Navigation link styles */
nav {
  padding: 0.8em;
}

nav a {
  padding: 5px 10px;
  text-decoration: none;
  margin-right: 10px;
  margin-top: 10px;
  display: inline-block;
  background-color: #eee;
  border-radius: 4px;
}
nav a:visited, a:link {
  color: #607D8B;
}
nav a:hover {
  color: #039be5;
  background-color: #CFD8DC;
}
nav a.active {
  color: #039be5;
}

/* fin import TOH */

p {
  line-height: 1.8em;
}

/* pour les listes li */

ul {
  list-style: none;
  padding-left: 0;
}

li {
  line-height: 1.8em;
  position: relative;
  margin-bottom:0.3em;
}

li:hover {
  background-color: #EEEEEE;
}

/* weeklist */

.detailPopup {
  padding: 0 0.5em;
}

.dateRight {
  text-align: right;
}


/* fin weeklist */

/* liste de tags */


ul.allthetags {
  padding:0;
}

ul.allthetags>li{
  list-style-type: none;
  display: inline-block;
  margin: 0.3em;
  line-height: 1.3em;
}

ul.allthetags>li>a {
  color: white;
  text-decoration: none;
}

ul.allthetags>li>a>span {
  padding: 0.1em 0.3em;
  border-radius: 0.8em;
}

/* fin liste de tags */

.thetitle {
  padding-top: 0.2em;
  padding-left: 3em;
  display: block;
}

.done {
  text-decoration: line-through;
}

.hide {
  /* display: none; impossible de jouer avec cette règle car c'est surchargé par la suite (ou alors sauf à mettre !important */
  display: none !important;
}

.show {
  /* display: inline-block; impossible de jouer avec cette règle car c'est surchargé par la suite (ou alors sauf à mettre !important */

}


/* todoItem detail */


.tdDetail {
  position: relative;
}

span.inBackColorStripeH {
  position: absolute;
  top: 0.1em;
}

span.inBackColorStripeH>div {
  width:0.4em;
  height:1.8em;
  display: block;
}

.weekdaystr {
  clear: both;
  font-size: 0.8em;
  margin-top: 0;
  padding-top: 0;
}

.infoId {
  font-size: 0.8em;
  color: Gray;
  padding: 0.4em 0;
}

h2.shiftRight {
  padding-left: 0.6em;
}

span.error {
  font-size: 0.8em;
  color: Red;
  padding: 0.4em 0;
}

.dateButton {
  margin-top: 1em;
}

/* fin todoItem detail */

.alert {
  color: red;
}

span.inBackColorStripeP {
  position: absolute;
  top: 0.4em;
}

span.inBackColorStripeP>div {
  width:0.4em;
  height:1.6em;
  display: block;
}

.crKeyInfo {
  font-size: 0.8em;
  color: grey;
}

.numPage {
  position: relative;
  top: -0.4em;
}

footer {
  margin-top: 2em;
  font-size: 0.8em;
  color: gray;
}

/* fin listes li */

/* 80 CSS colors for background behind white text */

.col0 {background-color: White;}
.col1 {background-color: Blue;}
.col2 {background-color: BlueViolet;}
.col3 {background-color: Brown;}
.col4 {background-color: BurlyWood;}
.col5 {background-color: CadetBlue;}
.col6 {background-color: Chocolate;}
.col7 {background-color: Coral;}
.col8 {background-color: CornflowerBlue;}
.col9 {background-color: Crimson;}
.col10 {background-color: DarkBlue;}
.col11 {background-color: DarkCyan;}
.col12 {background-color: DarkGoldenRod;}
.col13 {background-color: DarkGreen;}
.col14 {background-color: DarkOrange;}
.col15 {background-color: DarkOrchid;}
.col16 {background-color: DarkRed;}
.col17 {background-color: DarkSalmon;}
.col18 {background-color: DarkSeaGreen;}
.col19 {background-color: DarkSlateBlue;}
.col20 {background-color: DarkTurquoise;}
.col21 {background-color: DarkViolet;}
.col22 {background-color: DeepPink;}
.col23 {background-color: DeepSkyBlue;}
.col24 {background-color: DodgerBlue;}
.col25 {background-color: FireBrick;}
.col26 {background-color: ForestGreen;}
.col27 {background-color: Fuchsia;}
.col28 {background-color: Gold;}
.col29 {background-color: GoldenRod;}
.col30 {background-color: Green;}
.col31 {background-color: HotPink;}
.col32 {background-color: IndianRed;}
.col33 {background-color: Indigo;}
.col34 {background-color: LightCoral;}
.col35 {background-color: LightPink;}
.col36 {background-color: LightSalmon;}
.col37 {background-color: LightSeaGreen;}
.col38 {background-color: LightSkyBlue;}
.col39 {background-color: LightSteelBlue;}
.col40 {background-color: LimeGreen;}
.col41 {background-color: Magenta;}
.col42 {background-color: Maroon;}
.col43 {background-color: MediumAquaMarine;}
.col44 {background-color: MediumBlue;}
.col45 {background-color: MediumOrchid;}
.col46 {background-color: MediumPurple;}
.col47 {background-color: MediumSeaGreen;}
.col48 {background-color: MediumSlateBlue;}
.col49 {background-color: MediumTurquoise;}
.col50 {background-color: MediumVioletRed;}
.col51 {background-color: MidnightBlue;}
.col52 {background-color: Navy;}
.col53 {background-color: Olive;}
.col54 {background-color: OliveDrab;}
.col55 {background-color: Orange;}
.col56 {background-color: OrangeRed;}
.col57 {background-color: Orchid;}
.col58 {background-color: PaleVioletRed;}
.col59 {background-color: Peru;}
.col60 {background-color: Pink;}
.col61 {background-color: Plum;}
.col62 {background-color: Purple;}
.col63 {background-color: RebeccaPurple;}
.col64 {background-color: Red;}
.col65 {background-color: RosyBrown;}
.col66 {background-color: RoyalBlue;}
.col67 {background-color: SaddleBrown;}
.col68 {background-color: Salmon;}
.col69 {background-color: SandyBrown;}
.col70 {background-color: SeaGreen;}
.col71 {background-color: Sienna;}
.col72 {background-color: Silver;}
.col73 {background-color: SkyBlue;}
.col74 {background-color: SteelBlue;}
.col75 {background-color: Tan;}
.col76 {background-color: Teal;}
.col77 {background-color: Tomato;}
.col78 {background-color: Turquoise;}
.col79 {background-color: Violet;}
.col80 {background-color: YellowGreen;}

/*  end of 80 CSS colors */