.card {
  border-radius: 1em;
  color: #777777;
}
.card .card-info {
  background-color: #eeeded;
  border-radius: 1em;
  padding: 1em;
  color: rgb(94, 88, 217);
}
.card.highlight-on-hover:hover {
  background-color: rgb(94, 88, 217);
}
.card.highlight-on-hover:hover h1, .card.highlight-on-hover:hover h2, .card.highlight-on-hover:hover h3, .card.highlight-on-hover:hover h4, .card.highlight-on-hover:hover h5, .card.highlight-on-hover:hover .card-content, .card.highlight-on-hover:hover .blue_uth-text {
  color: white !important;
}
.card.highlight-on-hover:hover .card-info {
  background-color: rgb(94, 88, 217);
  color: white;
}

.card {
  width: 400px;
}
.card.done {
  background-color: #aeefc6;
  box-shadow: 3px 3px 5px #a4f4ca;
}
.card.cancelled {
  background-color: #f3c2c2;
  box-shadow: 3px 3px 5px #f3bbbb;
}
.card.active {
  border: 2px solid black;
}
.card .valign-wrapper .right {
  margin-left: auto;
}
.card.card.one-field-card {
  min-width: 50%;
}
.card.card.one-field-card .input-field.borderless-input input:not(.datepicker-modal input, .datepicker-modal select), .card.card.one-field-card .input-field.borderless-input .prefix {
  font-size: 18px;
}
.card.disabled {
  opacity: 0.4;
}
.card.disabled .multi-button {
  display: none;
}
.card .multi-button {
  z-index: -10;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  border-radius: 100%;
  width: 0rem;
  height: 0rem;
  transform: translate(50%, -50%);
  transition: 0.25s cubic-bezier(0.25, 0, 0, 1);
}
.card .multi-button a {
  display: grid;
  place-items: center;
  position: absolute;
  border: none;
  border-radius: 100%;
  background: #FFFFFF;
  color: #FFFFFF;
  transform: translate(50%, -50%);
  cursor: pointer;
  transition: 0.25s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0rem -0.25rem rgb(94, 88, 217);
}
.card .multi-button a:hover {
  background: #777777;
  color: rgb(94, 88, 217);
  box-shadow: 0 0 1rem -0.25rem #777777;
}
.card .multi-button a:first-child:nth-last-child(1) {
  right: 25%;
  top: 25%;
}
.card .multi-button a:first-child:nth-last-child(2):nth-child(1), .card .multi-button a:first-child:nth-last-child(2) ~ *:nth-child(1) {
  right: 37.5%;
  top: 18.75%;
}
.card .multi-button a:first-child:nth-last-child(2):nth-child(2), .card .multi-button a:first-child:nth-last-child(2) ~ *:nth-child(2) {
  right: 18.75%;
  top: 37.5%;
}
.card .multi-button a:first-child:nth-last-child(3):nth-child(1), .card .multi-button a:first-child:nth-last-child(3) ~ *:nth-child(1) {
  right: 50%;
  top: 15.625%;
}
.card .multi-button a:first-child:nth-last-child(3):nth-child(2), .card .multi-button a:first-child:nth-last-child(3) ~ *:nth-child(2) {
  right: 25%;
  top: 25%;
}
.card .multi-button a:first-child:nth-last-child(3):nth-child(3), .card .multi-button a:first-child:nth-last-child(3) ~ *:nth-child(3) {
  right: 15.625%;
  top: 50%;
}
.card .multi-button a:first-child:nth-last-child(4):nth-child(1), .card .multi-button a:first-child:nth-last-child(4) ~ *:nth-child(1) {
  right: 62.5%;
  top: 18.75%;
}
.card .multi-button a:first-child:nth-last-child(4):nth-child(2), .card .multi-button a:first-child:nth-last-child(4) ~ *:nth-child(2) {
  right: 37.5%;
  top: 18.75%;
}
.card .multi-button a:first-child:nth-last-child(4):nth-child(3), .card .multi-button a:first-child:nth-last-child(4) ~ *:nth-child(3) {
  right: 18.75%;
  top: 37.5%;
}
.card .multi-button a:first-child:nth-last-child(4):nth-child(4), .card .multi-button a:first-child:nth-last-child(4) ~ *:nth-child(4) {
  right: 18.75%;
  top: 62.5%;
}
.card.clickable:hover {
  transition: 0.5s;
  background-color: rgba(94, 88, 217, 0.1) !important;
}
.card.clickable:hover .circular-icon {
  background-color: white !important;
}
.card:hover .multi-button, .card .multi-button:focus-within {
  z-index: 1;
  width: 10rem;
  height: 10rem;
}
.card:hover .multi-button a, .card .multi-button:focus-within a {
  background: rgb(94, 88, 217);
  color: white;
}

.group-content .card {
  width: 360px;
}

.list-card {
  background-color: #fafafa;
  box-shadow: none;
  border-radius: 0.5rem;
  transition: 1s;
  width: 100%;
  margin: 0;
}
.list-card.active {
  background-color: rgba(128, 128, 128, 0.17);
}

/*# sourceMappingURL=cards.css.map */