h1 {
  padding: 0px;
  padding-bottom: 10px;
  margin: 0px;
  font-weight: normal;
}

.cache, .hide, .hidden{
  display: none;
}

form {
  margin: 0;
  padding: 0;
}
#popup form {
  position: fixed;
  height: calc(95% - 6em);
  /*! width: 80%; */
  overflow: scroll;
}
form a {
  text-decoration: none;
  /*  font-size: 10px; */
  color: #F96107;
  padding: 0.5em 1em 0.5em 1em;
  margin: 0 2em 0 0;
}

fieldset {
  position: relative;
  margin: 0px;
  padding: 3em 1.5em 1.5em 1.5em;
  min-height: 100px;
  background-color: #FFF;
  border: 1px solid grey;
  border-radius: 4px;
}

legend {
  position: absolute;
  top: 0;
  left: 0;
  color: #DDD;
  padding: 0.5em;
  font-weight: bold;
  text-transform: uppercase;
  text-indent: 0.2em;
  font-size: 1.5em;
}
/*
input + label {
    border-bottom: none;
    min-width: auto;
    padding-right: 1.5em;
}
*/

input:disabled:hover + label {
 cursor: default;
}
input:disabled + label:hover {
  color: black;
}

label, .fake_label {
  white-space: nowrap;
  margin: 0;
  color: #777;
  padding: 0px;
  display: inline-block;
  /* min-width: 111px; */
  /* border-bottom: 1px dotted lightgray; */
  height: 20px;
  text-align: left;
  margin-right: 1em;
}

label:hover{
  color:#F60;
  cursor: pointer;
}


/* FORM defaults */
select {
  display: inline-block;
  padding: 0.5em;
  margin: 0 3em 1em 0;
  border: 1px solid #f60;
  color: black;
  border-radius: 2px;
  cursor: pointer;
}

select:disabled {
  border: 1px solid #E6DBD6;
  background-color: #F8F8F8;
  color: #777;
}

textarea {
  width: calc(100% - 1em);
  height: 100px;
  overflow: auto;
  padding: 0.5em;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #F60;
  color: black;
  background: #f7f7f7;
}
textarea:focus{
  color: #F60;
  font-weight: bold;
  outline-style: none;
}


input[type="checkbox"] {
  padding: 0.5em;
  appearance: none;
  border: 1.5px solid #F60;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 2px;
}

input[type="checkbox"]:checked {
  background-color: #F60;
}
input[type="checkbox"]:disabled {
  border-color: darkgrey;
  cursor: default;
}
input[type="checkbox"]:disabled:checked {
  background-color: darkgrey;
}

input[type="radio"] {
  border: 1.5px solid #F60;
  appearance: none;
  width: 1.1em;
  height: 1.1em;
  border-radius: 1em;
  background-clip: content-box;
  padding: 0.2em;
  vertical-align: middle;
}
input[type="radio"]:checked {
  background-color: #F60;
}
input[type=text], input[type="tel"], input[type="email"], input[type="password"] {
  height: auto;
  width: auto;
  padding: 0.5em;
  margin: 0 1em 0 0;
  border-top: none;
  border-left: 1px dotted #F60;
  border-right: none;
  color: black;
  background: #f7f7f7;
  border-bottom: none;
}

input[type="text"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="password"]:hover {
    background-color: rgba(255, 102, 0, 0.1);
}

input[type=text]:focus, input[type="tel"]:focus, input[type="email"]:focus, , input[type="password"]:focus {
  color: #F60;
  font-weight: bold;
  outline-style: none;
}

input[type="text"]:disabled, input[type="text"]:read-only,
textarea:disabled, textarea:read-only,
input[type="tel"]:disabled, input[type="tel"]:read-only,
input[type="email"]:disabled, input[type="email"]:read-only {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background-color: #EEEEEE;
  color: #777;
  cursor: no-drop;
}

