div#root.pro_container {
    padding: 24px;
}

//Patient Browser header
.patient-browser {
    .flex-align-items(center);

    &.patient-browser-addpatient {
        .flexbox();
        .flex-justify(flex-end);
    }

    .no--result_paper {
        width: 100%;
        padding: 20px;
        box-shadow: none;
        .noDataFound();
    }

    &.asign-pro_filter {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
}

.assign-pro_list {
    .search_record{
        padding: 0px 2em 1em !important;;
        .search_record-note{
            color: #F76161;
        }
    }
    .assgin-pro-list__wrapper {
        margin: -24px 0 0;
        .assgin-pro-list {
            &.visit-list-grid {
                width: 100%;
            }
        }
    }

}
 

//PRO progress tracker tab wrapper
&.pro--progress_tracker-wrapper {
    box-shadow: none;
    border-radius: none;
    border-bottom: solid 1px #e3e3e3;
    padding: 24px;
}

.pro-visit-list-grid {
    .fig-Name {
        padding: 0 5px 0 10px;
    }

    .CustomPagination {
        padding: 0 24px 24px;
    }

    .tableHead {
        &.tableRow {
            background-color: @table-header-bg;
            min-height: 36px;
            justify-content: inherit;
            .flexbox();
            .flex-align-items(center);
            font-size: 0.875rem;
        }

    }

    .fig_basic_grid-header {
        margin: 0;
        border-radius: 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;
        border-radius: 4px 4px 0 0;
        color:@gray-base ;
        // >div:first-child{
        // margin-left: 18px;
        // }
        &.fig-Name,
        &.fig-MRN,
        &.fig-EmailId,
        &.fig-Eye,
        &.actions_wrapper {
            font-weight: 500;
            font-size: 0.9375rem;

        }
    }

    .tableRow.dataTable__row {
        //   >div:first-child{
        //     margin-left: 18px;
        //   }
        justify-content: inherit;
    }

    .tableColumn();

    .tableColumn {
        &.fig-Checkbox {
            flex: 0 0 50px;
            max-width: none;
            div {
                height: 100%;
                .flexbox();
                .flex-align-items(center);
            }
        }

        &.actions_wrapper {
            @media @mobile {
                max-width: 155px;
                padding-bottom: 12px;
            }
        }
        .dataTable__row {
            color: #575962;
            font-size: .875rem;
        }
    }

    .fig_basic_grid-header {
        .tableColumn {
            // height: 30px;

            &.actions_wrapper {
                padding-bottom: 0;
            }

            // &.fig-Checkbox {
            //     div>span {
            //         padding: 3px 9px;
            //     }
            // }
        }
    }
}



.custom-pagination-grid {
    display: flex;
    justify-content: flex-end;
    padding: 0 8px 0 0;
}

.record-search {
    align-items: center;
    justify-content: space-around;
    display: flex;

}

// Search Component
// .patient-search{
.patient-search-group {
    display: flex;
    // align-items: flex-end;
    // justify-content: flex-end;
    // padding: 0 0 0 20px;

    .search-container {
        .searchInput();
    }
    @media @tablet-and-mobile{
        padding: 0 0 15px;
    }
}

// }
.total-record {
    font-size: 0.98rem;
}

.name-mrn {
    .flexbox();
    .flex-justify(center);
    .flex-align-items(center);
    cursor: pointer;

    >span,
    img {
        padding-right: 8px;
    }

    .email-icon {
        &.assign-pro-enabled {
            color: @brand-success;
            background: @tag-bg-success;
        }

        &.assign-pro-disabled {
            color: @high-priority-color;
            background: @high-priority-bg;
        }

        border-radius:50%;
        padding: 10px;
    }
}

//ProProgress

.progress-search {
    // padding-left: 50px;
    // .flexbox();
    // .flex-justify(flex-end);

    .search-container {
        .searchInput();
    }
}

//full width table
.pro-tab_container {
    position: relative;
    >div{
        box-shadow: none;
    }
    .mastertab-outer {
        >div:nth-child(2) {
            padding: 0;
        }
    }
    //AssignProList
.pro-paper {
    box-shadow: none;
    border-radius: none;
    border-bottom: solid 1px #e3e3e3;
    padding: 24px;

    .record-search {
        // align-items: baseline;
        .flex-align-items(flex-end);
        &.total_record {
            @media (max-width: 960px) {
                order: 2;
                margin: 12px 0 0;
            }
        }

        &.total-record {
            color: @light-pro-text;
        }
    }
    .asign-bulk--button_wrapper {
        // display: flex;
        // justify-content: flex-end;
        // padding: 0 20px 0 0;
        position: absolute;
        top: 12px;
        //right: 40px;
        padding:0;
        right: 24px;

        @media (max-width: 960px) {
            justify-content: flex-start;
            padding: 20px 0 0;
        }
        .asign-bulk_button {
            box-shadow: none;
            &.disabled{
            //change it
            background: @brand-primary;
            opacity: 0.4;
            color: @accent-white;
            }
            }
    }

    .name-mrn__details {
        word-break: break-word;

        .name-span {
            color: #4294F2;
            font-size: 1rem;
            font-weight: 500;
            padding: 0 20px 0 0;
            display: inline-block;
        }

        .mrn-span {
            font-size: 0.98rem;
            color: @gray;
        }
    }
}
}

//paper-wrapper
.patient-browser-grid {
    background: @accent-white;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: solid 1px lighten(@gray-base, 89%);
    padding: 20px;

    .patient-browser-filter {
        .filter-select-item {
            .select-label {
                .asterik_symbol {
                    color: red;
                    padding-left: 4px;
                }
            }
        }
    }
}

//Pro-icon spacing 
.icon-plus,
.icon-search {
    padding-right: 8px;
}


//BasicGrid TableRow hover 
.tableRow {
    &.dataTable__row {
        min-height: 60px;
        border-top: 1px solid #e8e8e8;

        &:hover {
            background-color: @grid-hover;
        }
    }
}

// .patient-grid .tableHead.tableRow, .patient-grid .tableRow.dataTable__row{
//     justify-content: space-between
// }


.pro-visit-list_pro-progress__wrapper {

}
.pro-progress-tracker {
    .fig-Name {
        flex: 0 0 calc(100% - 70%);
    }
}
.noDataFound();