html,
body {
  margin: 5px 5px 0px 5px;
  padding: 0;
  height: 98%;
  background-color: #FFF;
  /*background-color:#FFFFFF;*/
  font-family: Sans-Serif;
}
#wrapper {
  position: relative;
  /* référent du footer */
  min-height: 100%;
  width: 100%;
}
#container {
  padding-bottom: 80px;
  /* padding-bottom = hauteur du footer */
  min-height: 100%;
}
#content {
  background-color: #F0F8FF;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 10px;
  border: 1px solid #496077;
  border-radius: 10px;
  min-height: 100%;
}
#footer {
  position: absolute;
  width: 100%;
  /* obligatoire si la largeur du footer n'est pas spécifiée explicitement dans le code CSS */
  height: 30px;
  bottom: 0;
  /* positionner le footer en bas */
  left: 0;
  /* positionner le footer à gauche */
  font-size: small;
  text-align: center;
  margin-bottom: 0px;
}
.Entete {
  margin-bottom: 10px;
}
/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink {
  width: 100%;
}
div.menu {
  padding: 4px 0px 4px 8px;
}
div.menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}
div.menu ul li a,
div.menu ul li a:visited {
  background-color: #F0F8FF;
  border: 2px #cccccc solid;
  color: #555555;
  display: block;
  line-height: 1.35em;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  white-space: nowrap;
  /*width:150px;*/
  text-align: center;
}
div.menu ul li a:hover {
  background-color: #bfcbd6;
  color: #465c71;
  text-decoration: none;
  /*font-weight: bold;*/
}
div.menu ul li a:active {
  background-color: #465c71;
  color: #cfdbe6;
  text-decoration: none;
}
div.menu a.static.selected {
  color: #222222;
  background-color: #ffffff;
  font-weight: bold;
}
/*  Tableaux  */
.TblTournee {
  border-spacing: 0px;
  border-width: 2px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 5px;
  margin-bottom: 5px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: solid;
  border-color: Black;
  border-spacing: 0;
  border-collapse: collapse;
}
.TblTournee th {
  /*border-top-style:hidden;     border-left-style:hidden;*/
  background-color: #dddddd;
  font-size: 1em;
  text-align: center;
  padding: 3px;
  border-spacing: 0px;
  border-width: 2px;
  border-style: solid;
  border-color: Black;
}
/*.TblTournee tr:nth-child(even) {
        background: #FF;
    }*/
