body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Rubik", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.date-expedition {
  background-color: red;
  width: 1px;
  min-height: 25px;
  top: -10px;
}

.b-grid-row .b-tree-cell.b-tree-parent-cell {
  color: rgba(0, 0, 0, 0.87);
}

i.b-icon.b-icon-tree-collapse::before {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
}

i.b-icon.b-icon-tree-expand::before {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
}

i.b-icon.b-icon-tree-leaf {
  color: rgba(0, 0, 0, 0.87);
}

.b-grid-row .b-grid-cell {
  font-weight: 400;
}

label.b-sch-label.b-sch-label-left {
  color: rgba(0, 0, 0, 0.87);
}

.icon-lock {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  margin-left: -15px;
  /*margin-bottom: 25px;*/
}

.icon-lock .lock-top-1 {
  width: 40%;
  height: 40%;
  position: absolute;
  left: 50%;
  margin-left: -20%;
  top: 14%;
  background-color: white;
  border-radius: 40%;
}

.icon-lock .lock-top-2 {
  width: 24%;
  height: 40%;
  position: absolute;
  left: 50%;
  margin-left: -12%;
  top: 22%;
  background-color: white;
  border-radius: 25%;
}

.icon-lock .lock-body {
  width: 60%;
  height: 48%;
  position: absolute;
  left: 50%;
  margin-left: -30%;
  bottom: 11%;
  background-color: white;
  border-radius: 15%;
}

.icon-lock .lock-hole {
  width: 16%;
  height: 16%;
  position: absolute;
  left: 50%;
  margin-left: -8%;
  top: 51%;
  border-radius: 100%;
  background-color: white;
}

.icon-lock .lock-hole:after {
  content: "";
  width: 43%;
  height: 78%;
  position: absolute;
  left: 50%;
  margin-left: -20%;
  top: 100%;
  background-color: inherit;
}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.row-clickable :not(.MuiDataGrid-cellCheckbox) {
  cursor: pointer;
}

.row-not-clickable {
  cursor: not-allowed;
}

.hachure-no-data {
  background-color: #808080;

  background-image: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #bbbbbb 1px, #f0f0f0 10px);

  color: transparent;
  text-align: center;
}

.mui-grid-highlight-grouping-row {
  background-color: rgba(64, 64, 64, 0.04);
  font-weight: 600;
}

.mui-grid-highlight-row {
  background-color: rgba(18, 122, 75, 0.52);
}

.mui-grid-highlight-yellow-row {
  background-color: #e3c24125 !important;
}

.mui-grid-highlight-orange-row {
  background-color: rgba(255, 120, 0, 0.45);
}

.mui-grid-highlight-red-row {
  background-color: rgba(255, 0, 0, 0.15);
}

.mui-grid-highlight-red-cell {
  background-color: rgba(255, 0, 0, 0.15);
}

.mui-grid-highlight-gray-row {
  background-color: rgba(182, 176, 176, 0.37);
}

.mui-grid-highlight-blue-row {
  background-color: rgba(2, 137, 209, 0.24);
}

.mui-grid-highlight-green-row {
  background-color: #eef4f1;
}

.mui-grid-highlight-dark-purple-row {
  background-color: #ce93d880;
}

.mui-grid-highlight-light-purple-row {
  background-color: #ce93d84d;
}

.mui-grid-highlight-purple-row {
  background-color: #f3e5f5;
}

.mui-grid-highlight-striped-row {
  background-color: #f2f2f2;
}

.mui-grid-red-text-cell {
  color: red;
}

.MuiChip-label {
  font-weight: 400 !important;
}

.row-grey-text {
  color: gray;
}

.allow-tooltip-on-disabled > * {
  pointer-events: auto;
}

.cell-error {
  background-color: rgb(126, 10, 15, 0.1);
  color: #d32f2f;
}

@keyframes animation-skeletonWithLessOpacity {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.7;
  }
}

