body {
  /* background: rgb(65, 242, 255) no-repeat center center fixed; */

  -webkit-animation: bgcolor 60s infinite;
  animation: bgcolor 50s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

@keyframes bgcolor {
  0% {
    background-color: #59ffff;
  }

  30% {
    background-color: #49f797;
  }

  60% {
    background-color: #fff677;
  }

  90% {
    background-color: rgb(255, 161, 154);
  }

  100% {
    background-color: #cd9bff;
  }
}
a {
  color: black !important;
}
a:hover {
  color: #757575 !important;
}

input {
  color: #495057;
}
/* About modal */
.modal-100w {
  width: 100%;
  max-width: none !important;
}
.about-modal .modal-content {
  background-color: #fcf8e3;
  border-radius: 0%;
}
/* Tooltip */
#tooltip-top > .tooltip-inner {
  background-color: #fcf8e3;
  color: #000;
  border-radius: 0;
}

/* /////////////////////// Buttons /////////////////////// */

/* Button primary */
.btn-primary {
  background-color: #81ee77 !important;
  /* a6f39e  */
  color: #000 !important;
  border: 1px solid #a6f39e !important;
  color: #105a0c !important;
}

.btn-primary:hover {
  background-color: #eafce9 !important;
  border: 1px solid #eafce9 !important;
}

/* Button secondary */
.btn-secondary {
  background-color: #cccccc !important;
  color: #4d4d4d !important;
  border: 1px solid #cccccc !important;
}

.btn-secondary:hover {
  background-color: #f2f2f2 !important;
  color: #4d4d4d !important;
  border: 1px solid #f2f2f2 !important;
}

/* Button danger */
.btn-danger {
  background-color: #ff6767 !important;
  color: #fcf8e3 !important;
  border: 1px solid#ff6767 !important;
}

/* Button link */
.btn-link {
  color: #6d6d6d !important;
}
.btn-link:hover {
  text-decoration: none !important;
  color: #afafaf !important;
}
/* add task btn */
.btn-icon-addTask {
  border-radius: 50px !important;
  /* border: 3px solid #81ee77 !important;
  background-color: #81ee77 !important; */
}

a.btn-icon-taskReady {
  color: #6d6d6d !important;
}
a.btn-icon-taskReady:hover {
  color: #a6f39e !important;
}

a.btn-icon-taskEdit {
  color: #6d6d6d !important;
}
a.btn-icon-taskEdit:hover {
  color: #afafaf !important;
}
/* /////////////////////// Dropdowns /////////////////////// */

/* Dropdown Menu */
.dropdown-menu {
  background-color: #fcf8e3 !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.dropdown-menu:hover {
  background-color: #fdff9a !important;
}

.dropdown-item.active {
  background-color: #fdff9a !important;
}

/* top margin for all components */
.top-margin-component {
  margin-top: 12rem;
}

/* Solid border */
hr.solid {
  border-top: 2px solid #737373;
}

/* /////////////////////// Bg Variant Success //////////////// */
.progress-bar {
  background-color: #81ee77 !important;
  color: #105a0c !important;
}