//patient-view-header
.patient-view {
    .icon-QRcode {
        padding: 0 8px 0 0;
    }
    .patient-detailsProfile-header {
        .patientDetail-back {
            a.back-btn{
                color: @gray-light;
                font-size: 1rem;
                padding-right: 15px;
            }
        }
        .patientHeader {
            background: @accent-white;
            width: 100%;
            margin-bottom: 20px;
            border-bottom: solid 1px lighten(@gray-base, 89%);
            margin-bottom: 20px;
            align-items: center;
            padding: 10px 20px;

            .patientHeader-text {

                color: @light-pro-text;

                // & .patient-info_header {
                //     color: #353535;
                //     font-size: 1rem;
                //     text-transform: capitalize;
                //     font-weight: 500;
                // }
            }

            .patientDetail-title {
                
                .patient-info--container{
                    .flexbox();
                    flex-wrap: wrap;
                .patient-info--row{
                    .flexbox();
                    .flex-align-items(baseline);
                    flex-basis: 100%;
                    flex-wrap: wrap;
                    .patient-info{
                        &.patient-info-group-1{flex:0 0 220px; padding-right: 5px;}
                        &.patient-info-group-2{flex: 0 0 220px; padding-right: 5px;}
                        &.patient-info-group-3{
                            flex: 0 0 calc(100% - 440px);
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            min-width: 300px;
                        }
                        .patient-info__text{
                            text-overflow: ellipsis;
                            overflow: hidden;
                            .patient-info__text-title{
                                    color: #353535;
                                    font-size: 0.875rem;
                                    text-transform: capitalize;
                                    font-weight: 500;
                                    &.header-name{font-size: 1rem;}
                                .patient-info__text-icon{
                                    color: @light-pro-text;
                                    padding-right: 5px;
                                }
                            }
                            .patient-info__text-content{
                                color: @light-pro-text;
                                font-size: 0.875rem;
                            }
                        }
                    }
                }
                    
                }
                
                // .flexbox();
                // .flex-align-items(center);

                // .patient-info {
                //     display: flex;
                //     .flexbox();
                //     .flexbox-direction(column);
                //     padding: 12px;
                // }
            }

            .patientDetailHeader-btn {
                .flexbox();
                .flex-justify(flex-end);
            }
        }
    }

    .patientDetail-tab-wrapper {
        border-radius: none;
        border-bottom: solid 1px #e3e3e3;
        >div{
            box-shadow: none;
        }
        .mastertab-outer {
            >div:nth-child(2) {
                padding: 0;
            }
        }
        .mastertab__tab{
            .mastertab__tab__tab-content{
                @media (min-width:480px) and (max-width:1280px) {
                    >span{
                        display: inline-block;
                        >svg{padding-right: 5px;}
                        >span{padding: 0;width:auto}
                    }
                    
                }
                @media (max-width:480px) {
                    >span{
                        display: flex;
                    }
                }
            }
        }
        
        .pro--patient-details__wrapper {
            padding: 24px;
            .pro-visit-list-grid {
                .patient-grid {
                    margin: 0;
                }
                .fig-Name{
                    padding: 0 5px 0 10px;
                }
            }
        }
        //BasicGrid TableRow hover 
    .tableRow {
        &.dataTable__row{
            min-height: 60px;
            border-top:1px solid #e8e8e8;
            &:hover {
                background-color: @grid-hover;
            }
        }
    }
        .basic-grid.patient-grid.table {
            .fig-visitDate{padding-left:18px;}
            // .tableRow.dataTable__row {
            //     >div:first-child {
            //         margin-left: 18px;
            //     }
            // }

            .fig-Visit {
                flex: 0 0 300px;
            }

            .fig-eye,
            .fig-ear,
            .fig-expiryIn,
            .fig-diagnosis {
                flex: 0 0 120px;
            }
            .fig-performance.actions_wrapper{
                flex: 0 0 200px;
            }

            .fig-questionnaireType {
                
            }

            .fig-clinicianName {
                flex: 0 0 180px;
            }

            .fig-surgeryDate,
            .fig-visitDate {
                flex: 0 0 165px;
            }
            
            .fig-Name {
                flex: 0 0 calc(100% - 70%);
                min-width: 200px;
                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%;
                }

            }
        }
    }

    //No result found css
    .no--result_paper {
        width: 100%;
        box-shadow: none;
        .noDataFound();
    }
}

.total-records-content__row {
    .total-records__content {
        .number_span {
            font-weight: 500;
            font-size: 1rem;
        }
    }
}