/* THE IMPORTANT BITS */
.table_wider {
  /* Wide enough to go off the page */  
  width: 1000px;
}

thead th {
  position: sticky;
  top: 0;
}

.tour_th1:first-child {
  position: sticky;
  left: 0;
  /* Make the top left corner cover the other column headers */
  z-index: 3;
}

.table-container {
  position: relative;
  width: 98%;
  border: 2px solid red;
/*  display: inline-block; */
}
.tour {
  float: left;
}
.tour_th1 {
  height: 35px;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  top: 0px;
}
.tour_th2 {
  height: 35px;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  top: 37px;
}
.tour_th3 {
  height: 35px;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  position: sticky;
  z-index: 3;
}
.tour_td {
  height: 35px;
  margin: 0;
  white-space: nowrap;
  text-align: center;
}
.right {
  overflow: auto;
  cursor: grab;
}

.taches {
  padding-top:2pt;
  padding-bottom:2pt;
  padding-right:6pt;
  padding-left:6pt;
  text-align: center;
  vertical-align: top;
}

.taches_param {
  padding-top:2pt;
  padding-bottom:2pt;
  padding-right:6pt;
  padding-left:6pt;
  vertical-align: top;
}

.tour_td input {
  height: 28px;
}

td, input, select, th, a, p, li {
  /* font-size: 14px; */
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 50px;
  color: white;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.cls_green {
  background-color: green;
}
.cls_gray {
  background-color: gray;
}
.cls_orange {
  background-color: orange;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: maroon;
}

input:focus + .slider {
  box-shadow: 0 0 1px maroon;
}

input:checked + .slider:before {
  -webkit-transform: translateX(96px);
  -ms-transform: translateX(96px);
  transform: translateX(96px);
}

input:disabled + .slider:before {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}

/* End of The switch */


.ui-grid-b > .ui-block-span2 {
  width: 66.6666%;
}
.ui-grid-c > .ui-block-span2 {
  width: 50%;
}
.ui-grid-c > .ui-block-span3 {
  width: 75%;
}
.ui-grid-d > .ui-block-span2 {
  width: 40%;
}
.ui-grid-d > .ui-block-span3 {
  width: 60%;
}
.ui-grid-d > .ui-block-span4 {
  width: 80%;
}
.rglgrids div { /* all blocks */
  display: table;
  height: 153px;
}
.rglgrids div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.rglstripe-a {
  background-color: rgba(0,0,0,.04);
}
.rglstripe-b {
  background-color: white;
}
.histogrids div {
  display: table;
  height: 100px;
}
.histogrids  div > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.lnkPopupPlanning:link {
  text-decoration: none;
  font-style: italic;
  color: black;
  min-width: 90px;
  display: block;
}
.lnkPopupPlanning:visited {
  text-decoration: none;
  font-style: italic;
  color: black;
  min-width: 90px;
  display: block;
}
.lnkPopupPlanning:hover {
  text-decoration: none;
  font-style: italic;
  color: black;
  min-width: 90px;
  display: block;
}
.lnkPopupPlanning:active {
  text-decoration: none;
  font-style: italic;
  color: black;
  min-width: 90px;
  display: block;
}


/*!
* jQuery Mobile Icon Pack - Font Awesome version 1.4.0
*
* Copyright 2013 Andy Matthews
* http://andyMatthews.net
* Released under the GPL/MIT license.
*
*/

.ui-icon-frown-o:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M316.406%20342.913q2.232%206.976-1.116%2013.532t-10.324%208.789-13.672-1.116-8.929-10.603q-6.976-22.321-25.809-36.133t-42.271-13.812-42.271%2013.812-25.809%2036.133q-2.232%207.254-8.789%2010.603t-13.532%201.116q-7.254-2.232-10.603-8.789t-1.116-13.532q10.324-33.761%2038.504-54.409t63.616-20.647%2063.616%2020.647%2038.504%2054.409zM178.571%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM321.429%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM392.857%20250q0-36.272-14.23-69.336t-38.086-56.919-56.919-38.086-69.336-14.23-69.336%2014.23-56.919%2038.086-38.086%2056.919-14.23%2069.336%2014.23%2069.336%2038.086%2056.919%2056.919%2038.086%2069.336%2014.23%2069.336-14.23%2056.919-38.086%2038.086-56.919%2014.23-69.336zM428.571%20250q0%2058.315-28.739%20107.562t-77.985%2077.985-107.562%2028.739-107.562-28.739-77.985-77.985-28.739-107.562%2028.739-107.562%2077.985-77.985%20107.562-28.739%20107.562%2028.739%2077.985%2077.985%2028.739%20107.562z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E'); background-color: red; }
.ui-nosvg .ui-icon-frown-o:after { background-image: url('png_images/frown-o.png'); background-color: red; }


.ui-icon-meh-o:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M321.429%20303.571q0%207.254-5.301%2012.556t-12.556%205.301h-178.571q-7.254%200-12.556-5.301t-5.301-12.556%205.301-12.556%2012.556-5.301h178.571q7.254%200%2012.556%205.301t5.301%2012.556zM178.571%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM321.429%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM392.857%20250q0-36.272-14.23-69.336t-38.086-56.919-56.919-38.086-69.336-14.23-69.336%2014.23-56.919%2038.086-38.086%2056.919-14.23%2069.336%2014.23%2069.336%2038.086%2056.919%2056.919%2038.086%2069.336%2014.23%2069.336-14.23%2056.919-38.086%2038.086-56.919%2014.23-69.336zM428.571%20250q0%2058.315-28.739%20107.562t-77.985%2077.985-107.562%2028.739-107.562-28.739-77.985-77.985-28.739-107.562%2028.739-107.562%2077.985-77.985%20107.562-28.739%20107.562%2028.739%2077.985%2077.985%2028.739%20107.562z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E'); background-color: orange; }
.ui-nosvg .ui-icon-meh-o:after { background-image: url('png_images/meh-o.png'); background-color: orange; }


.ui-icon-smile-o:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%20Tiny%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11-tiny.dtd%22%3E%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22tiny%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20d%3D%22M316.406%20299.944q-10.324%2033.761-38.504%2054.409t-63.616%2020.647-63.616-20.647-38.504-54.409q-2.232-6.976%201.116-13.532t10.603-8.789q6.976-2.232%2013.532%201.116t8.789%2010.603q6.976%2022.321%2025.809%2036.133t42.271%2013.812%2042.271-13.812%2025.809-36.133q2.232-7.254%208.929-10.603t13.672-1.116%2010.324%208.789%201.116%2013.532zM178.571%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM321.429%20178.571q0%2014.788-10.463%2025.251t-25.251%2010.463-25.251-10.463-10.463-25.251%2010.463-25.251%2025.251-10.463%2025.251%2010.463%2010.463%2025.251zM392.857%20250q0-36.272-14.23-69.336t-38.086-56.919-56.919-38.086-69.336-14.23-69.336%2014.23-56.919%2038.086-38.086%2056.919-14.23%2069.336%2014.23%2069.336%2038.086%2056.919%2056.919%2038.086%2069.336%2014.23%2069.336-14.23%2056.919-38.086%2038.086-56.919%2014.23-69.336zM428.571%20250q0%2058.315-28.739%20107.562t-77.985%2077.985-107.562%2028.739-107.562-28.739-77.985-77.985-28.739-107.562%2028.739-107.562%2077.985-77.985%20107.562-28.739%20107.562%2028.739%2077.985%2077.985%2028.739%20107.562z%22%20fill%3D%22%23ffffff%22%20%2F%3E%3C%2Fsvg%3E'); background-color: green; }
.ui-nosvg .ui-icon-smile-o:after { background-image: url('png_images/smile-o.png'); background-color: green; }

.ui-icon-sleep-o:after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg height='16px' width='16px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25.625 25.625' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M12.812,17.88c-1.828,0-2.868,0.961-2.868,0.961s0.843,0.861,2.868,0.861 c2.026,0,2.868-0.861,2.868-0.861S14.64,17.88,12.812,17.88z'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M12.812,2c5.962,0,10.813,4.851,10.813,10.813s-4.851,10.812-10.813,10.812S2,18.774,2,12.812 S6.85,2,12.812,2 M12.812,0C5.736,0,0,5.736,0,12.812s5.736,12.813,12.812,12.813s12.813-5.737,12.813-12.813S19.888,0,12.812,0 L12.812,0z'/%3E%3C/g%3E%3Cpath style='fill:%23FFFFFF;' d='M19.767,13.072c0-0.517-1.868,0.271-2.955,0.271s-2.955-0.853-2.955-0.271s1.868,1.654,2.955,1.654 S19.767,13.589,19.767,13.072z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M5.901,13.072c0-0.517,1.84,0.271,2.911,0.271c1.07,0,2.911-0.853,2.911-0.271 s-1.841,1.654-2.911,1.654C7.741,14.726,5.901,13.589,5.901,13.072z'/%3E%3C/g%3E%3C/svg%3E"); background-color: black; }
.ui-nosvg .ui-icon-sleep-o:after { background-image: url('png_images/sleep-o.png'); background-color: black; }


@media only screen and (min-width: 450px) {
  .ui-mobile {
      max-width: 450px !important;
      margin: 0 auto !important;  
  }

  .ui-page {
      max-width: 450px !important;
      margin: 0 auto !important;
      position: relative !important;
  }

  .ui-header {
      max-width: 450px !important;
      margin: 0 auto !important;
  }

  .ui-popup-container {
      max-width: 400px !important;
      margin: 0 auto !important;
  }
  
  .ui-popup {
      max-width: 400px !important;
      margin: 0 auto !important;
      background-color: white;
  }
}


.spanMessageErreur {
  /*display: block;
  width: 100%;*/
  color: red;
  margin-top: -15px;
  margin-bottom: 10px;
}

.controlgroup-textinput{
  padding-top:.22em;
  padding-bottom:.22em;
}