.custom-settings-suggest-icon,
.b-icon.custom-settings-suggest-icon,
.b-icon.custom-settings-suggest-icon {
  width: 1.35em;
  height: 1.35em;
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
  background-color: currentColor;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTE3LjQxIDYuNTkgMTUgNS41bDIuNDEtMS4wOUwxOC41IDJsMS4wOSAyLjQxTDIyIDUuNWwtMi40MSAxLjA5TDE4LjUgOXptMy44NyA2LjEzTDIwLjUgMTFsLS43OCAxLjcyLTEuNzIuNzggMS43Mi43OC43OCAxLjcyLjc4LTEuNzJMMjMgMTMuNXptLTUuMDQgMS42NSAxLjk0IDEuNDctMi41IDQuMzMtMi4yNC0uOTRjLS4yLjEzLS40Mi4yNi0uNjQuMzdsLS4zIDIuNGgtNWwtLjMtMi40MWMtLjIyLS4xMS0uNDMtLjIzLS42NC0uMzdsLTIuMjQuOTQtMi41LTQuMzMgMS45NC0xLjQ3Yy0uMDEtLjExLS4wMS0uMjQtLjAxLS4zNnMwLS4yNS4wMS0uMzdsLTEuOTQtMS40NyAyLjUtNC4zMyAyLjI0Ljk0Yy4yLS4xMy40Mi0uMjYuNjQtLjM3TDcuNSA2aDVsLjMgMi40MWMuMjIuMTEuNDMuMjMuNjQuMzdsMi4yNC0uOTQgMi41IDQuMzMtMS45NCAxLjQ3Yy4wMS4xMi4wMS4yNC4wMS4zN3MwIC4yNC0uMDEuMzZNMTMgMTRjMC0xLjY2LTEuMzQtMy0zLTNzLTMgMS4zNC0zIDMgMS4zNCAzIDMgMyAzLTEuMzQgMy0zJz48L3BhdGg+PC9zdmc+")
    center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZD0nTTE3LjQxIDYuNTkgMTUgNS41bDIuNDEtMS4wOUwxOC41IDJsMS4wOSAyLjQxTDIyIDUuNWwtMi40MSAxLjA5TDE4LjUgOXptMy44NyA2LjEzTDIwLjUgMTFsLS43OCAxLjcyLTEuNzIuNzggMS43Mi43OC43OCAxLjcyLjc4LTEuNzJMMjMgMTMuNXptLTUuMDQgMS42NSAxLjk0IDEuNDctMi41IDQuMzMtMi4yNC0uOTRjLS4yLjEzLS40Mi4yNi0uNjQuMzdsLS4zIDIuNGgtNWwtLjMtMi40MWMtLjIyLS4xMS0uNDMtLjIzLS42NC0uMzdsLTIuMjQuOTQtMi41LTQuMzMgMS45NC0xLjQ3Yy0uMDEtLjExLS4wMS0uMjQtLjAxLS4zNnMwLS4yNS4wMS0uMzdsLTEuOTQtMS40NyAyLjUtNC4zMyAyLjI0Ljk0Yy4yLS4xMy40Mi0uMjYuNjQtLjM3TDcuNSA2aDVsLjMgMi40MWMuMjIuMTEuNDMuMjMuNjQuMzdsMi4yNC0uOTQgMi41IDQuMzMtMS45NCAxLjQ3Yy4wMS4xMi4wMS4yNC4wMS4zN3MwIC4yNC0uMDEuMzZNMTMgMTRjMC0xLjY2LTEuMzQtMy0zLTNzLTMgMS4zNC0zIDMgMS4zNCAzIDMgMyAzLTEuMzQgMy0zJz48L3BhdGg+PC9zdmc+")
    center/contain no-repeat;
}

.custom-settings-suggest-icon {
  margin-right: 8px;
}

.bg-disponibilite-greater {
  background-color: #66bb6a !important;
}

.bg-disponibilite-equal {
  background-color: #ff9800 !important;
}

.bg-disponibilite-less {
  background-color: #ef534f !important;
}
.alert-list-item-container {
  border-bottom: 1px #efefef solid;
}

.alert-list-item:hover,
.alert-list-task-item:hover {
  background-color: #fedbdb;
}

.alert-list-task-item:not(:hover) .goto-icon-button {
  display: none;
}

.alert-list-task-item:hover .goto-icon-button {
  display: inline-flex;
}
.common-scheduler .b-grid-header.b-sch-timeaxiscolumn-levels-2 .b-sch-timerange {
  /*Give a small/better looking Time Range */
  bottom: -2px;
  height: 23%;
}

.common-scheduler .b-sch-header-row:last-child .b-sch-header-timeaxis-cell {
  /*Give some space in header to show the timeRangeFlag */
  border-bottom: none;
  padding-bottom: 16px;
}

.common-scheduler .b-chartjslinechart {
  /* Css to place correctly whe char */
  position: absolute;
  bottom: -2px;
  left: 0;
  display: none !important;
  z-index: 5;
}

.common-scheduler .b-grid-header-text {
  /* Column Header */
  justify-content: center;
}

.common-scheduler *:not(a) {
  /* remove hand cursor */
  cursor: default !important;
}

.b-gridbase.b-split .b-grid-splitter:not(.b-disabled) {
  display: none;
}

