#scheduler {
  height: 560px;
  padding: 0 10px;
}
.dx-scheduler-group-header-content {
	font-weight: normal!important;
}
.dx-scheduler-time-indicator {
    display: none;
}
.dx-scheduler-time-panel {
    width: 65px!important;
}
.dx-scheduler-appointment-content {
	font-size: 0.8rem!important;
}
/*
.dx-scheduler-appointment-vertical {
	width: 50px!important;
}*/
.dx-scheduler-appointment-content-date {
	font-size: 0.8rem!important;
}
/*#scheduler .dx-scheduler-cell-sizes-vertical {
	height: 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;
}
.custom-minicell-height .dx-scheduler-cell-sizes-vertical {
    height: 7px;
}

.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);
}