/* Style the header */
.header {
  padding: 10px 16px;
  z-index: 1;
  margin-left: -2px;
  background-color: white;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

/* Truncate les champs trop longs */
.dt-info {
  /* max-width:75px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Couleur des boutons expanded */
a.btn[aria-expanded="true"] {
  background-color: gray;
  border-color: black;
}
div.menu-button {
  line-height: 2.5;
}
div.menu-button:first-line {
  line-height: 1;
}

.container {
    /* padding: 0px; */
    padding-top: 15px;
}

/* Module de signature */
.sign-row {
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #ececec;*/
  padding-bottom: 10px;
  overflow: hidden;
}
.flex-row {
  display: flex;
}
.wrapper {
  border: 1px solid #007bff;
  border-radius: 5px;
  border-right: 0;
}
canvas#signature-pad {
  background: #fff;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}
button#clear {
  height: 100%;
  background: #4b00ff;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
button#clear span {
  transform: rotate(90deg);
  display: block;
}
button#sign {
  height: 100%;
  background: #007bff;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
button#sign span {
  transform: rotate(90deg);
  display: block;
}

/* Module enregistrement */
@-webkit-keyframes rotating {
  from{
      -webkit-transform: rotate(0deg);
  }
  to{
      -webkit-transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
}

/* Truncate les champs trop longs */
.truncate {
  max-width:75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}