.login-background{
    height: 100vh;
    width: 100%;
    background: linear-gradient(rgba(0, 100, 0, 0.3), rgba(144, 238, 144, 0.3)), url(../../static/login-bg.jpg);
    background-size: cover;
    background-position: center;
}

.form-background{
    background: #8B9D7F;
}
.signup-height{
    max-height: 40vh;
}

.a-link{
    text-decoration: none;
    color: #5A6B4F;
    transition: color 0.3s ease;

    &:hover {
        color: #3E4F3A;
        text-decoration: underline;
    }
}

.eye-icon{
    cursor: pointer;
}

.mid-button{
    border: solid #8B9D7F 3px  ;
}

.body-wrapper{
    height: 92.5vh;
}

.content{
    background: #8B9D7F;
    height: 83.5vh; /* Adjust height based on screen size */
   
    overflow-y: scroll;
    overflow-x: hidden;
}

.offcanvas-header{
    background: #65AF8D;
}

.offcanvas-item{
  transition: 0.5s;
}

.offcanvas-item:hover{ 
    background: #65AF8D;
}
.center-button{
    position: relative;
    top: -15px;
    background: #198754 ;
    border: solid #8B9D7F 7px;
    padding: 0px 5px;
    
}

.card-item{
    background: #B1BDA9 !important ;
}

.profile {
    width: 150px; /* You can set width or height */
    height: 150px;
    border: solid whitesmoke 3px;
}


.star-icon{
    color: #AA8004;
}

.crop-image{
    width: 50%;
}

.selected{
    background: #B1BDA9!important;
}

#farm-tabs{
    background: #8B9D7F;
    position: sticky;
    top: 0px;
    z-index: 2;
}


.event_options{
    background: #B1BDA9;
}

.event-list{
    height: 69.5vh;
    background: #B1BDA9;
    max-height: 69.5vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.event-item{
    background: #CBD3C5;
}

.list-header{
    background: #B1BDA9;
}

.see-more-btn{
    cursor: pointer;
    text-decoration: none;
}

.modal-body{
    background: #8B9D7F !important;
}
.modal-footer{
    background: #B1BDA9 !important;
}

.accordion-button{
    background: #B1BDA9 !important;
}
.accordion-body{
    background: #CBD3C5 !important;
}

.accordion-body-2{
    background: #8B9D7F !important;
}


#farm-panel{
    /* background: whitesmoke; */
    height: 74vh;
    max-height: 74vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.farm-create-modal-body{
    max-height: 50vh;
    overflow-y: scroll;
    overflow-x: hidden;
}



.sell-tab{
    background: #8B9D7F !important;
    border: 0px !important;
}