#popup {
  background-color: #e6e6e6;
  border: 2px solid red;
  border-radius: 10px;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  padding: 20px;
  transform: translate(-50%, -50%);
  z-index: 99999;
}

.k-gantt-toolbar {
  display: none;
}

.k-gantt .k-treelist .k-grid-header .k-header {
  vertical-align: middle;
}

.k-grid .k-cell-inner > .k-link {
  display: inline-block;
  text-align: center;
}

.k-gantt .k-grid-header .k-header {
  text-align: center;
  vertical-align: middle;
  padding: 0px;
}

.k-task-single {
  background-color: #707070;
  height: 20px;
}

.k-task-single.k-state-selected {
  background-color: #ffaea8;
}

.k-task-single .k-task-complete {
  background-color: #444444;
  margin-top: 3px;
  margin-bottom: 3px;
}

.k-task-single.k-state-selected .k-task-complete {
  background-color: #ff6358;
}

.k-task-template {
  font-size: 12px;
  padding-left: 10px;
  padding-top: 2px;
}

.box-col {
  height: 32px;
  align-items: center;
}

.k-button-group > .k-button {
  width: 80px;
  height: 32px;
}

.block-bg-b0 {
  background-color: #9dc3e6;
}

.block-bg-b1 {
  background-color: #dae3f3;
}

.block-bg-b2 {
  background-color: #f8cbad;
}

.block-bg-b3 {
  background-color: #d9d9d9;
}

.wrapper {
  text-align: center;
}

.resource {
  font-size: 12px;
  font-weight: bold;
}

.block-icon {
  /* float: right; */
  font-style: italic;
}