/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./public/assets/css/calendar.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
._3n,
._3n._2E {
  background-color: #eef2f5;
  color: #5427da;
  transition: all ease 0.2s;
}
._3n:hover {
  color: #eef2f5;
  background-color: #5427da !important;
}
._3n:hover .Lx {
  color: white !important;
}
._3n.FC,
._3n.FC ._1g {
  color: #eef2f5;
  background-color: #5427da;
}
.Lx {
  color: #5c5c77 !important;
}
._3n.FC .Lx {
  color: white !important;
}
.jb {
  color: #5427da;
}
.Kq {
  color: #5427da;
  background-color: #5427da;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./public/assets/css/eventCard.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.eventName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cardParent:hover {
  padding: 0% !important;
}
.cardParent:hover .cardSubParent {
  background-color: #5427da;
  color: white !important;
  transition: all ease 0.3s;
}
.cardParent:hover .childBtn {
  width: 90%;
  color: #5427da !important;
  background-color: white;
  font-weight: 600;
}
.cardParent:hover .icon {
  color: white;
}

.cardParent:hover .words {
  color: white;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./public/assets/css/sideBar.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
#dropdown::-webkit-scrollbar {
  width: 3px;
}
#dropdown::-webkit-scrollbar-track {
  background-color: #ddd;
}
#dropdown::-webkit-scrollbar-thumb {
  background-color: #522ce6;
}

.icon:hover .white {
  display: block !important;
}
.icon:hover .base-color {
  display: none;
}
#dropdown.active {
  /* display: block; */
  animation: scale 300ms ease-in-out forwards;
  transform-origin: top center;
}
#dropdown.deactive {
  /* display: none; */
  animation: descale 300ms ease-in-out forwards;
  transform-origin: top center;
}

#date-picker.active {
  display: block;
  animation: drag 200ms ease-in-out forwards;
  transform-origin: top center;
}
@keyframes scale {
  from {
    /* margin-left: 100%; */
    width: 0px;
  }

  to {
    /* margin-left: 0%; */
    width: 9rem;
  }
}
@keyframes descale {
  from {
    /* margin-left: 0%; */
    width: 9rem;
  }

  to {
    /* margin-left: 100%; */
    width: 0px;
  }
}
@keyframes drag {
  from {
    margin-left: 100%;
    width: 5rem;
  }

  to {
    margin-left: 10%;
    width: 19rem;
  }
}