.calendar_cards::-webkit-scrollbar {
 width: 2px !important;
 border-radius: 25px;
}

.calendar_cards::-webkit-scrollbar-track {
 background: #f1f1f1;
}
.calendar_cards::-webkit-scrollbar-thumb {
 background: #eadede;
}
.calendar_cards::-webkit-scrollbar-thumb:hover {
 background: #eadede;
}

/* note modal update */

.note_modal_fixed {
 position: fixed;
 right: 0;
 top: 0;
 left: 70%;
 bottom: 0;
}

.help_modal_fixed {
 position: fixed;
 right: 5%;
 top: 0;
 left: 65%;
 bottom: 0;
}

.active.notepad_btn:hover {
    color:#FFF !important;
}

.bg_color_help_modal {
 background-image: linear-gradient(to bottom right, #238dcd, #238dcdad);
}

@media screen and (max-width: 576px) {
 .note_modal_fixed {
  position: fixed;
  right: 0;
  top: 0;
  left: 0%;
  bottom: 0;
 }

 .help_modal_fixed {
  position: fixed;
  right: 0%;
  top: 0;
  left: 0%;
  bottom: 0;
 }
}