// main: ../container.less

.quality-dashboard--page__wrapper {
    .mastertab-outer{
        .mastertab__tab {
            .mastertab__tab__tab-content{
                padding: 0;
                min-height: 48px;
                     >span {
                    padding-top: 0px;
                    display: inline-block;
                    padding-left: 22px;
                    >span {
                        padding: 6px 24px 6px 10px;
                    }

                    font-size: 1rem;
                    }
                }
            }
            .master-tab-content__wrapper{
                padding-top:5px;
                position: relative;
                @media @mobile {
                    padding:5px 15px 24px;
                }
            }
        }

    .page-title__container {
    }


    .tableRow {
        &.tableHead {
            .tableColumn {
                color: @body-text-clr;
                font-size: 0.875rem;
                &.fig-viewDetails {
                    flex: 0 0 60px;
                    //padding-left: 5px;
                }
                &.fig-ServiceDeskDialog {
                    flex: 0 0 60px;
                }
                &.fig-measure {
                    //padding-right: 12px;
                    flex: 0 0 calc(50% - 210px);
                    max-width: calc(50% - 210px);
                    @media (max-width:1120px){
                        flex: 0 0 calc(100% - 205px);
                        max-width: calc(100% - 205px);
                    }
                    @media (max-width:570px){
                        flex: 0 0 calc(100% - 10px);
                        max-width:calc(100% - 10px);
                        padding-left:5px;
                    }
                    .measure_description__wrapper {
                        padding: 4px 6px 4px 0;
                        font-size: 0.9rem;
                    }
                    .measure_description-icons__wrapper {
                        .flex-align-items(center);
                        .flexbox();
                    }
                }
                &.fig-performance {
                   // margin-left: 15px;
                   margin-left: 5px;
                   @media @minimal-desktop-and-below {
                        flex: 0 0 calc(100% - 230px);
                    }
                    @media (max-width:570px){
                        flex: 0 0 calc(100% - 10px);
                    }
                }
                &.fig-id {
                    flex: 0 0 70px;
                }
                &.fig-displayname{
                    max-width: 95px;
                    flex: 0 0 95px;
                    word-break: break-all;
                    padding-right: 5px;
                }
                &.fig-category{
                    flex:0 0 190px;
                    max-width:190px;
                    padding:0 5px;
                    @media @mobile {
                        flex:0 0 50%;
                        max-width: 50%;
                        padding: 5px 0 5px 5px;
                    }
                }
                &.fig-exportPdf{
                    flex: 0 0 40px;
                    .flexbox;
                }
                &.fig-favourite{
                    flex: 0 0 110px;
                    @media @minimal-desktop-and-below {
                        text-align: left;
                        padding-left: 5px;
                    }
                }


            }
        }
        &.dataTable__row{
            padding-bottom: 3px;
            .tableColumn {
                .flex-align-items(center);
                .flexbox();
                min-height: 30px;
                color: @body-text-clr;
                &.fig-viewDetails {
                    flex: 0 0 60px;
                    //padding-left: 5px;
                    justify-content: center;
                    button {
                        color:@gray-light;
                        min-width: 50px;
                        cursor: pointer;
                        &:hover{
                            color:@gray-darker;
                        }
                    }
                }
                &.fig-favourite{
                    flex: 0 0 110px;
                }
                &.fig-ServiceDeskDialog {
                    flex: 0 0 60px;
                    button{
                        min-width: 50px;
                        cursor: pointer;
                    }
                }
                &.fig-measure {
                    //padding-right: 12px;
                    flex: 0 0 calc(50% - 210px);
                    max-width: calc(50% - 210px);
                    .measure_wrapper{
                        .flex-align-items(center);
                    }
                    @media (max-width:1120px){
                        flex: 0 0 calc(100% - 205px);
                        max-width: calc(100% - 205px);
                        min-height: 40px;
                    }
                    @media (max-width:570px){
                        flex: 0 0 calc(100% - 10px);
                        max-width:calc(100% - 10px);
                        min-height: 40px;
                        padding-left:5px;
                    }
                    .measure_description__wrapper {
                        padding: 4px 6px 4px 0;
                        font-size: 0.9rem;
                        color: @gray-darker ;
                    }
                    .measure_description-icons__wrapper{
                        .flex-align-items(center);
                        .flexbox();
                    }
                }
                &.fig-performance {
                    //margin-left: 12px;
                    @media @minimal-desktop-and-below {
                        flex: 0 0 calc(100% - 230px);
                    }
                    @media (max-width:570px){
                        flex: 0 0 calc(100% - 10px);
                    }
                }
                &.fig-id {
                    flex: 0 0 70px;
                    color:@gray-light-text;
                }
                &.fig-displayname{
                    max-width: 95px;
                    flex: 0 0 95px;
                    color:@gray-light-text;
                    word-break: break-all;
                    padding-right: 5px;
                }
                &.fig-category{
                  flex:0 0 190px;
                  max-width:190px;
                  padding:0 5px;
                  @media @mobile {
                      flex:0 0 50%;
                      max-width: 50%;
                      padding: 5px 0 5px 5px;
                  }
                  > span {
                      background: #e4dbdb;
                      padding: 2px 5px 5px;
                      border-radius: 25px;
                      font-size: .75rem;
                      line-height: .8rem;
                      display: inline-block;
                      margin:3px 10px 5px 0;
                      &.error {
                          background-color: @tag-bg-warning ;
                          color:@brand-danger;
                      }
                      &.primary{
                          background-color: @tag-bg-info  ;
                          color:@outcome-color;
                      }
                      &.success {
                          background-color: @tag-bg-success;
                          color:@brand-success;
                      }
                  }
                }
                &.fig-exportPdf{
                    flex: 0 0 40px;
                    .flexbox;
                    .flex-justify(center);
                    .flex-align-items(center);
                }
                &.fig-exportPerformance {
                    position: relative;
                    .CircularProgressBarLogin{
                        position: absolute;
                        left:49%;
                        top: 49%;
                        left: calc(50% - 11px);
                        top: calc(50% - 11px);
                    }
                }
            }
            .measure_wrapper {
                .icon_measure {
                    font-size: 26px;
                    padding: 0 4px;
                }
            }
        }
    }



    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
        .measure--filter__wrapper {
            .measure--filter--bg__wrapper {
                > div {
                    margin: -12px -12px -12px -11px;
                }
            }
        }

    }


    .tab-content-header_container {
        .export-all__btn_wrapper{
            .CircularProgressBarLogin{
                position: absolute;
                left:49%;
                top: 49%;
                left: calc(50% - 11px);
                top: calc(50% - 11px);
            }
        }
        // @media (min-width:768px) {
        //     .flexbox();
        // }
        .export-all__btn_wrapper {
            position: absolute;
            right: 17px;
            margin-top: -4px;
            // @media (max-width:1280px) and (min-width:768px) {
            //     width:135px;
            //     flex:0 0 135px;
            //     text-align: right;
            //     button {
            //         margin:0 ;
            //     }
            // }
            // @media @minimal-desktop-and-above {
            //     position: absolute;
            //     right: 17px;
            // }
            // @media @mobile{
            //     position: absolute;
            //     right: 17px;
            // }
        }
    }

    .measure--filter__wrapper {
        position: relative;
        margin:0px 0 0px ;
        @media @minimal-desktop-and-below {
            min-height: 33px;
        //     width: ~'calc(100% - 135px)';
        //     flex:0 0 calc(100% - 135px);
        }
        @media @mobile{
            width: 100%;
            flex:0 0 100%;
        }
        .measure--filter--row__wrapper {

            .flexbox;

            flex-direction: row-reverse;
            @media @desktop-and-tablet {
                position: absolute;
                right: 0px;
                width: 100%;
            }

            @media @minimal-desktop-and-above {

                top: -43px;
                width: 80%;
                width: ~'calc(100% - 515px)';
            }
            //.flex-justify(center);
            .measure--filter--bg__wrapper {
                padding: 4px 11px 5px;
                > div {
                    margin-top: -2px;
                    margin-bottom: -2px;
                }
                .selected-label__title {
                    display: none;
                }
                /*.selected-year__container {
                    .selected-label__row {
                        p {
                            display: inline-block;
                            &.selected-label__title{
                                display: inline-block;
                            }
                            &.selected-label__value {
                                margin-left: 10px;
                            }
                        }
                    }
                }*/
                .filter-change-btn {
                    > button{
                        min-height: 24px;
                        padding: 2px 3px;
                    }
                }
                .filter-change-btn{
                    padding: 0px 10px;
                }
                .selected-duration__container,
                .selected-year__container,
                .selected-label__container,
                .selected-clinician__container,
                .selected-location__container,
                .selected-fromdate__container,
                .selected-todate__container{
                    padding: 2px 10px;
                }
            }
            .measure--filter__stackable {
                top:35px;
                width: 100%;
                @media @desktop-and-tablet {
                    right: 0;
                }
                @media @mobile {
                    left:0;
                }
                @media (max-width:1024px) {
                    top:32px;
                }
                
            }
        }
    }

}