/*

input:disabled {
border: 1px solid #e6dbd6;
background-color: #F8F8F8;
color: #666;
}
*/

/* Customize the label (the container) */
.input {
  position: relative;

  margin-bottom: 0.5em;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.row{
  margin-bottom: 1em;
}

/* #popup .TabContent label {
display: inline-block;
min-width: 120px;
}
*/

#popup .TabContent input[type="text"] {
  width: auto;
  margin: 0 3em 1em 0;
}

.suivi_col label{
  display: inline-block;
  width: 25%;
}
.suivi_col input, .suivi_col select{
  display: inline-block !important;
}

#popup .TabContent input[type="button"] {
  width: auto;
  padding: 0.5em;

}

#popup .TabContent input[type="checkbox"] {
  width: auto;
  padding: 0.75em;
  vertical-align: middle;
  margin: 0 4em 0 0;
}



#popup .TabContent textarea {
  margin: 0 0 1em 0;
  width: 98%;
}
#contenu_suivi{
  width: 98%;
}
.label_radio {
  display: inline-block;
}

.label_cal {
  display: block;
}


input[type="button"] {
  background-color: #F60;
  border: 1px solid #F60;
  padding: 1em;
  color: white;
  right: 1em;
  bottom: 0em;
  border-radius: 2px;
  margin: 0 3em 0 0;
}

input[type="button"]:hover {
  cursor: pointer;
  background-color: #FFF;
  border: 1px solid #F60;
  color: #F60;
}

input[type="button"]:active {
  background-color: #345;
  border: 1px solid #345;
  color: white;
}

/* bouton du bas */

#bas_form {
  position: fixed;
  background-color: #333;
  color: #FFF;
  /*! top: 4em; */
  bottom: 0;
  /*! width: 19%; */
  margin: 0 0 0 1%;
}

#bas_form input[type="button"], .button {
  padding: 1em;
  color: white;
  background: #F60;
  border: 0;
  display: inline-block;
}


#bas_form input[type="button"]:hover, .button:hover {
  background-color: white;
  color: #F60;
  cursor: pointer;
}

#bas_form input[type="button"]:active, .button:active {
  background-color: #345;
  color: white;
}


.button_secondary {
  padding: 1em;
  color: #F60;
  background: white;
  border: 0;
  display: inline-block;
}


.button_secondary:hover {
  background-color: #F60;
  color: white;
  cursor: pointer;
}

.button_secondary:active {
  background-color: #345;
  color: white;
}

#bas_form label {
  white-space: nowrap;
  margin: 0 0 1em 0.25em;
  color: #FFF;
  padding: 0px;
  display: inline-block;
  width: 80%;
}

#bas_form label:hover {
  cursor: pointer;
}


.input_cal {
  display: inline-block;
  margin-bottom: 0.5em;
}

/* NOTES */
#formNotes {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 175px;
}

#memo {
  position: relative;
  padding: 3px;
  margin: 0px;
  background-image: url(../images/fond_bloc.jpg);
  background-repeat: repeat;
  background-attachment: scroll;
  color: #1A191B;
  width: 192px;
  height: auto;
}

#palette {
  background-color: #FFFFFF;
  border: solid 2px #777;
  position: absolute;
  width: 165px;
  height: 170px;
  z-index: 400;
  display: none;
  margin: 0;
}

#couleur {
  width: 18px;
  height: 18px;
  border: solid 1px #333333;
}

table.resultat {
  padding: 5px;
  margin: 4px auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-collapse: collapse;
  /* overflow: scroll; */
  width: 100%;
}
table.resultat th {
  position: sticky;
  top: 0;
  background: white;
  padding: 0.5em;
}

table.resultat td{
  border-left: 1px dotted grey;
  padding: 1em;
}

th {
  font-weight: bold;
}


tr div.survol {
  position: absolute;
  display: none;
  width: auto;
  height: auto;
}

