body {
    background-color: #e1e1e1;
}
li{
    list-style: none;
}

.form-wrapper {
    border-radius: 10px;
}

.form-wrapper label {
    font-weight: bold;
}

.errors li {
    list-style: none;
    width: 100%;
    text-align: center;
}

.errors ul {
    padding-left: 0;
    margin-bottom: 0;
}

.light-hover:hover {
    background-color: #f6f6f6 !important;
    cursor: pointer;
}

.disabled-cell {
    background-color: #f0f0f0; /* Light gray background */
    opacity: 0.6; /* Lower opacity */
    pointer-events: none; /* Disable all interactions */
    cursor: not-allowed; /* Change cursor to indicate it’s disabled */
}

a.stretched-link {
  color: #429c67;
}

a.stretched-link:hover {
  color: #34734f;
  text-decoration: underline;
    text-decoration-thickness: auto;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

a.chartNav {
  background: #d6d6d6;
  color:gray;
}
a.chartNav:hover {
  background: #bcbbbb;
  color:slategrey;
}

a.chartNav.active {
  color:white !important;
  background: #429c67 !important;
}
a.chartNav.active:hover {
  background: #254733 !important;
}


.active.start-date.available, .active.end-date.available {
  background-color: #429c67;
  border-color: #429c67;
}

.active.start-date.available:hover, .active.end-date.available:hover {
  color: #fff;
  background-color: #3c7b56;
  border-color: #3c7b56;
}

.in-range {
  background-color: #429c687d;
  border-color: #429c687d;
}

/* 254733 */
.btn-olivie {
  color: #fff;
  background-color: #429c67;
  border-color: #429c67;
}

.btn-olivie:hover {
  color: #fff;
  background-color: #254733;
  border-color: #254733;
}

.btn-outline-olivie {
  color: #429c67;
  border-color: #429c67;
}

.btn-outline-olivie:hover {
  color: #fff;
  background-color: #429c67;
  border-color: #429c67;
}


@media (max-width: 768px) {
    .form-wrapper .text-right {

        text-align: center !important;
    }
}












@-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0);
      transform: translate3d(-20%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0);
      transform: translate3d(-20%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
      opacity: 1;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; /* Add this line */
    animation-fill-mode: forwards; /* Add this line */
  }
  
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInDown {
      opacity: 1;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; /* Add this line */
    animation-fill-mode: forwards; /* Add this line */
  }
  
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 40%, 0);
      transform: translate3d(0, 40%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 40%, 0);
      transform: translate3d(0, 40%, 0);
      
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(20%, 0, 0);
      transform: translate3d(20%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(20%, 0, 0);
      transform: translate3d(20%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInUp {
    opacity: 1;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; /* Add this line */
    animation-fill-mode: forwards; /* Add this line */
  }
  
  .motionAnim {
    opacity: 0;
  }
  
  .fadeInLeft {
    opacity: 1;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; /* Add this line */
    animation-fill-mode: forwards; /* Add this line */
  }
  
  
  .fadeInRight {
    opacity: 1;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; /* Add this line */
    animation-fill-mode: forwards; /* Add this line */
  }