@charset "UTF-8";

.titre {
  text-align: center;
 /* border-right: 1px solid #dee2e6;*/
  color: #fff;
  padding: 0 5px; 
}

:root {
  --main1-bg-color: #E70303;
  --main2-bg-color: #7030A0;
  --main3-bg-color: #FF8A15;
}

.titre1 {
  background-color: var(--main1-bg-color);
}
.gant1-week {
  background-color: var(--main1-bg-color);
}
.gant1-date {
  background-color: var(--main1-bg-color);
}
.gant1-day {
  background-color: var(--main1-bg-color);
}

.titre2 {
  background-color: var(--main2-bg-color);
}
.gant2-week {
  background-color: var(--main2-bg-color);
}
.gant2-date {
  background-color: var(--main2-bg-color);
}
.gant2-day {
  background-color: var(--main2-bg-color);
}

.titre3 {
  background-color: var(--main3-bg-color);
}
.gant3-week {
  background-color: var(--main3-bg-color);
}
.gant3-date {
  background-color: var(--main3-bg-color);
}
.gant3-day {
  background-color: var(--main3-bg-color);
}


.Gantt-dates {
  display:flex;
}
  /*
.Gantt-date {

width:18px !important;
}
*/

  .Gantt-month {
    border-right: 1px solid #dee2e6;
    background-color: #343a40;
    color: #fff;
    padding: 0 10px; 
  }
  .Gantt-month:last-child {
    border-right: 0; 
  }
  .Gantt-week {
    border-right: 1px solid #dee2e6;
    color: #dee2e6;
    padding: 0 5px; 
  }
  .Gantt-week:last-child {
    border-right: 0; 
  }
  
  

  .Gantt-date {
    font-size: 9px;
    border-right: 1px solid #dee2e6;
    color: #fff;
    text-align: center; 
  }
  .Gantt-date:last-child {
    border-right: 0; }

  .Gantt-date.today {
      background-color: #ffc107; 
  }
  .Gantt-day {
    display: none;
    border-right: 1px solid #dee2e6;
    color: #dee2e6;
    text-align: center; 
  }
  .Gantt-day:last-child {
    border-right: 0; 
  }
  .Gantt-day.today {
    background-color: #ffc107; 
  }
  .Gantt-col {
    border-right: 1px solid #eef1f2; 
  }
  .Gantt-col:last-child {
      border-right: 0; 
  }
  .Gantt-col.today {
      background-color: #ffc107; 
  }
  .Gantt-col.nwd {
      background-color: #f5f5f5;
  }
  .Gantt-row {
    border-bottom: 1px solid #dee2e6; 
  }
  .Gantt-event {
    overflow:visible;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    /*background: #17a2b8;*/
    color: #fff;
    padding: 0 10px; 
  }
  .Gantt-event a {
      display: block; 
      color: #fff;
      text-decoration: none; 
  }

  .nouveau::after {
    content: "Nouveauté";
    background-color: #fff;
    position:absolute;
    color : #ee3312;
    border: 1px solid #ee3312;
    transform: rotate(-15deg);
    overflow: visible;
    top: -8px;
    right: -70px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .new::after {
    content: "New";
    background-color: #fff;
    position:absolute;
    color : #ee3312;
    border: 1px solid #ee3312;
    transform: rotate(-15deg);
    overflow: visible;
    top: -8px;
    right: -40px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

  .novedades::after {
    content: "Novedades";
    background-color: #fff;
    position:absolute;
    color : #ee3312;
    border: 1px solid #ee3312;
    transform: rotate(-15deg);
    overflow: visible;
    top: -8px;
    right: -70px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .nuovo::after {
    content: "Nuovo";
    background-color: #fff;
    position:absolute;
    color : #ee3312;
    border: 1px solid #ee3312;
    transform: rotate(-15deg);
    overflow: visible;
    top: -8px;
    right: -50px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }