/* 
  Extra large devices (less than 1400px)
*/
@media (max-width: 1399px) {
}

/* 
  Large devices (less than 1200px)
*/
@media (max-width: 1199px) {
  .sidebar {
    position: fixed;
    z-index: 9999;
    transform: translateX(-300px);
    transition: all 0.4s;
  }
  .sidebar.active {
    transform: translateX(0);
  }
}

/* 
  Medium devices (less than 992px)
*/
@media (max-width: 991px) {
  .dashboard {
    padding: 24px;
  }
  .event-calendar {
    margin-right: -24px;
  }
  .mc-calendar__wrapper {
    margin-right: -24px;
    padding-right: 24px;
  }
  .calendar__container {
    margin-inline: -24px;
    padding-inline: 24px;
  }
  .pickup__table-wrapper {
    margin-right: -24px;
    padding-right: 24px;
  }
}

/* 
  Small devices (less than 768px)
*/
@media (max-width: 767px) {
  .toast-container {
    padding-inline: 16px;
  }
  .dashboard__nav-link {
    font-size: 14px;
  }
  .dashboard__widget {
    padding: 16px;
  }
  .dashboard {
    padding: 24px 16px;
  }
  .event-calendar {
    margin-right: -16px;
  }
  .event-calendar__table tr td:first-child {
    min-width: 200px;
  }
  .event-calendar__table td:not(:first-child) {
    min-width: 90px;
  }
  .mc-calendar__wrapper {
    margin-right: -16px;
    padding-right: 16px;
  }
  .calendar__container {
    margin-inline: -16px;
    padding-inline: 16px;
  }
  .pickup__table-wrapper {
    margin-right: -16px;
    padding-right: 16px;
  }
  .mc-calendar__legend {
    width: 100%;
  }
}

/* 
  Extra small devices (less than 576px)
*/
@media (max-width: 575px) {
  .chart-legend__item {
    font-size: 12px;
  }
  .theme-modal .modal-dialog {
    width: calc(100% - 32px);
  }
}