/* Color */
.rz-primary,
.rz-chkbox-box .rzi {
  background-color: var(--color-primary) !important;
}

.rz-dialog-title,
.rz-text-subtitle2,
.rz-column-title-content,
.rz-cell-data,
.rz-scheduler-nav-title {
  color: var(--text-color) !important;
}

.rz-dialog,
.rz-dialog-titlebar,
.rz-accordion-header,
.rz-accordion-content,
.rz-scheduler,
.rz-scheduler-nav,
.rz-view-header {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

.rz-panel,
.rz-card,
.rz-dropdown,
.rz-textbox,
.rz-inputtext,
.rz-textarea,
.rz-numeric,
.rz-data-grid,
.rz-grid-table-fixed,
.rz-frozen-cell-left-inner,
.rz-lookup-panel,
.rz-data-grid-data,
.rz-data-row td,
.rz-grid-table th,
.rz-grid-table td,
.rz-lookup-search-input,
.rz-dropdown-panel,
.rz-popup {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
  border-color: var(--color-border) !important;
}

/* Others */
.rz-data-row {
  cursor: pointer;
}

.rz-card {
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.14) !important;
}

.rz-textbox {
  width: 100%;
}

table td .rz-cell-data {
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
}

.rz-grid-table-fixed .rz-frozen-cell-left-inner,
th,
td .rz-grid-table-fixed .rz-frozen-cell-right-inner {
  border-inline-start: hidden !important;
  border-inline-end: hidden !important;
}

.rz-accordion .rz-accordion-header:not(:first-child) {
  border-top: none !important;
}

/* Scheduler */
.rz-scheduler {
  border-radius: 1rem !important;
  border: 1px solid var(--color-border) !important;
}

.rz-view-header {
  border-block-end: 1px solid var(--color-border) !important;
}

.rz-month-view .rz-slot:first-child {
  border-inline-start: none !important;
}

.rz-week:first-child .rz-slot {
  border-block-start: none !important;
}

.rz-day-view .rz-slot,
.rz-week-view-content .rz-slot {
  border-block-start: none !important;
}

.rz-month-view .rz-slot {
  padding: 0.5rem !important;
  border-inline-start: 1px solid var(--color-border) !important;
  border-block-start: 1px solid var(--color-border) !important;
}

.rz-month-view .rz-event {
  padding-top: 0.75rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  height: 2.15rem !important;
}

.rz-event-content {
  border-radius: 0.4rem !important;
  background-color: #3248f2 !important;
}

.rz-scheduler-nav {
  padding: 1rem !important;
  border-bottom: 1px solid var(--color-border) !important;
}

.rz-scheduler-nav .rz-scheduler-nav-title {
  font-weight: 600 !important;
  font-size: 1.15rem !important;
}

.rz-scheduler-nav-views {
  margin-left: auto;
}

.rz-scheduler-nav-prev-next .rz-button {
  background-color: transparent !important;
}

.rz-scheduler-nav-prev-next .rz-button {
  border: 1px solid var(--color-border) !important;
}

.rz-scheduler-nav-prev-next .rz-button.rz-prev {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: var(--border-radius-button) !important;
  border-bottom-left-radius: var(--border-radius-button) !important;
  border: 1px solid var(--color-border) !important;
  border-right: none !important;
}

.rz-scheduler-nav-prev-next .rz-button.rz-next {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--border-radius-button) !important;
  border-bottom-right-radius: var(--border-radius-button) !important;
  margin-right: 0.75rem !important;
  border: 1px solid var(--color-border) !important;
}

.rz-scheduler-nav-views .rz-button.rz-primary:first-child {
  border-top-left-radius: var(--border-radius-button) !important;
  border-bottom-left-radius: var(--border-radius-button) !important;
}

.rz-scheduler-nav-views .rz-button.rz-primary:last-child {
  border-top-right-radius: var(--border-radius-button) !important;
  border-bottom-right-radius: var(--border-radius-button) !important;
}

.rz-scheduler-nav-views .rz-button.rz-primary {
  color: var(--text-color);
  background: var(--background-color) !important;
  border: 1px solid var(--color-border) !important;
}

.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

.rz-event-list-btn {
  padding: 0.5rem !important;
}

/* Toast */
.rz-notification-item,
.rz-notification-item-wrapper {
  border-radius: 10px !important;
}

.rz-grid-table thead th .rz-column-title {
  justify-content: center !important;
  padding: 0 !important;
}

.rz-notification-title {
  font-weight: 500 !important;
}

/* Radzen New Updates on Panel Issue Fix */
.rz-expander {
  transition: none !important;
}

/* Default state - visible overflow */
.rz-expander.rz-state-expanded .rz-expander-content {
  overflow: visible !important;
}

/* When panel is collapsed - hidden overflow */
.rz-expander.rz-state-collapsed .rz-expander-content {
  overflow: hidden !important;
}

/* Responsive */

@media screen and (max-width: 1024px) {
  .rz-dialog-wrapper {
    z-index: 2000 !important;
  }

  .rz-dropdown-panel .rz-lookup-panel,
  .rz-dropdown-panel.rz-popup {
    width: 100vw !important;
    height: 60vh !important;
    min-width: 100vw !important;
    top: 0 !important;
    left: 0 !important;
  }
}