.common-scheduler .b-grid-cell.b-focused:after {
  /*Remove style on selected cell */
  display: none;
  position: inherit;
}

.common-scheduler * {
  background-image: initial !important;
}

.common-scheduler
  .b-gridbase:not(.b-moving-splitter)
  .b-grid-row:not(.b-group-row).b-hover
  .b-grid-cell:not(.b-focused) {
  background-color: #fff;
}

.common-scheduler /*Column header */
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering)
.b-grid-header-container:not(.b-dragging-header)
.b-depth-0:hover {
  background-color: inherit;
}

.common-scheduler .b-horizontaltimeaxis .b-sch-header-timeaxis-cell:hover {
  /* Header time axis */
  background-color: inherit;
}

.common-scheduler
  .b-gridbase:not(.b-column-resizing):not(.b-row-reordering)
  .b-grid-header-container:not(.b-dragging-header)
  .b-depth-0:hover,
.b-gridbase:not(.b-column-resizing):not(.b-row-reordering)
  .b-grid-header-container:not(.b-dragging-header)
  .b-depth-0:focus {
  background-color: inherit;
}

.common-scheduler .b-grid-row.b-selected {
  background-color: inherit;
}

.common-scheduler .b-grid-body-container:focus .b-grid-row.b-selected {
  background-color: inherit;
}

.common-scheduler .b-gridbase:not(.b-moving-splitter) .b-grid-row:not(.b-group-row).b-hover .b-grid-cell {
  background-color: inherit;
}

.b-sch-event.expedition-line {
  width: 5px;
  background-color: black;
}

.common-scheduler .b-grid-header-text {
  white-space: normal;
  padding: 1.3em 0 0 0;
}

.common-scheduler .b-grid-header-text-content {
  word-break: break-word;
  width: fit-content;
  text-align: center;
}

.common-scheduler .piece-advancement-scheduler .b-grid-header-text-content {
  font-size: 14px;
}

.common-scheduler .piece-advancement-scheduler .b-sch-header-text {
  font-size: 14px;
}

.common-scheduler .b-grid-cell {
  white-space: normal;
}

.common-scheduler .b-sch-event-wrap:not(.b-milestone-wrap).b-active .b-sch-event {
  /*Event selection */
  outline: none !important;
}

.b-sch-event-wrap.full-size-event.expedition-flag-container .b-sch-event-content {
  width: 100%;
  height: 100%;
  margin: 0;
}

.common-scheduler .b-grid-header .b-sch-timerange.b-sch-current-time {
  background-color: #fab005;
}

.common-scheduler .b-timeline-subgrid .b-sch-current-time {
  border-left-color: #fab005;
  border-left-style: dashed;
}

.common-scheduler .b-timelinebase:not(.b-sch-vertical) .b-timeline-subgrid .b-sch-line {
  z-index: 30;
}

.common-scheduler .b-grid-row {
  border-bottom: none;

  &::after {
    content: " ";
    z-index: 1000;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
    border-top: none;
  }
}

.common-scheduler .b-widget {
  font-family: Rubik, sans-serif;
}.wood-volume-summary .event-font-style {
  font-size: 16px;
  font-family: Rubik, sans-serif;
  color: rgb(26, 26, 26);
  font-weight: 400;
  align-items: center;
}

.wood-volume-summary .b-sch-dirty {
  justify-content: center;
}

.wood-volume-summary .b-columnlines .b-grid-cell:not(:last-child) {
  border: none;
}

.wood-volume-summary .summary-header::before {
  content: " ";
  z-index: 1000;
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.12);
  border-top: none;
}

.wood-volume-summary .b-sch-event-wrap.summary-header::before {
  height: 1px;
}

.wood-volume-summary .b-sch-event {
  justify-content: center;
}
.station-row {
  color: #808080;
}
.planification-scheduler-wrapper {
    border: #C4C4C4 solid 1px;
    border-radius: 4px;
    display: flex;
    flex-grow: 1;
}

