.new-calendar-followup-card {
  table {
    width: 100%;
  }

  tr td:nth-child(1) {
    width: 55%;
  }

  hr {
    border-top: vw(1px) solid rgba(0, 0, 0, 0.06);
    margin-top: vw(23px);
    margin-bottom: vw(18px);
  }
}

.new-calendar-followup-card__person-img {
  width: vw(54px);
  height: vw(54px);
  border-radius: 100%;
  margin-right: vw(16px);

  img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
  }
}

.new-calendar-followup-card__gray-text {
  font-size: vw(14px);
  line-height: vw(24px);
  @include fontExtraBold800;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: vw(1.84px);
  text-transform: uppercase;
  color: $theme-text-color-white-41;
}

.new-calendar-followup-card__clock-icon {
  width: vw(20px);
  height: vw(20px);
  margin-right: vw(12px);
}

.new-calendar-followup-card__time-text {
  color: $theme-text-color-white-68;
  font-style: italic;
}

.new-calendar-followup-card__dropdown-colm {
  margin-left: vw(18px);
}

.new-calendar-followup-card__color-italic-text {
  font-size: vw(14px);
  line-height: vw(21px);
  @include fontMedium500;
  margin-bottom: 0;
  font-style: italic;
  color: $theme-text-color-white-63;
}

// .new-calendar-followup-card__color-italic-text--email-text {
//   color: #ffcc42;
// }

.new-calendar-followup-card__email-icon {
  width: vw(24px);
  margin-right: vw(8px);
  opacity: 0.3;
}

// .new-calendar-followup-card__color-italic-text--call-text {
//   color: #0072ff;
// }

.new-calendar-followup-card__call-icon {
  width: vw(19px);
  margin-right: vw(7px);
}

// .new-calendar-followup-card__color-italic-text--whatsApp-text {
//   color: #c779d0;
// }

.new-calendar-followup-card__whatsApp-icon {
  width: vw(14px);
  margin-right: vw(17px);
  opacity: 0.3;
}

.new-calendar-followup-card__blue-border-button,
.new-calendar-followup-card__blue-bg-button {
  width: vw(150px);
  @include theme-button-height-and-radius-3;
  font-size: vw(12px);
  @include fontSemiBold600;
  margin-bottom: 0;
  margin-top: vw(17px);
}

.new-calendar-followup-card__blue-border-button {
  color: $theme-text-gray-color-1;
  @include theme-mixin-2;
  margin-right: vw(13px);
}

.new-calendar-followup-card__blue-bg-button {
  color: $theme-text-gray-color-2;
  background: rgba(111, 90, 220, 0.29);
  border: vw(1px) solid $theme-text-color-blue;
}

.new-calendar-follow-up-cards-border-left {
  width: vw(426px);
  height: vw(545px);
}

.new-calendar-follow-up-cards-border-left--meeting {
  height: vw(311px);
}

.new-calendar-follow-up-cards-border-left--holidays {
  height: vw(166px);
}

.new-calendar-follow-up-cards-border-left--pending-requests {
  width: vw(889px);
  height: vw(300px);
}

.new-calendar-follow-up-cards-border-left--schedule {
  width: vw(738px);
  height: vw(292px);
}

.new-calendar-follow-up-cards--holidays {
  .new-calendar-holiday-card:last-child {
    hr {
      display: none;
    }
  }
}

.new-calendar-follow-up-cards--pending-requests {
  .new-calendar-pending-request-card:last-child {
    hr {
      display: none;
    }
  }
}

.new-calendar-follow-up-cards-outer-div {
  position: relative;
  z-index: 2;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  padding: vw(31px) 0 vw(16px) vw(25px);
}

.new-calendar-follow-up-cards {
  height: 100%;
  width: 100%;
  overflow: auto;
  border-radius: inherit;
  padding-right: vw(23px);

  &::-webkit-scrollbar {
    height: vw(3px);
    width: vw(3px);
  }

  &::-webkit-scrollbar-track,
  &::-ms-scrollbar-track-color {
    margin: vw(3px);
  }

  .new-calendar-followup-card:last-child {
    hr {
      display: none;
    }
  }
}

.new-calendar-follow-up-cards-border-left {
  margin-right: vw(37px);
  margin-bottom: vw(76px);
  position: relative;
  z-index: 2;
  background: rgba(6, 5, 22, 0.12);
  backdrop-filter: blur(153px);
  border-radius: vw(10px);

  &::before {
    position: absolute;
    left: 0;
    top: 10%;
    content: "";
    width: vw(3px);
    height: 80%;
    border-radius: 0;
    background: linear-gradient(360deg, #3a366a, #5548a4);
  }
}

.new-calendar-follow-up-cards-border-left--meeting {
  margin-bottom: vw(26px);
  margin-right: 0;
}

// card-title
.new-calendar-card-title {
  font-size: vw(13px);
  line-height: vw(24px);
  @include fontExtraBold800;
  margin-bottom: vw(18px);
  letter-spacing: vw(1.84px);
  text-transform: uppercase;
  color: $theme-text-color-white-41;
  padding-left: vw(10px);

  img {
    display: none;
    // margin-right: vw(8px);
    // width: vw(17px);
    // opacity: 0.7;
  }
}

.new-calendar-card-title--pending-request {
  margin-bottom: vw(23px);
}

.new-calendar-card-colm-title-1,
.new-calendar-card-colm-title-2 {
  img {
    display: none;
    // width: vw(21px);
    // margin-right: vw(14px);
  }
}

.new-calendar-card-colm-title-1 {
  margin-top: vw(43px);
  margin-bottom: vw(60px);
  padding-left: vw(3px);
  color: $theme-text-color-gray-to-white;
}

.new-calendar-card-colm-title-2 {
  margin-bottom: vw(23px);
  color: $theme-text-color-white-41;

  // img {
  //   opacity: 0.7;
  // }
}
