.sidebar .nav-links > li .sidebar_icon{
    height: 20px ;
}
.sidebar{
    background: rgb(12, 139, 81);
}

.sidebar .nav-links > li a .link_name{
    color: #b1b5ca;
  }

  .sidebar .nav-links > li .sub-menu{
    background: rgb(12, 139, 81);
  }
  .sub-menu li a.active{
    color: #ffffff !important;
  }

  .sub-menu li a.active{
  background: linear-gradient(rgb(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3));
  color: #ffffff !important;
}

.btn-form{
    background: #0c8b51 !important;
    color: #ffffff !important;
}

.btn-form:hover{
    background: #ffffff !important;
    color: #0c8b51 !important;
    border: 2px solid #0c8b51 ;
}

.btn-form:active{
    background: #0c8b51 !important;
    color: #ffffff !important;
}
.export_btn {
    
    border-color: transparent;
    color: #ffffff;
}
.export_btn:hover {
    background-color: transparent;
    border: 2px solid #0c8b51;
    color:  #0c8b51;
}
.home-header{
    background-color: #0c8b51;
}
.header_notification p{
    color: #ffffff;
}
.eLogut_btn{
    background-color: #0c8b51;
}

/* Change icon color inside menuList */
.menuList svg path {
    fill: #ffffff; /* Change this to your desired color */
}
.btn-secondary{
    background-color: #0c8b51 !important;
}
.btn-secondary:hover{

    background-color: transparent !important;
    color: #0c8b51 !important;
    border: 2px solid #0c8b51;
    color: #ffffff;
}
.btn-secondary:active{
    background-color: #0c8b51 !important;
    color: #ffffff;
}
.btn-secondary:focus{
    background-color: #0c8b51;
    color: #ffffff;
}
.btn-secondary:disabled{
}

.export_btn{
    background-color: #0c8b51 !important;
}
.export_btn:hover{
    background-color: transparent !important;
    color: #0c8b51 !important;
    border: 2px solid #0c8b51;
    color: #ffffff;
}
.dashboard_upcoming_events{
    background-color: #0c8b51;
    color: #ffffff;

}
.all_report_btn_2{
    background-color: #ffffff;
    color: #0c8b51;
    border: 2px solid #0c8b51;
}
.btn-primary{
    background-color: #0c8b51 !important;
    color: #ffffff;
    border: 2px solid #0c8b51 !important;

}

#login-form{
    margin: 0 auto;
}

#login-form-title{
    font-size: 24px;
    font-weight: 600;
    color: #0c8b51;
}

.lan-contact{

    background: #ffffff !important;
}
.header-btn{
    justify-content: center;
}
.signUp-btn{
    background-color: #0c8b51;
    color: #ffffff;
    border: 2px solid #0c8b51;
}
.login-btn{
    color: #0c8b51 !important;
    font-size: 20px !important;
      ;
}
#login-form-parent{
    background-color: #ffffff !important;
}
.footer-area{
    background-color: #ffffff !important;
    
}
.footer-bottom{
border-top: none !important;
}
.userFormEdit-btn{
    background-color: #0c8b51;
}

/* Custom Select Box Styles - Focus Border and Dropdown Options */
/* Change the border color when select box is clicked/focused */
.single-form .form-select:focus,
.form-select:focus {
    border-color: #0c8b51 !important; /* Change this color to your desired focus border color */
    box-shadow: 0 0 0 0.2rem rgba(12, 139, 81, 0.25) !important; /* Optional: adds a subtle glow effect */
    outline: none !important;
}

.single-form .form-select:hover,
.form-select:hover {
    border-color: #0c8b51 !important; /* Change this color to match your hover border color */
}

/* Style the dropdown options when they appear */
.form-select option {
    background-color: #ffffff !important; /* Background color of options */
    color: #333333 !important; /* Text color of options */
    padding: 8px 12px !important;
}

/* Style the selected option in the dropdown */
.form-select option:checked {
    background-color: #ffffff !important; /* Keep background white for selected option */
    color: #333333 !important; /* Keep text color normal for selected option */
}

/* For browsers that support :hover on options */
.form-select option:hover {
    /* background-color: #e8f5e9 !important;  */
    /* Background color on hover */
    color: #0c8b51 !important; /* Text color on hover */
}