#togglePassword{
  position: absolute;
  right: 0;
  top: 32%;
}
label.required:after {
  content:"*";
  color:red;
  font-size: 1rem;
}
.box-arrow-custom {
  position: absolute;
  bottom: -6px;
  left: 22px;
  font-size: 19px;
  z-index: 999;
  color: #000;
  background: #E1E4E8;
  border-radius: 98px;
  border: 2px solid #fff;
}
.box-arrow-custom:hover{
  background: #ccc;
}
.avatar.avatar-online:after{
  content: unset;
}
.avatar:hover{
  opacity: 0.8;
}
.app-last-updated{
  padding: 10px;
  margin-bottom: 20px;
  color: #949494;
}
.app-last-updated i{
  color: #ff8d8d;
}

.project-view-filter-corporate{
  background-color: #eee; 
  /* D6D6D6 */
  color: #566a7f;
  border-radius: 25px;
}
.project-view-filter-corporate:hover{
  background-color: #3393FF;
  color: #fff;
}
.project-view-filter-corporate.active{
  background-color: #3393FF;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);
}

.nav-tabs .nav-item .nav-link{
  background-color: #eceef1;
  color: #566a7f;
  border: 0;
  border-radius: 20PX;
  font-size: .8rem;
  padding-top: 6px;
  padding-bottom: 5px;
}

.nav-pills .nav-link:hover{
  background-color: #D6D6D6 !important;
  color: #566a7f !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus{
  background-color: #3393FF;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);
}
.menu-tabs-agro-link .card-body{
  padding: 1rem;
}
.dataTables_scroll .dataTables_scrollHeadInner{
  margin-top: 1rem;
}

.btn-link-active{
  background-color: #47505b !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 2px 4px 0 rgb(88 88 99 / 40%) !important;
  padding-top: 6px;
  padding-bottom: 5px;
  transition: 0.3s ease-in-out;
}
.btn-link-active:hover{
  background-color: #3393FF !important;
  color: #fff !important;
}

.toast-body.error{
  color: #dc3545 !important;
}

.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #ddd;
  border-top-color: orange;
  animation: loading 1s linear infinite;
}

table.dataTable tbody tr>.dtfc-fixed-start,
table.dataTable tbody tr>.dtfc-fixed-end {
  background-color: #f5f5f9 !important;
}
@keyframes loading {
  to {
      transform: rotate(360deg);
  }
}

.btn-secondary.filter-site-btn.active{
  color: #fff !important;
  background-color: #595cd9 !important;
  border-color: #595cd9 !important;
}

.yet-to-be-plant-saplings{
  font-size: 10px; 
  color: red;
}

.upcoming-events-list .event-details h4,
.recent-events-list .event-details h4{
  color: #14ac0e;
  transition: .3s ease-in-out;
}
.upcoming-events-list .event-details:hover h4,
.recent-events-list .event-details:hover h4{
  color: #1666c0;
}
.quarterly-report-container tr th:first-child,
.quarterly-report-container tr td:first-child {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  /* word-break: break-all; */
}
.plantation_species_list{
  padding: 0.7rem;
  transition: 0.3s ease-in-out;
  background: #fff;
  border: 1px solid #eee;
  margin-bottom: 0.7rem;
}

.paragraph-wrapper {
  padding: 0.7rem;
  transition: 0.3s ease-in-out;
  background: #fff;
  border: 1px solid #eee;
}