.page-title__container{
    .fi-subheader__title {
        font-size: 22px;
        color: #1D1D1D;
        margin: 10px 0;
    }
}

.page_head-top-right__container {
    text-align: right;
    .select-practice__container {
        justify-content: flex-end;
        margin-bottom: 5px;
        .select-practice--title__container {
            flex: 0 0 150px;
            line-height: 2.2rem;
            margin: 0 15px 0 0;
            font-size: .9rem;
            align-self: center;
            p {
                font-size: 1rem;
            }
        }
        .select-practice--dropdown__container {
            flex: 0 0 270px;
            text-align: left;
            .select__control {
                background-color: transparent;
                border-width:0 0 1px 0;
                border-radius: 0px;
            }
            .select__control--is-focused {
                border-width:0 0 2px 0;
                box-shadow: none ;
            }
            .basic-single {
                padding: 0;
                z-index: 3;
            }
        }

    }
    .datatime-flexContainer {
        display: table;
        padding:0 0 10px;
        .datatime-content {
            display: table-cell;
            width: auto;
            text-align: right;
            padding: 0;
            vertical-align: middle;
            .datatime-numbers__span {
                margin-left: 5px;
                strong {
                    font-weight: 500;
                }
            }
            @media (max-width: 550px){
                display: table-row;
                span {
                    &.datatime-label{
                        display: table-cell;
                    }
                    &.datatime-numbers__span {
                        display: table-cell;
                        padding-left: 5px;
                    }
                }
            }
        }
    }
}

.mastertab-outer{
    .mastertab__tab {
        .mastertab__tab__tab-content{
            padding: 0;
                 >span {
                padding-top: 0px;
                display: inline-block;
                padding-left: 22px;
                >span {
                    padding: 6px 24px 6px 10px;
                }

                font-size: 1rem;
                }
            }
        }
    }