/* ** Статус событий ** */
.green,
.yellow,
.pink,
.red,
.blue,
.purple,
.gray {
  position: relative;
  padding-left: 8px;
}
.green::before,
.yellow::before,
.pink::before,
.red::before,
.blue::before,
.purple::before,
.gray::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.green::before {
  background-color: #40dfac;
}
.yellow::before {
  background-color: #ffdf34;
}
.pink::before {
  background-color: #fa92c3;
}
.red::before {
  background-color: #ff6a6a;
}
.blue::before {
  background-color: #80a5ed;
}
.purple::before {
  background-color: #c982f4;
}
.gray::before {
  background-color: #c0c0c0;
}
/* // Статус событий // */

/* ** Важная задача ** */
.importantTask {
  position: relative;
}
.importantTask::after {
  content: "";
  width: 19px;
  height: 25px;
  background: url(../media/icons/icon-importantTask.svg) no-repeat;
  position: absolute;
  top: -1px;
  left: -33px;
}
/* // Важная задача // */

.today {
  border-radius: 50%;
  background-color: #0b57d0;
}
.info__item-bg.green {
  background-color: #40dfac;
}
.info__item-bg.yellow {
  background-color: #ffdf34;
}
.info__item-bg.pink {
  background-color: #fa92c3;
}
.info__item-bg.red {
  background-color: #ff6a6a;
}
.info__item-bg.blue {
  background-color: #80a5ed;
}
.info__item-bg.purple {
  background-color: #c982f4;
}
.info__item-bg.gray {
  background-color: #c0c0c0;
}

.calendars {
  max-width: 1500px;
}
.calendar__top-text.active {
  color: #000;
  font-weight: 600;
}
.calendar__icon-settings {
  color: #000;
}
.calendars__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 24px;
}
.calendar__item {
  width: 240px;
  flex: 0 0 240px;
}
.calendar__month {
  font-weight: 900;
}
.calendar__week {
  text-align: center;
  flex-grow: 1;
  color: #888f8f;
  font-size: 14px;
  font-weight: 700;
}
.calendar__days {
  gap: 5px;
}
.calendar__day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  color: #969597;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  cursor: pointer;
  border-radius: 15%;
}
.calendar__day:hover {
  background-color: #ebebeb;
}
.calendar__day.today {
  color: #fff;
}