.TblTournee tr:nth-child(odd) {
  background: #FFF;
}
.TblTournee td {
  border-spacing: 0px;
  border-width: 2px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 3px;
  height: 23px;
}
.TblCptTps {
  border-spacing: 0px;
  border-width: 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: solid;
  border-color: Black;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.TblCptTps th {
  border-spacing: 0px;
  background-color: #bbe0ff;
  border-width: 2px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 3px;
  height: 23px;
}
.TblCptTps td {
  border-spacing: 0px;
  border-width: 2px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 0px;
  height: 23px;
}
.TblCptTpsTotSolde {
  border-spacing: 0px;
  border-width: 0px 2px 2px 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: none;
  border-color: Black;
  border-spacing: 3;
  border-collapse: separate;
  width: 100%;
}
.TblCptTpsTotSolde td {
  border-style: none;
  border-spacing: 0;
  border-width: 0;
}
.TblCptTpsTot {
  border-spacing: 0px;
  border-width: 0px 2px 2px 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: solid;
  border-color: Black;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.TblCptTpsTot th {
  border-spacing: 0px;
  background-color: #bbe0ff;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 3px;
  height: 23px;
}
.TblCptTpsTotTHVide {
  border-spacing: 0px;
  background-color: Transparent;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 3px;
  height: 23px;
}
.TblCptTpsTot td {
  border-spacing: 0px;
  border-width: 0px 2px 0px 2px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  padding-left: 3px;
  padding-right: 3px;
  height: 23px;
}
.TblCptTpsSolde {
  border-spacing: 0px;
  border-width: 2px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: solid;
  border-color: Black;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.TblCptTpsSolde th {
  border-spacing: 0px;
  background-color: Transparent;
  border-width: 0px;
  border-style: none;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 3px;
  padding: 3px;
}
.TblCptTpsSolde td {
  border-spacing: 0px;
  border-width: 0px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  margin: 0px;
  padding: 3px;
}
.TblCptTpsCorr {
  border-spacing: 0px;
  border-width: 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: none;
  border-color: Black;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.TblCptTpsCorr th {
  border-spacing: 0px;
  border-width: 0px;
  border-style: none;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  padding: 3px;
}
.TblCptTpsCorr td {
  border-spacing: 0px;
  border-width: 0px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: Black;
  padding: 3px;
}
.TblCptTpsAct {
  border-spacing: 0px;
  border-width: 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 0px;
  margin-bottom: 0px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: solid;
  border-color: Black;
  border-spacing: 1;
  border-collapse: separate;
}
.TblCptTpsAct td {
  border-spacing: 4px;
  border-width: 1px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: black;
  /**/
  margin: 3px;
  height: 23px;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.TblPlanning {
  border-spacing: 0px;
  border-width: 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 5px;
  margin-bottom: 5px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: none;
  border-color: DarkGray;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
}
.TblPlanning tr {
  max-height: 20px !important;
}
.TblPlanning th {
  /*border-top-style:hidden;     border-left-style:hidden;*/
  background-color: #FFF;
  /*font-size: 1.5vw;*/
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 2px;
  margin-right: 2px;
  border-spacing: 2px;
  border-style: solid;
  border-color: DarkGray;
  border-width: 2px;
}
/*.TblPlanning tr:nth-child(even) {
        background: #FF;
    }*/
/*.TblPlanning tr:nth-child(odd) {
         background: #FFF;
    }*/
.TblPlanning td {
  border-spacing: 0px;
  border-width: 0px;
  border-left-width: 1px;
  border-style: solid;
  /*border-top-style:hidden;     border-left-style:hidden;*/
  border-color: DarkGray;
  margin: 0px;
  /*height:23px;*/
  background: #FFF;
  /*  font-size:smaller;*/
  position: relative;
}
.TblPlanning td.act-2 {
  padding-top: 0;
  padding-bottom: 0;
}
/*  Général  */
.User {
  font-size: 13px;
  font-weight: bold;
}
.TitreGS {
  font-size: 13px;
  color: #909295;
  font-family: Arial;
  margin-left: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.5em;
  color: #000000;
  text-transform: none;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 2px;
}
h1 {
  text-align: center;
  font-size: 1.6em;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
}
h2 {
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold !important;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
.failureNotification {
  font-size: 0.8em;
  color: Red;
}
.PiedPagePrint {
  display: none;
}
.PiedPage {
  display: block;
}
.LienPrecSuiv {
  font-size: 1.4em;
  text-align: center;
  /*min-width: 300px;
    width:300px;*/
}
.ligne-nav td {
  min-width: 250px;
  vertical-align: middle;
}
.ligne-nav td:first-child {
  text-align: left;
  padding-left: 10px;
}
.ligne-nav td:last-child {
  text-align: right;
  padding-right: 10px;
}
.LienTxtNorm {
  text-decoration: none;
  color: Black;
}
.LienTxtNormSansCouleur {
  text-decoration: none;
  color: inherit;
}
.PlMois {
  text-decoration: none;
  color: inherit;
  font-size: 15px;
  font-size: 1vw;
}
.PlJour {
  text-decoration: none;
  color: inherit;
  font-size: smaller;
  font-size: 0.9vw;
  color: #444;
}
.PlActivite {
  text-decoration: none;
  color: inherit;
  font-size: smaller;
  font-size: 1vw;
}
.PlActivite.act-2 {
  font-size: 0.8vw;
}
.Consigne {
  font-weight: bold;
  /*color:Red;*/
}
input[type='text'],
input[type='password'],
input[type=time],
input[type=number]:hover {
  /*border-radius: 5px;     box-shadow: 1px 1px 5px #CCC; */
  /* border-radius: 4px;*/
  border: 1px solid #777;
  font-weight: 200;
  font-size: inherit;
  /* font-family: Verdana;*/
  padding-left: 3px;
  padding-right: 3px;
}
input[type='text']:hover,
input[type='password']:hover,
input[type=time]:hover,
input[type=number]:hover {
  /*border-radius: 5px; */
  border: 1px solid #666;
  box-shadow: 1px 1px 5px #CCC;
}
input[readonly="readonly"],
input[readonly="readonly"]:hover,
input[readonly],
input[readonly]:hover {
  border: 0px solid #666;
  border: none;
  background-color: transparent;
  box-shadow: none;
  font-size: inherit;
}
input[Err="true"],
input[Err="true"]:hover {
  border: 1px solid #f00;
}
input[Err="true"]:hover {
  border: 1px solid #f00;
  box-shadow: 1px 1px 5px #F88;
}
/*CSS for dropdown box*/
select {
  font-size: 1em;
  width: 200px;
  /* border-radius: 5px;*/
  border: 1px solid #777;
  /*font-weight: 200;
    font-size: 15px; font-family: Verdana;*/
}
select:hover {
  width: 200px;
  border: 1px solid #666;
  /*font-weight: 200;
    font-size: 15px; font-family: Verdana;*/
  box-shadow: 1px 1px 5px #CCC;
}
select.heure {
  width: 80px;
}
.SaisieReal input[type='text'],
.SaisieReal input[type='password'] {
  text-align: center;
}
.SaisieReal input[type='text']:hover,
.SaisieReal input[type='password']:hover {
  text-align: center;
}
.DateCourante {
  text-decoration: underline;
  font-size: x-large;
}
.DateCouranteIE7 {
  text-decoration: underline;
  font-size: 1em;
}
.ChpLoginPwd {
  width: 150px;
}
.ErrTournee {
  color: red;
  margin-top: 10px;
  margin-bottom: 2px;
}
.EditeLe {
  font-size: 0.8em;
  color: Gray;
}
.SaisieReal {
  font-size: medium;
}
.LogoImg {
  width: 50px;
  margin-top: 5px;
}
.LogoText {
  width: 200px;
}
.ModeH {
  visibility: visible;
}
.ModeV {
  visibility: collapse;
  width: 0px;
  height: 0px;
}
.PlMoisV {
  text-decoration: none;
  color: inherit;
  font-size: 50px;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
}
.PlJourV {
  text-decoration: none;
  color: inherit;
  font-size: 30px;
  max-height: 50px;
}
.PlActiviteV {
  text-decoration: none;
  color: inherit;
}
.LegendeActCode {
  width: 80px;
  text-align: center;
  padding: 0px 5px 0px 5px;
  border: 2px solid LightGray;
  white-space: nowrap;
  font-weight: bold;
}
.LegendeActLib {
  padding-left: 10px;
  font-weight: normal;
}
.DdeAccepte {
  color: green;
}
.DdeRefuse {
  color: red;
}
.DdeAttente {
  color: blue;
}
.DdeEnvOK {
  color: green;
}
.DdeEnvErr {
  color: red;
}
.CompteTempsTotSolde {
  display: flex;
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  align-content: stretch;
}
.CompteTempsTot {
  height: unset;
  margin-left: 0px;
  margin-right: 10px;
}
.CompteTempsSolde {
  height: 100%;
  margin-left: 0px;
  margin-right: 0px;
  flex-grow: 1;
}
.CompteTempsCorr {
  max-width: unset;
}
.CursorPointer,
.cursor-hand {
  cursor: pointer;
}
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 1%;
  margin-left: -55px;
}
/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 33%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
/* Popup arrow */
.popup .popuptext[typePopup="Visite"]::after {
  left: 95%;
}
/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.iconeGrande {
  height: 75px;
}
.iconeMoyenne {
  height: 40px;
}
.iconePetite {
  height: 15px;
}
.badgeuse {
  margin: 10px;
  border: 2px;
  border-color: gray;
  border-style: solid;
  border-radius: 10px;
  padding: 5px 0px 15px 10px;
}
.badgeuse[Mode="Debut"] {
  background-color: #f0fff0;
}
.badgeuse[Mode="Fin"] {
  background-color: #ffe4e1;
}
.badgeuse[Mode="Debut"] .label-heure {
  color: green;
}
.badgeuse[Mode="Fin"] .label-heure {
  color: red;
}
.content-center {
  text-align: center;
}
.content-left {
  text-align: left;
}
.content-right {
  text-align: right;
}
.disp-none,
.d-none {
  display: none;
}
.disp-norm {
  display: normal;
}
/*Marge horizontale*/
.mh-auto {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
input[type="time"] {
  width: 170px;
}
#Badgeuse input[type="reset"] {
  background-color: orange;
  max-width: 300px;
}
#Badgeuse input[type="submit"] {
  background-color: #10e600;
  max-width: 300px;
}
#divInit,
#divCorrection {
  height: 70px;
  padding-top: 15px;
}
#Badgeuse .info {
  color: blue;
  margin-top: 15px;
}
.divRecap {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px;
  border-style: solid;
  background-color: lightgray;
  width: 90%;
  text-align: left;
}
.Page li {
  margin-bottom: 25px;
  margin-left: 15px;
}
.inline {
  display: inline-block !important;
}
.modal-content {
  max-height: Calc(100% - 20px);
  overflow: hidden;
}
.modal-content .main {
  max-height: Calc(100% - 150px);
  overflow-y: auto;
}
#TourneeMob .start,
.modal-content .start {
  color: green;
}
#TourneeMob .stop,
.modal-content .stop {
  color: red;
}
#TourneeMob .cancel,
.modal-content .cancel {
  color: red;
}
#TourneeMob .done {
  color: #0085ff;
}
#TourneeMob .consigne {
  color: red;
}
.toggle {
  display: none;
}
.toggle-hidden {
  height: 0px;
  display: none;
  /* overflow: hidden;
    height: auto;
    max-height:0px;*/
  /*    visibility:hidden;
    height:0;*/
}
.toggle-opened {
  display: block;
  height: auto;
  /*    display: block;
    height: auto;*/
  /*    overflow: hidden;
*/
  /*height: 200px;*/
  /*max-height: 1000px;*/
  /*    transition: 1s;*/
  /*    visibility: visible;
    height:auto;*/
}
.transition {
  /*    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out -o-transition:all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;*/
}
/* TOURNEE MOB */
.TblTourneeMob {
  border-spacing: 0px;
  border-width: 0px;
  background-color: transparent;
  overflow: scroll;
  margin-top: 5px;
  margin-bottom: 5px;
  /*    border-bottom-style:hidden;     border-right-style:hidden;     border-top-style:solid;     border-left-style:solid;*/
  border-style: none;
  border-color: Black;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
  font-weight: bold;
  width: 100%;
}
.TblTourneeMob th {
  /*border-top-style:hidden;     border-left-style:hidden;*/
  background-color: #FFF;
  /*font-size: 1.5vw;*/
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 2px;
  margin-right: 2px;
  border-spacing: 2px;
  border-width: 2px;
  border-style: solid;
  border-color: Black;
  border-left: none;
  border-right: none;
  border-bottom-width: 0px;
}
.TblTourneeMob th:first-child {
  border-left: solid;
  border-right: none;
  width: 115px;
  border-width: 2px;
  border-bottom-width: 0px;
}
.TblTourneeMob th:last-child {
  border-right: solid;
  border-left: none;
  width: 115px;
  border-width: 2px;
  border-bottom-width: 0px;
}
.TblTourneeMob tr[name="ligneNomTour"] td {
  border-top-width: 0px;
}
.TblTourneeMob td {
  border: solid;
  border-width: 2px;
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
  border-spacing: 0;
}
.TblTourMob {
  border-width: 2px;
  border: none;
  width: 100%;
  border-spacing: 5px 15px;
  border-color: gray;
}
.TblTourMob th {
  border: none;
}
.TblTourMob th:first-child,
.TblTourMob th:last-child {
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TblTourMob td {
  border: solid;
  border-color: lightgray;
  border-width: 2px;
  text-align: center;
}
.TblTourMob td.sep {
  height: 15px;
}
.TblVisiteMob {
  border-spacing: 0;
  width: 100%;
  border: none;
  margin: 0px;
}
.TblVisiteMob td {
  border: none;
  border-width: 2px;
  text-align: left;
  background-color: aliceblue;
  padding-left: 10px;
}
.TblVisiteMob td.VisiteDetail {
  padding-left: 0;
}
.TblVisiteMob td:first-child {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.TblVisiteMob td:last-child {
  /* cellule avec bout Start / Stop */
  width: 120px;
  text-align: center;
  padding-right: 5px;
  /* font-size:30px;*/
}
.TblVisiteMob td.ico {
  width: 50px;
  text-align: center;
  /*font-size: 35px;*/
  padding-bottom: 5px;
  padding-top: 5px;
}
.TblVisiteMob td.hDbtFin {
  height: 60px;
  text-align: left;
  border-width: 0px;
  border: none;
  border-bottom: none;
  border-bottom-color: #0085ff;
  margin: 10px;
  background-color: #0085ff;
  color: white;
  /*                vertical-align: top;*/
  padding: 0px;
  /*            padding-top: 15px;
            padding-bottom: 15px;
            padding-right: 15px;
*/
}
.TblVisiteMob td .hDbt {
  text-align: left;
  margin-left: 10px;
}
.TblVisiteMob td .hFin {
  text-align: right;
  vertical-align: bottom;
  margin-right: 10px;
}
/*.TblVisiteMob td.hDbt {
                text-align: left;
                border-width: 0px;
                border: none;
                border-bottom: none;
                border-bottom-color: #0085ff;
                margin: 10px;
                background-color: #0085ff;
                color: white;
                vertical-align: top;
                height: 65px;
                padding-top: 15px;
            }


            .TblVisiteMob td.hFin {
                text-align: right;
                border-width: 2px;
                border: none;
                border-top: none;
                border-top-color: #0085ff;
                padding-right: 10px;
                background-color: #0085ff;
                color: white;
                vertical-align: bottom;
                height: 65px;
                padding-bottom: 15px;
            }*/
.TblVisiteMob td.nom {
  width: 100%;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.TblVisiteMob td.nomSeul {
  text-overflow: initial;
  white-space: normal;
}
.TblVisiteMob td.consigne {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.TblVisiteMob.VisiteAnnule td {
  background-color: lightgray;
}
.TblVisiteMob.VisiteAnnule td.hDbtFin {
  background-color: gray;
  text-decoration: line-through;
}
.TblVisiteMob.VisiteAnnule td.nom {
  text-decoration: line-through;
}
.TblVisiteMob a {
  color: black;
}
.TblVisiteDetail {
  width: 100%;
  border-spacing: 0 15px;
}
.TblVisiteDetail td {
  text-decoration: initial;
}
.TblVisiteDetail td:first-child {
  width: 60px;
  text-align: center;
}
.TblVisiteDetail td:last-child {
  width: 100%;
  text-align: left;
}
.TblVisiteDetail td.ico {
  /*font-size: 60px;*/
  padding-left: 0px;
}
.ft-1 {
  font-size: 0.4em;
}
.ft-2 {
  font-size: 0.7em;
}
.ft-3 {
  font-size: 1em;
}
.ft-4 {
  font-size: 1.5em;
}
.ft-5 {
  font-size: 2em;
}
.ft-6 {
  font-size: 2.5em;
}
.ft-7 {
  font-size: 3em;
}
table.detail-jour {
  border-spacing: 0px;
}
.detail-jour td {
  padding-left: 10px;
}
.detail-jour td.code-act {
  padding-left: 0px;
  width: 60px;
  text-align: center;
  border: 3px solid LightGray;
}
.comm {
  position: absolute;
  left: Calc(100% - 15px);
  top: 0px;
  width: 0;
  max-height: 20px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-top: 15px solid;
  text-align: left;
}
.tab-content {
  padding: 15px;
}
.PageCompteTemps {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.PageTourneeMob {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.hidden {
  visibility: hidden;
}
.collapsed {
  visibility: collapse;
}
.bSuiv img,
.bPrec img {
  height: 50px;
}
.ligne-sous-table {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-width: 0px !important;
}
.ligne-sous-table td {
  border-width: 0px;
  border-style: none;
}
.ligne-sep td {
  border-style: none;
}
.ligne-sep.fine,
.ligne-sep.fine td {
  height: 8px;
  max-height: 8px;
}
.sous-table {
  width: 100%;
  border-spacing: 0px;
  border-width: 0px;
  border-collapse: collapse;
}
.sous-table tr td {
  border-style: solid;
  border-width: 2px;
}
.sous-table.cadre {
  border-spacing: 0px;
  border-width: 2px;
  border-collapse: collapse;
  border-style: solid;
  border-color: black;
}
.sous-table th:first-child {
  background-color: transparent;
  border: none;
  text-align: left;
}
.sous-table td.lib {
  padding-left: 5px;
}
.sous-table td.val {
  text-align: center;
  text-wrap: normal;
  overflow-wrap: break-word;
}
.sous-table td.val.left {
  text-align: left;
  padding-left: 5px;
}
.sous-table td.val.right {
  text-align: right;
  padding-right: 5px;
}
.sous-table th span {
  text-align: center;
  width: 100%;
}
.sous-table tr.hidden {
  visibility: collapse;
}
.ligne-sans-cadre td {
  border-style: none;
}
.ligne-cadre-ext td {
  border-left-style: none;
  border-right-style: none;
}
.ligne-cadre-ext td:first-child {
  border-left-style: solid;
}
.ligne-cadre-ext td:last-child {
  border-right-style: solid;
}
.no-border,
no-border tr td {
  border-style: none !important;
}
.bold {
  font-weight: bold;
}
table.no-cell td {
  border-style: none;
}
.val-tot {
  padding-left: 5px;
  padding-right: 5px;
}
.align-l {
  text-align: left;
}
.align-r {
  text-align: right;
}
.align-c {
  text-align: center;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  overflow: auto;
  z-index: 1;
  top: 40px;
  right: 10px;
}
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.icone {
  cursor: pointer;
}
.user-menu {
  background-color: white;
  border: solid 1px lightgray;
  top: 45px;
  width: 230px;
  font-size: 1.1rem;
}
.user-menu .user-name {
  display: block;
  text-align: left;
  font-weight: bold;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.user-menu a:hover {
  /*background-color: lightgrey;*/
  padding-left: 5px;
}
.grid-responsive {
  display: grid;
  width: Calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  grid-template-columns: max-content auto;
  row-gap: 5px;
}
.grid-responsive label {
  margin-top: 5px;
}
#MdpOublie {
  font-size: 0.8em;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  /*  border-radius: 0.25rem;*/
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mini-loading {
  height: 16px;
  margin-top: 0px;
}
.h-combo {
  height: 20px;
}
.mb-2 {
  margin-bottom: 10px;
}
.ico-moy {
  font-size: 1.8em;
}
.change-jour {
  color: gray;
  max-height: 120px;
}
.ddl {
  width: 99%;
  max-width: 400px;
}
.ddl:hover {
  width: 99%;
}
.ui-widget.ui-widget-content {
  border: 0 !important;
  background-color: transparent !important;
}
.ui-tabs-nav {
  border: 0 !important;
  background-color: transparent !important;
}
.ui-tabs {
  margin-bottom: 5px;
}
.ui-tab {
  background-color: white !important;
  border: none !important;
}
.ui-tab.ui-tabs-active {
  background-color: white !important;
  border: 3px solid #c5c5c5 !important;
  border-bottom: none !important;
  color: black !important;
  padding-bottom: 0px !important;
  font-weight: bold !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: black !important;
}
.ui-tabs-panel {
  border: 3px solid #c5c5c5 !important;
  background-color: white !important;
  margin-bottom: 10px;
  margin-top: -2px;
  /*    margin-top:-1px;*/
}
.fond-blanc {
  background-color: white !important;
}
.PageDemande {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.menu-main {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-main li {
  text-align: left;
  padding: 4px 3px;
  list-style: none;
}
.menu-sub {
  padding-left: 20px;
}
.menu-sub li.active {
  /*content: '✓';*/
  list-style-type: '\2713';
}
.menu-sub li {
  padding-bottom: 0;
}
.Page {
  padding-bottom: 5px;
}
.chevron {
  font-size: 1.8em;
  color: #555555;
  cursor: pointer;
}
.groupbox {
  position: relative;
  border: solid;
  border-color: gray;
  border-width: 1px;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.rotate180 {
  transform: rotate(-180deg);
  /*transform: rotate(180deg);*/
  transition: 0.5s;
}
.rotate360 {
  transform: rotate(-360deg);
  /*transform: rotate(180deg);*/
  transition: 0.5s;
}
.rotate90 {
  transform: rotate(90deg);
  transition: 0.25s;
}
.rotate0 {
  transform: rotate(0deg);
  transition: 0.5s;
}
.no-scroll {
  overflow: hidden !important;
}
.jour-select {
  background-color: #0085ff !important;
  font-weight: bold;
  color: white !important;
  border-color: black !important;
}
.grid-entete-mois {
  display: grid;
  grid-template-columns: 50px auto 50px;
  column-gap: 0px;
}
.close {
  position: absolute;
  left: Calc(100% - 20px);
  top: -5px;
  vertical-align: top;
}
#divDde_Pl tr {
  max-height: 10px;
}
.ligne-pl-0 {
  height: 00px;
  max-height: 00px;
}
.ligne-pl-1 {
  height: 40px;
  max-height: 40px;
  overflow-wrap: break-word;
}
.ligne-pl-2 {
  height: 20px;
  max-height: 20px;
  overflow-wrap: break-word;
}
.souhait {
  background-color: blueviolet !important;
  color: white;
  /*border: 5px solid blueviolet !important;*/
}
.demande-accepte {
  background-color: green !important;
  color: white;
}
.demande-refuse {
  background-color: red !important;
  color: white;
}
.val-num {
  text-align: right;
}
.tbl-compteurs td {
  background-color: white;
  /*padding : 0 10px 0 10px;*/
  margin-left: auto;
  margin-right: auto;
}
.tbl-compteurs td.val-txt {
  text-align: center;
}
.grid-decimal {
  display: grid;
  grid-template-columns: calc(50% + 4px) calc(50% - 4px);
  column-gap: 0px;
}
.t-align-left {
  text-align: left;
}
.t-align-right {
  text-align: right;
}
.tbl-entete-ligne {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.legende-pl {
  width: 100%;
}
.number-plus-moins {
  width: 70px !important;
  display: inline-block !important;
  /*    margin-left: 5px;
    margin-right: 5px;*/
  text-align: center;
}
.dde-repart-nouv {
  background-color: #0085ff !important;
  color: white;
}
@media screen and (min-width: 1024px) {
  .ModeV {
    display: none !important;
  }
}
/*-- pour scroll actif --*/
.cadre-table-scroll {
  display: inline-block;
  height: 100%;
  overflow-y: auto;
}
.table-scroll {
  border-spacing: 0;
}
.table-scroll thead th {
  background-color: white;
  border-color: white;
  position: sticky;
  top: 0;
  border-bottom: solid 2px white;
}
.table-scroll thead th:first-child {
  width: 150px;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-scroll tfoot td {
  border-color: white;
  background-color: white;
  position: sticky;
  bottom: 0;
  border-top: solid 2px white;
}
.table-scroll tbody.toggle-opened {
  display: table-row-group !important;
}
.grid-val-plus-moins {
  display: grid !important;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-items: center;
}
.grid-jour-horaire {
  display: grid !important;
  grid-template-columns: max-content 1fr;
  column-gap: 10px;
  align-items: start;
}
#ddeRep {
  max-height: Calc(100% - 400px);
  position: relative;
}
#ddeRep .cadre-table-scroll {
  max-height: 300px;
}
#iMoisPrec,
#iMoisSuiv {
  font-size: 30px;
}
.loader-small {
  height: 20px;
  width: 20px;
}
/*button:disabled {
    filter:opacity(30%);
    cursor: not-allowed !important;*/
/*border-color: -internal-light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));*/
/*}*/
@media screen and (min-width: 1024px) {
  #modalDde .modal-content {
    max-width: 600px;
  }
  .cell-lib-abs {
    max-width: 200px;
  }
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-newline {
  display: flex;
}
.consigne-soignant {
  text-align: left;
  margin-top: 5px;
  margin-left: 7px;
  color: red;
}
.autre-soignant {
  margin-bottom: 5px;
}
#divPl.init {
  min-height: 120px;
}
.grid-legende {
  display: grid !important;
  grid-template-columns: repeat(5, 25px auto);
  row-gap: 5px;
  align-items: flex-start;
  justify-items: left;
}
@media screen and (max-width: 1024px) {
  .grid-legende {
    display: grid !important;
    grid-template-columns: repeat(2, 50px auto);
    row-gap: 15px;
    align-items: flex-start;
    justify-items: left;
  }
}
.grid-dde {
  display: grid;
  /* grid-template-columns: 8% 20% 18% 18% 18% 9% 2% 5%; */
  grid-template-columns: 200px 200px max-content auto;
  grid-column-gap: 30px;
}
.box-dde-valide {
  margin-top: auto;
  vertical-align: bottom;
  text-align: left;
}
.grid-dde-decl-hm {
  margin-top: 1rem;
  display: grid !important;
  grid-template-columns: max-content 40px 40px auto;
  column-gap: 1rem;
  align-items: flex-start;
  justify-items: left;
}
.input-time {
  max-width: 40px;
}
@media screen and (max-width: 1224px) {
  .grid-dde-decl-hm {
    grid-template-columns: 160px 105px 105px auto;
  }
  .grid-dde-decl-hm .err {
    grid-column: span 4;
  }
  .input-time {
    max-width: 105px;
  }
}
#ddeDeclDispo input[type='radio'] {
  margin-right: 10px;
}