.planification-scheduler {

    .b-sch-resourcetimerange {
        background-color: #c2c0c0;
    }

    .planification-sch-event {
        .b-sch-event {
            border-radius: 4px;
            overflow: hidden !important;
            padding: 0;
        }

        .b-sch-event-content {
            font-family: "Rubik", serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 150%;
            margin-left: 4px;
            margin-top: 4px !important;

            .progress-row {
                padding-top: 8px;
                display: flex;
                align-items: center;
            }
        }
    }

    .planification-sch-event-red-border {
        .b-sch-event {
            border-right: 4px solid #ff0000;
        }
    }

    .b-grid-header.b-depth-0 {
        padding: 0;
    }

    .b-grid-header-container {
        border-bottom: #E0E0E0 solid 1px;
    }

    .b-column-line, .b-column-line-major, .b-resource-column-line {
        border-color: #E0E0E0;
    }

    .b-resource-non-working-time-canvas {
        z-index: -1;
    }

    .b-resourceheader-cell {
        border-right: #E0E0E0 solid 1px;

        .b-resource-name {
            color: #212121;
            font: 14px "Rubik", serif;
            font-weight: 500;
            overflow: hidden;
            padding: 0 6px;
            text-overflow: ellipsis;
        }
    }

    .b-verticaltimeaxis {
        width: 84px !important;
    }

    .b-sch-header-timeaxis-cell {
        align-content: center;
        border-top: #E0E0E0 solid 1px;
        color: #212121;
        flex-wrap: wrap;
        font: 14px "Rubik", serif;
        font-weight: 500;
        justify-content: left;
        padding: 8px !important;
    }

    &.planification-scheduler-weekly {
        .b-sch-header-row-0 {
            flex: auto !important;
            width: 100% !important;
        }

        .b-sch-header-row-1 {
            display: none !important;
        }
    }

    .b-grid-subgrid-locked {
        border-bottom: #E0E0E0 solid 1px;
    }

    .daily-day-cell {
        border-right: #E0E0E0 solid 1px !important;
    }

    .daily-hour-cell {
        justify-content: start !important;
        padding-left: 4px !important;

        .b-sch-header-text {
            margin-top: 0 !important;
        }
    }

    .weekly-day-cell .b-sch-header-text {
        transform: none !important;
        writing-mode: unset !important;
    }

    .b-timeranges-header-canvas {
        .b-sch-timerange {
            display: none;
        }
    }

    .b-timeranges-body-canvas {
        .b-sch-timerange {
            border-top: #666666 dashed 2px !important;
        }
    }

    path.b-sch-dependency:not(.b-highlight) {
        visibility: hidden;
    }
}

.planification-sch-event-card-tooltip {
    border-radius: 6px !important;

    .b-tooltip-body-wrap {
        background-color: #717171 !important;
    }

    .b-panel-content {
        margin-bottom: 4px !important;
        margin-top: 4px !important;
        padding: 8px 12px !important;
    }

    .event-card-tooltip {
        font-family: "Rubik", serif;
        line-height: 120%;

        table {
            font-size: 14px;
            margin-top: 16px;

            tr td:first-child {
                font-weight: bold;
                min-width: 180px;
                padding-right: 30px;
            }
        }

        .surplus-recalcules {
            background-color: #616161;
            border-radius: 6px;
            margin-top: 16px;
            padding: 16px;

            span {
                align-items: center;
                display: flex;
                gap: 12px;
            }
        }
    }
}

.scheduler-grid-proxy {
    background-color: #C8E6C9;
    border: solid 1px #4CAF50;
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    font-family: Rubik, serif;
    font-size: 15px;
    font-weight: 400;
    min-width: 200px;
    max-width: 250px;
    min-height: 130px;
    padding: 12px !important;
    width: auto !important;

    &.b-drag-unified-animation {
        display: none;
    }

    &.planification-scheduler-invalid-drag {
        background-color: #FFFFFF;
        border: solid 1px #D0D0D0;

        &.b-aborting:not(.b-drag-main) {
            display: none;
        }
    }
}

.planification-scheduler-grid {
    .b-grid-body-wrap {
        border-left: solid 1px #C4C4C4;

        .b-grid-header-container {
            border-bottom: solid 1px #E0E0E0;
        }

        .b-grid-row {
            border-bottom: solid 1px #E0E0E0;

            &.b-group-row {
                border-bottom: solid 1px #E0E0E0;
                font-size: 14px;
                font-weight: 500;
                padding-left: 10px;
            }

            .b-grid-cell {
                width: 100% !important;
            }
        }
    }

    .b-yscroll-pad {
        display: none !important;
    }

    .b-grid-header.b-level-0 {
        height: 48px;
        padding-right: 10px;

        .b-grid-header-text {
            justify-content: flex-end;
        }
    }

    .b-sch-event-wrap {
        width: 100%;
    }

    .grid-list-card {
        display: grid;
        font-family: Rubik, serif;
        font-size: 14px;
        font-weight: 400;
        grid-template-columns: repeat(2, 220px);
        line-height: 24px;
        margin-left: 8px;
        min-width: 0;

        div {
            margin-right: 4px;
            overflow: hidden;
            text-overflow: ellipsis;

            span:first-child {
                color: #757575;
            }
        }
    }
}