.flatpicker-custom .form-control[readonly] {
    background: #fff;
}

.dashboard-donut-wrapper {
    max-height: 200px;
}

.front {
    z-index: 2;
}

.claim-img {
    width: 440px;
    height: 440px;
    object-fit: cover;
}

.claim-img-small {
    height: 92px;
    width: 92px;
    object-fit: cover;
}

.img-container {
    position: relative;
    width: 75%; /* This controls the width of the image container */
    padding-top: 75%; /* This creates a square aspect ratio by setting height equal to the width */
    margin: 0 auto; /* Center the container */
}

.img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Image width will take 100% of the container width */
    height: 100%; /* Image height will take 100% of the container height */
    border-radius: 50%;
    object-fit: cover;
}

.profile-show-img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
}

.pagination-total-entries {
    min-width: fit-content;
}

/* If you had styles like this, you can remove them */
.hover-dropdown-fade:hover .hp-notification-menu {
    display: block;
}