body {
    font-family: "Baloo Bhaina 2", sans-serif  !important;  
    font-weight: 500 !important;  
}

h1, h2, h3 {
    font-family: "Baloo Bhaina 2", sans-serif  !important;  
    font-weight: 600 !important;
}

p {
    font-family: "Baloo Bhaina 2", sans-serif !important;  
    font-weight: 500 !important;  
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration {
    max-height: 100%;
    max-width: 100%;
    z-index: 1
}

.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg {
    width: 100%;
    height: 100%;
    position: relative;
}


@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 2.5rem !important;
    }
}

.form-control-login {
    line-height: 3.225 !important;
    font-size: 1.0375rem  !important;
    font-family: "Baloo Bhaina 2", sans-serif !important;
    font-weight: 500 !important;
}

.form-label {
 
    font-size: 1.0125rem !important;
    
}

.btn-primary {
    color: #fff;
    background-color: #328655 !important;
    border-color: #328655 !important;
}
body .btn-primary:hover {
    color: #fff !important;
    background-color: #328655 !important;
    border-color: #328655 !important;
}


html body .btn-primary-login {
    color: #fff;
    background-color: #328655 !important;
    border-color: #328655 !important;
    --bs-btn-padding-y: 1.1812rem !important;
}

body .btn-primary-login:hover {
    color: #fff !important;
    background-color: #328655 !important;
    border-color: #328655 !important;
    --bs-btn-padding-y: 1.1812rem !important;
}

body .form-control:focus, .form-select:focus {
    border-color: #328655 !important;
}

body .input-group:focus-within .form-control, .input-group:focus-within .input-group-text {
    border-color: #328655 !important;
}

html body .input-group:focus-within .form-control, 
html body .input-group:focus-within .input-group-text {
    border-color: #328655 !important;
}



.custom-logo {
    width: 30%; /* Sets the width of the image to 30% of its container */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Makes the image a block element */
    margin: 0 auto; /* Centers the image horizontally */
}

.custom-logo-50 {
    width: 50%; /* Sets the width of the image to 30% of its container */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Makes the image a block element */
    margin: 0 auto; /* Centers the image horizontally */
}

/*html body .card {
    background-clip: padding-box !important;
    border: 1px #dadada solid !important;
     box-shadow: none!
}*/

.light-style .menu .app-brand.demo {
    height: 104px !important;
}





html body .leaflet-map{
    height: 800px; /* Maintains the aspect ratio of the image */
}

html body .bg-label-primary {
    background-color: #f2fde7 !important;
    color: #328655 !important;
}

html body .card.card-border-shadow-primary::after {
    border-bottom-color: #93dab3;
}

.card.card-border-shadow-primary:hover::after {
    border-bottom-color: #328655;
}

/*.card {
    background-clip: padding-box;
    box-shadow: 0 .0rem .0rem 0 rgba(47, 43, 61, .14) !important;
}*/

/*.content-wrapper{  
    background-color: white;
}
*/

/*html body .layout-page{  
    background-color: white !important;
}*/

.card.card-border-shadow-warning:hover::after {
    border-bottom-color: #ff9f43;
}



html body  .bg-navbar-theme {
    background-color: rgba(255, 255, 255, 0) !important;
    
}

html body .navbar-detached {
    box-shadow: none !important;
}

html body .layout-navbar {
    box-shadow: none !important;
}

html body  .layout-navbar {
    /* box-shadow: 0 0 10px #e6e6e8; */
    backdrop-filter: saturate(200%) blur(0px) !important;
}


html body .bg-menu-theme.menu-vertical .menu-item.active>.menu-link:not(.menu-toggle) {
    background: linear-gradient(270deg,#328655 0%, #3c9b63 100%);
    box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, .3);
    color: #fff !important;
}


html body .text-green{
    color: #328655;
}

img.rounded-circle {
    object-fit: cover;
    border: 1px solid #ddd;
  }
  

  #cookieConsentBanner p {
    margin: 0;
    font-size: 0.9rem;
  }
  
  #cookieConsentBanner button {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  #acceptCookies {
    background: #328655;
    color: white;
  }
  
  #rejectCookies {
    background: #cecece;
    color: white;
  }

  html body .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #F68E1B;
    color: #fff;

  }

 .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #ffa136;
    color: #fff;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
    box-shadow: 0 -2px 0 #328655 inset !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #328655 !important;
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}


.form-check-input:checked {
    background-color: #328655 !important;
    border-color: #328655 !important;
    box-shadow: 0 2px 6px 0 rgba(115, 103, 240, .3) !important;
}

.light-style .menu .app-brand.demo {
    height: 154px !important;
}

a.app-brand-link {
    color: #328655 !important
}