#scheduler {
  height: 560px;
  padding: 0 10px;
}
.dx-scheduler-date-table-other-month{
	background-color: #D2D2C9 !important;
}

.active-day {
    background-color: #FFCCCC !important; /* Czerwony kolor tła dla aktywnego dnia */
    color: #000000; /* Czarny kolor tekstu */
}
.dx-scheduler-appointment{
	background-color: #56ca85;
}

.custom-cell-height .dx-scheduler-cell-sizes-vertical {
    height: 20px;
}

.container {
    display: flex;
    justify-content: space-between;
}

.div-left {
    float: left;
    width: 80%; /* Szerokość pierwszego diva */
}

.div-right {
    float: left;
    width: 20%;
}

#scroll,
#list {
  left: 0;
  top: 0;
  bottom: 0;
  width: 98%;
  height: 90%;
}

.item {
  box-sizing: border-box;
  padding: 4px 20px;
  margin-bottom: 3px;
  font-size: 120%;
  color: #fff;
}

.dx-draggable-source {
  opacity: 0.5;
}

.dx-draggable-dragging > * {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}