.pro-visit-list-grid {
    width: calc(100% + 24px);
    margin: -12px;

    .fig_basic_grid-header {
        margin: 0;
        padding: 0;
        display: flex;
        flex-grow: 1;
        transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        font-size: 0.875rem;
        font-weight: 400;
    }

    .patient-grid {
        margin-top: 5px;
        padding: 0px;

        .tableRow.dataTable__row {
            padding: 2px 0 2px 5px;

            .name-npi__details {
                padding: 0 5px;
                width: calc(100% - 95px);
                word-break: break-word;

                .name-span {
                    font-weight: 500;
                    padding: 0 20px 0 0;
                    display: inline-block;
                }

                .npi-span {
                    color: @gray;
                    font-size: 0.75rem;
                }
            }

        }

        .tableHead.tableRow {
            min-height: 36px;
            background-color: @table-header-bg;
            align-items: center;
            padding-left: 5px;

            .editProfileVisit,
            .EditMeasureDetails {
                padding: 0px 0px;
            }
        }

    }

    .measure-performance,
    .measure-name {
        align-items: center;
        display: flex;
    }

    .actionsIcon-delete>button {
        background-color: transparent;
        box-shadow: none;
    }

    .actions_wrapper {
        flex: 0 0 160px;
        max-width: 160px;
        .flexbox();
        align-items: center;
    }

    .fig-performance>button {
        border-radius: 4px;
        border: 1px solid #666;
    }

    .clinician-name-npi__wrapper {
        .flexbox();
        .flex-align-items(center);
        position: relative;
        margin: 5px 0;
        width: 100%;
    }

    .fig-PatientName {
        flex: 0 0 260px;
        max-width: none;
        justify-content: space-between;
        word-break: break-word;

        @media @tablet-and-mobile {
            flex: 0 0 calc(100% - 300px);
        }

        @media @mobile {
            flex: 0 0 100%;
        }

    }

    .fig-LocationName {
        flex: 0 0 200px;
        max-width: none;

        @media @minimal-desktop-and-below {
            flex: 0 0 calc(100% - 480px);
        }

        @media @tablet-and-mobile {
            flex: 0 0 calc(100% - 400px);
        }

        @media @mobile {
            flex: 0 0 calc(100% - 200px);
        }
    }

    .fig-Gender {
        flex: 0 0 120px;
        max-width: none;
    }

    .fig-DOB {
        flex: 0 0 130px;
        max-width: none;
    }

    .fig-VisitDate {
        flex: 0 0 180px;
        max-width: none;
    }

    .fig-InsuranceType {
        flex: 0 0 250px;
        max-width: none;
    }

    .editProfileVisit {
        flex: 0 0 auto;
        max-width: none;
        padding: 10px 0 5px;
        width: auto;
        margin-right: 10px;
    }

    .EditMeasureDetails {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
        padding: 10px 10px 5px 0;
    }

    .fig-delete {
        flex: 0 0 60px;
        max-width: none;
    }

    span.btniconContainer {
        margin-right: 7px;
    }

    .actions_wrapper.DeleteBtnWrapper {
        @media (min-width: 1530px) {
            max-width: 450px;
        }

        @media (min-width:961px) and (max-width:1280px) {
            max-width: 450px;
        }

        @media (min-width:1280px) and (max-width:1530px) {
            max-width: 200px;

            button {
                span {
                    text-align: center;

                    span {
                        &.btn-txt__span {
                            display: none;
                        }

                        &.btniconContainer {
                            display: inline-block;
                            margin: 0;
                        }
                    }
                }
            }
        }

        @media (max-width:960px) {
            max-width: 200px;

            button {
                span {
                    text-align: center;

                    span {
                        &.btn-txt__span {
                            display: none;
                        }

                        &.btniconContainer {
                            display: inline-block;
                            margin: 0;
                        }
                    }
                }
            }
        }
    }

    .DeleteBtnWrapper {
        // flex:0 0 60px;
        max-width: 100%;
        width: auto;
        display: flex;
        align-items: center;

        // text-align: center;
        >button {
            padding: 10px 0;
            font-size: 1rem;
            border-radius: 50%;
            min-width: 40px;
        }
    }
}

.patient-grid {

    .tableHead.tableRow,
    .tableRow.dataTable__row {
        @media @desktop {
            justify-content: space-between;
        }
    }
}