tr:hover div.survol {
  position: absolute;
  color: #FFFFFF;
  display: block;
  background-color: #1A191B;
  z-index: 10;
  text-align: left;
  padding: 5px;
  opacity: 0.9;
}

tr:hover span p {
  padding: 0;
  margin: 0;
}

td.coche {
  width: 20px;
}

td.res_clair {
  color: #000;
}

#ligne_survol1, .ligne_survol1 {
  border-collapse: collapse;
  background-color: #ECECEC;
  padding: 5px;
}

#ligne_survol1:hover,
.ligne_survol1:hover,
.ligne_survol1:hover>td,
.ligne_survol1:hover>td>a {
  cursor: pointer;
  background-color: #F60;
  color: white;
}

#ligne_survol1:active, .ligne_survol1:active {
  background-color: #345;
}

#ligne_survol2, .ligne_survol2 {
  border-collapse: collapse;
  background-color: #F7F7F7;
  padding: 5px;
  margin: 0 0 1em 0;
}

#ligne_survol2:hover,
.ligne_survol2:hover,
.ligne_survol2:hover>td,
.ligne_survol2:hover>td>a {
  cursor: pointer;
  background-color: #F60;
  color: white;
}

#ligne_survol2:active, .ligne_survol2:active {
  background-color: #345;
}

#liste_tris {
  background-color: #FFFFFF;
  border: inset 1px #333333;
  font-size: 11px;
  font-weight: bold;
  overflow: scroll;
  width: 150px;
  height: 160px;
  vertical-align: top;
  text-align: left;
  padding: 3px;
  cursor: default;
}

#listeChamps {
  font-size: 11px;
  width: 150px;
  height: 160px;
  padding: 3px;
}

#listeEnumerations {
  font-size: 11px;
  width: 150px;
  height: 160px;
  padding: 3px;
}

#listeValeurs {
  font-size: 11px;
  width: 150px;
  height: 160px;
  padding: 3px;
}

.optioninamovible {
  color: #FF0000;
}

.majuscules {
  text-transform: uppercase;
}

.capitale {
  text-transform: capitalize;
}

.parti, .enterre {
  color: lightgrey;
  /*! border-left: solid 8px #FF0000; */
  padding-left: 4px;
}

.parti a, .enterre a {
  color: grey;
  text-decoration: none;
}

.perdue {
  color: grey;
  text-decoration-line: line-through;
}
.perdue::before{
  font-family: "Font Awesome 5 Free";
  content: "\f6e2";
  display: inline-block;
  /*! padding-right: 0.5em; */
  font-weight: 900;
  font-size: 1em;
}

.encours {
  color: green;
}
.encours::before{
  font-family: "Font Awesome 5 Free";
  content: "\f0b1";
  display: inline-block;
  /*! padding-right: 0.5em; */
  font-weight: 900;
  font-size: 1em;
}

.ouverte {
  color: #018EA9;
}
.ouverte::before{
  font-family: "Font Awesome 5 Free";
  content: "\f07c";
  display: inline-block;
  /*! padding-right: 0.5em; */
  font-weight: 500;
  font-size: 1em;
}

.termine {
  color: black;
  /*! border-left: solid 8px #018EA9; */
  /*! padding-left: 4px; */
}

.termine::before{
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  /*! padding-right: 0.5em; */
  font-weight: 900;
  font-size: 1em;
}


.attentesolde {
  color: #f96107;
  /*! border-left: solid 8px #018EA9; */
  /*! padding-left: 4px; */
}

.attentesolde::before{
  font-family: "Font Awesome 5 Free";
  content: "\f53d";
  display: inline-block;
  /*! padding-right: 0.5em; */
  font-weight: 900;
  font-size: 1em;
}


.contrat_renew_done{
   color: rgb(0, 0, 0, 0.33);

}
.contrat_renew_todo{
   color: rgb(0, 128, 0, 1);

}
.contrat_renew_notyet{

}

.contrat_renew_dead{
   color: rgb(0, 0, 0, 0.33);
}

