.tp {
    position: relative;
    display: inline-block;
    padding-left: 0.333em;
  }
  .tp .tt {
    visibility: hidden;
    background-color: rosybrown;
    color: white;
    border-radius: 7px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
  }
  .tp:hover .tt {
    visibility: visible;
    font-size: 1.0vmax;
    top: -25px;
    /* right: 115%; */
    white-space: nowrap;
  }

  .tph {
    position: relative;
    display: inline-block;
    padding-left: 0.333em;
  }
  .tph .tth {
    visibility: hidden;
    background-color: rosybrown;
    color: white;
    border-radius: 7px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
  }
  .tph:hover .tth {
    visibility: visible;
    font-size: 1.0vmax;
    top: 25px;
    /* right: 115%; */
    white-space: nowrap;
  }    

  .tpl {
    position: relative;
    display: inline-block;
    padding-left: 0.333em;
  }
  .tpl .ttl {
    visibility: hidden;
    background-color: rosybrown;
    color: white;
    border-radius: 7px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
  }
  .tpl:hover .ttl {
    visibility: visible;
    font-size: 1.0vmax;
    /* top: -15px; */
    /* right: 115%; */
    right: 100%;      
    white-space: nowrap;
  }

  .tpr {
    position: relative;
    display: inline-block;
    padding-left: 0.333em;
  }
  .tpr .ttr {
    visibility: hidden;
    background-color: rosybrown;
    color: white;
    border-radius: 7px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
  }
  .tpr:hover .ttr {
    visibility: visible;
    font-size: 1.0vmax;
    /* top: -15px; */
    /* right: 115%; */
    left: 100%;      
    white-space: nowrap;
  }    

  /* #slonik_background {
    background-image: url({% static "myimg/impression.jpg" %});
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    } */



  /* :root { */

    /* --color: green; */
    /* --top: 1.3vmax; */
    /* --top: 20.25pt;       */
  /* } */

  #formBlancBody tr:first-child>td{
  position: sticky;
  top: 0;
  background-color: rgb(158, 201, 133);
  /* background-color: var(--color); */
  }


  #divBlancModal {
    max-width: unset;
    margin: unset;
    padding-top: var(--top);
    max-width: 100%;
  }

  .password {
    position: relative;
  }
  .password-control {
    position: absolute;
    top: 11px;
    right: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background: url(/view.svg) 0 0 no-repeat; */
    background-image: url({% static "myimg/slonik.ico" %});
  }
  .password-control.view {
    /* background: url(/no-view.svg) 0 0 no-repeat; */
    background-image: url({% static "myimg/slonik.ico" %});
  }

  input.valid {
    border-color: #28a745;
    padding-right: 30px;
    /* background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR2-0-tdMgUcj4LMrtAfUkfQfYhAXgBqn2OjjYgjVUJoMQOy99BjIbzqEYyd0x32xpBDEY&usqp=CAU'); */
    background-image: url({% static "myimg/no-view.svg" %});
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right center;
  }