/* DOC */
.doc-container {
  display: grid;
  grid-template-columns: repeat(var(--nb-columns, 3), 1fr);
  gap: var(--gap, 20px);
  padding: 0 10px;
}
.doc-container > * {
  min-height: var(--min-row-height, 200px);
  border-radius: 20px;
  padding: 20px;
  color: white;
  background-color: slategrey;
}

.doc-container > * > .header {
  text-align: center;
  font-size: x-large;
  display: block;
}

.doc-container > * > .content {
  text-align: justify;
  margin-top: 20px;
  display: block;
}
/* FIN DOC*/


 /* Help shortcut */
 .p4-menu .p4-grid-container .p4-grid-class-button.p4-grid-class-Help {
      background-color: #00a7eb;
      border-color: #00a7eb

 }

/* Tab tuto / page */

/*.p4-tab-details .help-buttons {
    position: absolute;
    right:20px;
    top: -9px;
    display:flex;
    gap:4px;
    z-index: 1001;
}

.p4-tab-details .help-buttons > a{
    display:flex;
    align-items: center;
    justify-content:center;
    width:22px;
    height:20px;
    border-radius:50%;
    text-decoration:none;
    font-family:"Font Awesome 6 Pro";
    font-weight:500;
    font-size:12px;
    font-style: normal;
    color: white;
}

.help-buttons > a.tuto::before {
    content:"\3f";
    margin-top: 1px;
}

.help-buttons > a.tuto {
    background-color: #00a6eb;
}

.help-buttons > a.page {
    background-color: var(--text-page);
}

.help-buttons > a.page::before {
    content:"\f5db";
    margin-top: 1px;
}

.help-buttons > a.page.arco::before {
    content:"\f82d";
}

.p4-tab-details:has(.help-buttons) {
    top: -20px;
    height: 0px;;
    padding: 0px;    
    border: none;
}*/

.p4-tab-details .help:not(.no-text) {
    display: grid;
    grid-template-columns: 1fr auto;
}

.p4-tab-details .help.no-text .buttons {    
    position: absolute;
    right:20px;
    top: -9px;
    display:flex;
    gap:4px;
    z-index: 1001;
}



.p4-tab-details:has(.no-text) {
    top: -20px;
    height: 0px;;
    padding: 0px;    
    border: none;
}

.p4-tab-details:has(.no-text) + .p7y-tab-eval {
    margin-top: -2px;
}

.p4-tab-details .buttons > a {
    display:flex;
    align-items: center;
    justify-content:center;
    width:22px;
    height:20px;
    border-radius:50%;
    text-decoration:none;
    font-family:"Font Awesome 6 Pro";
    font-weight:500;
    font-size:12px;
    font-style: normal;
    color: white;
}

.help .buttons > a.tuto::before {
    content:"\3f";
    margin-top: 1px;
}

.help .buttons > a.tuto {
    background-color: #00a6eb;
}

.help .buttons > a.page {
    background-color: var(--text-page);
}

.help .buttons > a.page::before {
    content:"\f5db";
    margin-top: 1px;
}

.help .buttons > a.page.arco::before {
    content:"\f82d";
}

/* Checklists */

table.p7y-checklist td,
table.p7y-checklist th {
  padding:5px;
}

table.p7y-checklist td:nth-child(3),
table.p7y-checkilist th:nth-child(3) {
  font-size: 0.9em;
}