.nav-tabs {
  background: #e6e9ed;
}

.tab-content {
  border: 1px solid #e6e9ed;
  border-top: none;
}

.publish-container {
  padding: 8px;
}

.publish {
  background: #f5f7fa;
  padding: 12px;
  border: 1px solid #e6e9ed;
}

.publish-content {
  border: 1px solid #e6e9ed;
  background: #fff;
  padding: 4px;
  border-radius: 4px;
}

/*
 *
 */

.shadow-1 {
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
}

/*
 * SPRING
 */
.sprint {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  height: 100vh;
  background: #999;
}

.sprint .column {
  margin: auto;
  margin-top: 4px;
  width: 24%;
  height: 200px;
  float: top;
  background: #fff;
  border-radius: 4px;
  padding: 8px;
}

.sprint .column .item header {
}

.sprint .column .item header {
}

.calendar_row {
  display: flex;
}

.calendar_col {
  min-width: 128px;
}
.calendar_day {
  height: 1536px;

  border: none;
  position: relative;
}
.calendar-event {
  position: absolute;
  left: 4px;
  width: Calc(100% - 8px);
  background: #525f7c;
  border-radius: 8px;
  height: 240px; /* */
  top: 120px; /* */
}
/** KANBAN */
.kanban {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  align-content: flex-start;
  background: #999;
  gap: 8px;
  padding: 8px;

  .column {
    flex: 1;
    margin: auto;
    margin-top: 4px;
    min-height: 200px;
    float: top;
    background: #fff;
    border-radius: 4px;
    padding: 8px;
    align-items: stretch;

    .kanban-column-header {
      font-size: 12pt;
      background-color: #525f7c;
      padding: 0.25rem;
      border-radius: 0.25rem;
      color: #fff;
    }
    .item {
      margin: 4px;
      border-radius: 4px;
      padding: 8px;
      background: #525f7c;
      color: #fff;

      .item-header {
        font-weight: bold;
      }
      .item-content {
        margin-top: 4px;
      }
      .item-footer {
        .item-footer-item {
          display: flex;
          flex-flow: row wrap;
          align-items: flex-start;
          align-content: flex-start;
        }
      }
    }
  }
}