@font-face {
  font-family: "latoBold";
  src: url("../font/Lato-Bold.ttf");
}
body {
  font-family: latoBold, sans-serif;
  background-color: #ededed;
}

@media only screen and (max-width: 1000px) {
  body {
    font-size: 1.3em;
  }
}
#scoreboard-licorne {
  z-index: -1;
  opacity: 0.4;
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}

.score-licorne {
  position: absolute;
  transform: translate(-50%);
  width: 5.5ch;
  color: #ededed;
  background-color: var(--gray-dark);
}

.score-licorne::before {
  content: "";
  position: absolute;
  left: 50%;
  height: 100vh;
  width: 2px;
  transform: translate(-50%, -100%);
  background-color: var(--gray-dark);
}

#score-game {
  font-size: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4ch;
  color: #ededed;
  background-color: var(--bq);
}

#score-game.delay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid var(--bq);
  height: 50vh;
  transform: translate(0, -100%);
}

#score-game.delay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--bq);
  height: 50vh;
  transform: translate(0, -100%);
  animation: 60s linear 0s forwards fill-score;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
          clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

@keyframes fill-score {
  from {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
.taskBox {
  height: 24px !important;
  line-height: 24px;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.tickBox {
  flex: 0 1 33%;
}

.roomBox {
  height: 24px !important;
  line-height: 24px;
}

.bordered-taskcase {
  position: relative;
}

/* .bordered-taskcase::before {
  content: attr(data-room);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 8px;
} */
.bordered-taskcase::after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border: 1px solid #666666;
  pointer-events: none;
}

.tickico {
  line-height: 15px;
  font-size: 15px;
}

.hasCom {
  position: relative;
}

.hasCom::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0px;
  width: 10px;
  height: 10px;
  background-color: #3a9d8b;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  pointer-events: none;
}

.task-column {
  width: 17%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.task-column:not(:last-child) {
  border-right: 2px solid black;
}

.task-column .taskBox:hover {
  cursor: pointer;
  background-color: #d5d5da;
}

.rooms-column {
  width: 15%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sml.separate {
  border-top: 2px solid black;
}

.alertesStocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
}

.alerteStock {
  width: 18em;
  height: 3em;
  border: 2px solid var(--color);
  position: relative;
}

.alerteStock > .amount {
  height: 100%;
  aspect-ratio: 1;
  border-left: var(--color) 2px solid;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alerteStock > .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 15em;
  height: 100%;
}

.alerteStock > .content > .details {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1em;
  border-bottom: var(--color) 2px solid;
}

.alerteStock > .content > .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 50%;
}

@media (max-width: 1199.98px) {
  .task-column {
    width: 17%;
  }
  .rooms-column {
    width: 15%;
  }
}
@media (max-width: 991px) {
  .task-column {
    width: 28%;
  }
  .rooms-column {
    width: 16%;
  }
  .task-column-3 {
    display: none;
  }
  #rooms-column-2 {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .task-column {
    width: 40%;
  }
  .rooms-column {
    width: 20%;
  }
  .task-column-0 {
    display: none;
  }
  #rooms-column-2 {
    display: none;
  }
}
.notif-modal-container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: 400px;
}

.notif-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .5em;
}

.notif-modal-title {
  font-weight: 800;
}

.notif-lines {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.notif-line {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none !important;
  border-radius: 5px;
  padding: 8px 16px 6px 16px;
  border-radius: 5px;
  background-color: #f5f5f5;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-decoration: none !important;
  --c: rgba(0, 0, 0, 0);
  --f: solid;
  border-left: var(--c) 6px var(--f);
}

.notif-line:hover {
  background-color: #e5e5e5;
}

.notif-line-title {
  width: 100%;
  color: #000;
  font-weight: bold;
}

.notif-line-date {
  text-align: right;
  width: 100%;
  color: #666666;
  font-size: 12px;
  color: #999;
}

.notif-line-remove {
  position: absolute;
  right: 4px;
  top: 4px;
}

.notif-line-icons {
  position: absolute;
  left: 1em;
  bottom: 2px;
}

.generalInformationModal {
  padding: 1em;
  background-color: #fff;
  border-radius: 5px;
  border: #000 1px solid;
  width: 80vw;
  height: 80vh;
}

.comment-action-icons {
  display: none;
}

.comment-item:hover .comment-action-icons {
  display: block;
}

.comment-action-icons > a {
  color: gray !important;
}

.comment-action-icons > a:hover {
  color: #fd7038 !important;
}

#trombi-container .user-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
#trombi-container .user-cards .user-card {
  background-color: #fff;
  border-radius: 0.5em;
  border: 1px solid #bbb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 16.5em;
  width: 12em;
}
#trombi-container .user-cards .user-card .user-card-img {
  width: 100%;
  aspect-ratio: 1;
}
#trombi-container .user-cards .user-card .user-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#trombi-container .user-cards .user-card .user-card-body {
  padding: 0.2em;
  position: relative;
}
#trombi-container .user-cards .user-card .user-card-body .user-card-title {
  font-weight: bold;
  line-height: 1em;
}
#trombi-container .user-cards .user-card .user-card-body .user-card-subtitle {
  font-size: 0.7em;
  line-height: 1em;
  opacity: 0.8;
}
#trombi-container .user-cards .user-card .user-card-body .user-card-text {
  line-height: 1em;
}
#trombi-container .user-cards .user-card .user-card-body .user-card-function {
  position: absolute;
  line-height: 1em;
  right: 0.2em;
  top: 0.2em;
  color: #fd7038;
  font-size: 0.8em;
}

.modifiable-reviewcomment input {
  background-color: transparent;
}
.modifiable-reviewcomment input:focus {
  background-color: #fff;
}/*# sourceMappingURL=general.css.map */