.crop-calendar .nav-content {
  overflow: hidden;
}

.crop-calendar .nav-content-wrapper {
  border-radius: 16px;
}

#year_start_crop-ts-dropdown {
  width: 85px !important;
}

#cc-type-select-ts-dropdown {
  width: 115px !important;
}

.crop-calendar .chip .ts-control {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.crop-calendar .nav-tabs {
  width: auto !important;
  min-width: 0 !important;
  margin-left: -12px !important;
}

.crop-calendar .nav-tabs .tabs-list li button {
  white-space: nowrap !important;
  font-size: 32px !important;
}

.cc-chart-loading {
  display: none;
}

.cc-chart-loading.is-loading {
  display: flex !important;
}

.cc-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #FACE27;
  border-radius: 50%;
  animation: cc-spin 0.7s linear infinite;
}

@keyframes cc-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 576px) {
  .crop-calendar .filterbar-nav {
    width: 100%;
  }

  .crop-calendar .unit-number[data-cc-total] {
    font-size: 36px !important;
  }

  .crop-calendar .unit-label {
    font-size: 36px !important;
  }

  .crop-calendar .unit-row {
    flex-wrap: wrap;
  }
}