.project_sales{
    background: #3C9143;
}

.project_sales .graph{
    width: 470px;
    height: 400px;
    min-height: 400px;
}

.project_sales .btn-sales {
    color: #FFF;
    border: 1px solid #00000029;
    padding: 10px;
    border-radius: 40px;
    width: 300px;
    background: #39B543;
    padding: 10px 20px;
}

.project_sales .btn-white-green{
    background: #fffffff1;
    color: #3C9143 !important;
    border: 1px solid #FFF !important;
    padding: 10px;
    border-radius: 10px;
    width: 300px;
    padding: 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
#btn-projected-sales{
    gap: 1rem;
}
#btn-sales-till-date span{
    margin: auto;
}
#btn-sales-till-date{
    gap: 1.5rem;
}
.project_sales .btn-sales,
.project_sales .btn-white-green{
    display: flex;
    align-items: center;
    justify-content: space-between;
        
}
.project_sales .btn-sales{
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}
 .btn-sales:hover{
    background: #39B543 !important;
    color: #fff !important;
}

.project_sales .btn-white-green:hover{
    background: #fff !important;
    color: #39B543 !important;
}

.project_sales .btn-group{
    width: fit-content;
    margin: auto;
    text-align: center;
}

.btn-sales.btn-white-green .icn_white{
    visibility: hidden !important;
    height: 0px;
}

.btn-sales.btn-white-green .icn_green{
    visibility: visible !important;
    height: inherit;
}

.btn-white-green .icn_white,
.btn-sales .icn_green{
    visibility: hidden !important;
    height: 0px;
}

 /* .icn_white,
 .icn_green{
    margin-left: 16px;
} */

.project_sales .bottom-panel{
    margin-top: -11rem;
    z-index: 9;
    position: relative;
}