.product-attribute-char-textbox textarea {
    height: 150px !important;
}

/*For drag and drop*/
.e-file-select,
.e-file-drop {
    display: none;
}

body .e-upload-drag-hover {
    outline: 2px dashed brown;
}

#uploadfile {
    width: 60%;
    display: inline-flex;
    margin-left: 5%;
}
/*-----------*/


.btn .text-primary {
    color: white !important;
}
a .btn .text-primary {
    color: white !important;
}

@media (min-width: 1500px) {
    .modal-xl {
        max-width: 1440px !important;
    }
}
@media (min-width: 1800px) {
    .modal-xl {
        max-width: 1740px !important;
    }
}

.grid-image img {
    height: 55px;
    width: 55px;
    border-radius: 50px;
    box-shadow: inset 0 0 1px #e0e0e0, inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.pie-chart-container {
    display: flex;
    align-items: center; /* Align items vertically */
    gap: 8px; /* Space between the pie and value */
}

.pie-chart {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: conic-gradient( #00ac69 var(--percentage, 0%) 0%, /* Green color for the filled portion */
    #ddd 0% 100% /* Light gray for the unfilled portion */
    );
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}