/* 	Complement de style */

/*- Balise de couleur pour text------------------------------------- */
    txtred 		{ color: #FF0000; }
    txtredbold 	{ color: #FF0000; font-weight: bold; }
    txtgris		{ color: #EAECEE; }
    txtgrisbold	{ color: #EAECEE; font-weight: bold; }
    txtgreen	{ color: #1abc9c; }
    txtgreenbold{ color: #1abc9c; font-weight: bold; }
    txtblue	    { color: #3498db; }
    txtbluebold { color: #3498db; font-weight: bold; }

/*- Zone autocomplétion (Affichage des suggestions d'élève) -------- */
    #suggestions {
      border: 1px solid #ccc;
      max-height: 300px;
      overflow-y: auto;
      position: absolute;
      background-color: white;
      width: 100%;
      z-index: 10;
    }
    .suggestion {
      padding: 10px;
      cursor: pointer;
    }
    .suggestion:hover {
      background-color: #f0f0f0;
    }
    .autocomplete-wrapper {
      position: relative;
    }
    .autocomplete-wrapper .search-icon {
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      color: #888;
      pointer-events: none;
      font-size: 14px;
      z-index: 5;
    }
    .autocomplete-wrapper input[type="text"] { /* Décale le texte dans l'input pour laisser place à l'icône */
      padding-left: 30px; /* espace pour l'icône */
      box-sizing: border-box;
    }

/*- CSS pour tableau de recherche liste eleve*/
    table.dataTable tbody tr {
      cursor: pointer;
    }