.defaut {
  color: #000000;
  /* border-left: solid 8px #000000; */
  padding: 4px;
}

.defaut a {
  color: #000000;
  text-decoration: none;
}

.nicEdit-main {
  background: #FFF;
}


.deleteLigne:hover {
  cursor: pointer;
}

.ajoutLigne:hover {
  cursor: pointer;
}

.assist_calendar {
    display: inline-block;
    margin-right: 3em;
}
  #popup .TabContent .assist_calendar input[type="text"] {
    width: auto;
}
  #imgbt_assist1:hover {
    cursor: pointer;
  }

  #imgbt_assist2:hover {
    cursor: pointer;
  }

  #imgbt_assist3:hover {
    cursor: pointer;
  }

  #imgbt_assist4:hover {
    cursor: pointer;
  }

  #table_lignes_aff tr, #table_lignes_previ tr {
    margin-bottom: 1em;
    height: auto;
  }

.ligne_previ{
  display:flex;
  border-bottom: 1px dotted #ccc;
}
.ligne_previ_task{
  width: 15%;
  flex: auto;
}
.ligne_previ_desc{
  font-size: 0.8em; line-height: 1; padding-left: 1em; color:darkgrey;
}
.ligne_previ_add{
  /* width: 15%; */
  flex: auto;
}

.ligne_previ .assist_calendar {
  /* width: 15%; */
  flex: auto;
}
  .suivi_line {
    display: flex;
    flex-direction: row;
    margin: 0 0 1em 0;
    flex-wrap: wrap;
    padding: 1em;
    border: 1px dotted grey;
  }

  .suivi_move {
    flex: auto;
    width: 100%;
  }

  .suivi_col {
    flex: auto;
    width: 33%;
  }

  .suivi_line_desc {
    flex: auto;
    width: 100%;
  }

  .suivi_move, .ajLigne {
    display: none;
  }

  .calculateur {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }


  #div_recherche_affaire, #div_recherche_organisme, #div_recherche_personne,
  #div_recherche_suivi, #div_recherche_lien, #div_recherche_tache,
  #div_recherche_facture, #div_recherche_search {
    position: sticky;
    bottom: 0;
  }

  .form_recherche #BtRecherche {
    position: absolute;
    bottom: -1.5em;
    right: calc(50% - 100px);
    width: 100px;
  }

  .form_recherche .BtSecondaire {
    background-color: #FFF!important;
    border:1px solid #F60!important;
    height: auto;
    color: #F60!important;
  }


.form_recherche .BtSecondaire:hover {
  background-color: #F60;
  color :white;
}
.form_recherche .BtSecondaire:active {
  background-color: #345;
  border: 0px;
}

  .form_recherche fieldset {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* padding-right: 20%; */
  }
  .form_recherche .input {
    flex: auto;
    /* margin-right: 1em; */
    /* flex-grow: 0; */
  }
  .form_recherche .flex_wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 1;
  }

  .dashboard>#div_recherche_search {
    background-color: inherit;
  }
  .dashboard>#div_recherche_search label {
    color: inherit;
  }

  #div_recherche_search {
    height: auto;
    background-color: #F60;
    padding: 0.5em;
    text-align: center;

  }
  #div_recherche_search label {
    color: white;
  }
  #div_recherche_search input {
    width: 75%;
    padding: 0.5em;
  }

  #recherche_avance{
    display: flex;
  }

  #barre-top, #barretop {
    min-height: 47px;
    position: relative;
  }
  #barretop > h1 {
    color: white;
  }

  .labelcheckbox {
    display: inline-block;
    margin: 0 1em 0 0;
  }

  #croixRouge {
    color: #F60;
    font-size: 2.5em;
    padding: 0.25em;
    line-height: 1.6;
  }
  #croixRouge:hover {
    color: white;
    background: #F60;
  }
  #croixRouge:active {
    background: #345;
  }