.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%;
}
/*-----------*/

/* START Thrift+ Yellow colour overrides */
.btn-primary {
    color: black;
    background-color: #fff501;
    border-color: #fff501;
}

    .btn-primary:hover {
        color: black;
        background-color: #fffcbf;
        border-color: #fffcbf;
    }

    .btn-primary:disabled, .btn-primary.disabled {
        background-color: #fffcbf;
        border-color: #fffcbf;
        color: gray;
    }

    .btn-primary:focus {
        color: black;
        background-color: #fff501;
        border-color: #fff501;
    }

.btn-primary-soft {
    background-color: #fffcbf;
    border-color: #fffcbf;
}

    .btn-primary-soft:hover {
        opacity: 50%;
    }

.btn-light {
    background-color: #fff501;
    border-color: #fff501;
}

.btn-light:hover {
    background-color: #fffcbf;
    border-color: #fffcbf;
}

.text-primary {
    color: black !important;
}

.btn-secondary {
    background-color: white;
    border-color: black;
    color: black !important;
}

    .btn-secondary:hover {
        color: white !important;
        background-color: black;
        border-color: #fffcbf;
    }


.form-control:focus, .dataTable-input:focus {
    box-shadow: 0 0 0 0.25rem #fffcbf;
}

.input-group-joined:focus-within {
    box-shadow: 0 0 0 0.25rem #fffcbf;
}

body {
    background-color: white !important;
}

.dropdown-notifications .dropdown-menu .dropdown-notifications-header {
    background-color: #fff501;
    color: black !important;
}

/*.sidenav-light .sidenav-footer {
    background-color: #fff501;
}*/

/* END Thrift+ Yellow colour overrides */

@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;
}