/* ** Страница месяца ** */
.calendars__width {
  max-width: 100%;
}
.calendarMonth__wrapper {
  border-radius: 16px;
  border: 1px solid #e0e2e8;
  overflow: hidden;
}
.calendarMonth__body {
  overflow: hidden;
  min-width: 100%;
}
.calendarMonth__content {
  align-items: stretch;
  justify-content: stretch;
  flex: 1 1 auto;
}
.calendarMonth__col {
  border: 1px solid #e0e2e8;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.calendarMonth__col:first-child {
  border-top: none;
}
.calendarMonth__item {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e0e2e8;
  padding: 8px;
  position: relative;
}
.calendarMonth__item:last-child {
  border-right: none;
}
.calendarMonth__date {
  flex-grow: 1;
}
.calendarMonth__date-num {
  min-width: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendarMonth__date-num.light {
  color: #a1a5b7;
  font-weight: 500;
}
.calendarMonth__date-num.dark {
  color: #181c32;
  font-weight: 900;
}
.calendarMonth__date-num.today {
  color: #fff;
  background-color: #47a9cd;
}
.calendarMonth__data-task {
  height: 60px;
  overflow: hidden;
}
.calendarMonth__data-task.show {
  height: auto;
}
.calendarMonth__data-task-link {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  max-height: 100%;
  overflow: hidden;
  --line-clamp: 1;
  position: relative;
}
.calendarMonth__data-task-link:not(:last-child) {
  margin-bottom: 3px;
}
.calendarMonth__data-task-link:hover {
  color: #2f31de;
}
/* // Страница месяца // */

/* ** Страница день ** */
.calendarDay__row {
  display: grid;
  grid-template-columns:
    minmax(40px, 40px) minmax(150px, 350px) minmax(150px, 150px)
    minmax(150px, 180px) minmax(150px, 150px) minmax(150px, 200px);
  gap: 20px;
}
.calendarDay__task {
  margin: 0;
  margin-left: 20px;
}
/* // Страница месяца // */

/* ** Страница неделя ** */
.calendarMonth.calendarWeekFixed {
  width: 100%;
  position: sticky;
  top: 4px;
  left: 0;
  right: 0px;
  background-color: #cdcbcb;
  z-index: 11;
  border-radius: 2px;
}
.calendarWeek__item {
  position: relative;
}
.calendarWeek__item.todays::after {
  content: "Сегодня";
  display: block;
  color: red;
  font-size: 14px;
  font-weight: 600;
}
.calendarWeek__date {
  padding-top: 90px;
}
.calendarWeek__hours {
  display: block;
}
.calendarWeek__date-hours {
  flex: 1 0 auto;
  height: 90px;
}
.calendarWeek__date-hours:last-child {
  height: 0;
}
/* // Страница неделя // */

/* ** Страница расписание ** */
.calendar__schedule-today {
  position: relative;
}
.calendar__schedule-today.todays::after {
  content: "Сегодня";
  display: block;
  color: red;
  font-size: 18px;
  font-weight: 600;
}
/* // Страница расписание // */

/* ** Страница создать задачу ** */
.importantTask-icon {
  background: url(../media/icons/icon-importantTask.svg) right center / 19px
    25px no-repeat;
  padding-right: 25px;
}
.newTask__left {
  flex: 1 1 100%;
}
.newTask__right {
  flex: 1 1 100%;
}
.newTask__calendar {
  max-width: 240px;
}
.newTask__createtask {
  flex: 1 1 500px;
}
.newTask__createtask-textareas {
  min-height: 150px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}
.newTask__createtask-textarea {
  border: none;
  background-color: transparent;
  outline: none;
  min-height: 150px;
  border-bottom: 1px solid #d1d1d1;
}
.newTask__btn {
  height: 38px;
  color: #5e6278;
  background-color: transparent;
  border: 1px solid #d1d1d1;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.newTask__btn.yellow:hover {
  color: #fff;
  background-color: #ffdf34;
  border-color: #ffdf34;
}
.newTask__btn.green:hover {
  color: #fff;
  background-color: #40dfac;
  border-color: #40dfac;
}
.newTask__btn.red:hover {
  color: #fff;
  background-color: #ff6a6a;
  border-color: #ff6a6a;
}
.newTask__btn.blue:hover {
  color: #fff;
  background-color: #80a5ed;
  border-color: #80a5ed;
}
.newTask__btn.purple:hover {
  color: #fff;
  background-color: #c982f4;
  border-color: #c982f4;
}
.newTask__btn.gray:hover {
  color: #fff;
  background-color: #c0c0c0;
  border-color: #c0c0c0;
}

/* блокировка кнопки для завершения задачи */
.block_end_task {
    display: block;
    background: #F7F8F9 ;
    color: #BFC3CB ;
    border: 0px ;
    cursor: auto ;
}
.newTask__btn.gray.block_end_task:hover {
  color: #5e6278;
  background-color: #F7F8F9;
  border-color: 1px solid #5e6278;
}

/* // Страница создать задачу // */

/* ** Страница по задаче ** */
.newTask__col,
.newTask__info {
  flex: 1 1 100%;
}
.newTask__info-left {
  border-right: 1px solid #d1d1d1;
}
.newTask__info {
  border: 1px solid #d1d1d1;
}
.newTask__info-left-content:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}
.newTask__btn.yellow-bg {
  background-color: #ffdf34;
  color: #fff;
}
.newTask__btn.green-bg {
  background-color: #40dfac;
  color: #fff;
}
.newTask__btn.red-bg {
  background-color: #ff6a6a;
  color: #fff;
}
.newTask__btn.blue-bg {
  background-color: #80a5ed;
  color: #fff;
}
.newTask__btn.purple-bg {
  background-color: #c982f4;
  color: #fff;
}
.newTask__btn.gray-bg {
  background-color: #c0c0c0;
  color: #fff;
}
/* // Страница по задаче // */

/* ** Color когда задача завершена ** */
.calendarDay__row.noactive,
.calendarDay__row.noactive a {
  color: #c0c0c0;
}
/* // Color когда задача завершена // */