@charset "UTF-8";

/* *** JQUERY GANTT *** */
.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* === LEFT PANEL === */
.fn-gantt .leftPanel .name {
  width: 10% !important;
}

.fn-gantt .leftPanel .desc {
  width: 90% !important;
}

.fn-gantt .leftPanel .name.fn-wide {
  width: 100% !important;
}

@media (max-width: 767px) {
  /* === BOTTOM NAVIGATION === */
  .fn-gantt .navigate {
    padding: 10px 0;
  }

  .fn-gantt .navigate .nav-slider {
    height: auto;
    display: block;
  }

  .fn-gantt .navigate .nav-slider-left,
  .fn-gantt .navigate .nav-slider-right {
    display: block;
    float: none;
  }

  .fn-gantt .navigate .nav-slider-content {
    width: auto;
    display: block;
    margin: 5px 0;
  }

  .fn-gantt .navigate .nav-slider-bar {
    width: 100%;
  }

  .fn-gantt .navigate .nav-prev-week,
  .fn-gantt .navigate .nav-prev-day,
  .fn-gantt .navigate .nav-next-day,
  .fn-gantt .navigate .nav-next-week {
    display: none;
  }

  .fn-gantt .navigate .nav-zoomIn {
    margin-left: 0;
  }
}

/* === RIGHT PANEL === */
.fn-gantt .bar .fn-progress {
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.1);
}