.literyzjs-project {

  .project-planner {
    border-spacing: 0px;
    border-collapse: separate;
    cursor: default;
    padding: 0px 0px 30px 0px;
    width: 100%;

    .b {
      font-weight: bold;

      input[type="text"] {
        font-weight: bold;
      }
    }

    .c {
      text-align: center;
    }

    .i {
      display: inline-block;
      width: 20px;
    }

    thead {
      tr {
        font-weight: bold;
        font-size: 0.8em;
        user-select: none;
        height: 40px;
        text-align: center;
        vertical-align: bottom;

        th {
          background-color: #E1E1E1;
          border-color: #B8B8B8;
          border-style: solid;
          border-width: 0px 0px 1px 1px;
          color: #3E7138;
          margin: 0px;
          padding: 6px 10px 5px 10px;
          min-width: 20px;
        }

        th:first-child {
          background-color: inherit;
          border-left-width: 0px;

        }

        th:last-child {
          border-right-width: 1px;
        }

      }
    }

    tbody {
      tr {
        input[type="text"] {
          background: none;
          border: none;
          cursor: default;
          font-family: inherit;
          font-size: inherit;
          margin: 0px;
          padding: 0px;
          width: auto;
        }

        td {
          border-color: #B8B8B8;
          border-style: solid;
          border-width: 0px 0px 1px 0px;
          margin: 0px;
          overflow: hidden;
          padding: 5px 5px 5px 5px;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        td:first-child {
          border-right-width: 1px;
          color: #7E7E7E;
          font-size: 0.8em;
          text-align: center;
          user-select: none;
        }

        td:last-child {
          border-right-width: 1px;
        }

      }

      tr:hover {
        td:first-child {
          background-color: #D1F2C7;
          color: #3E7138;
          font-weight: bold;
        }

        td:not(:first-child) {
          background-color: rgba(233, 237, 239, 0.8);
        }

      }

      tr:nth-child(odd) {
        background-color: rgba(233, 237, 239, 0.3);
      }

    }

  }


  .gantt-chart {
    border-color: #B8B8B8;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    scrollbar-width: thin;
    scrollbar-color: #CDCDCD #F0F0F0;
  }

  .gantt-chart.scroll-x {
    overflow-x: scroll !important;
  }

}