// main: ../container.less
.measure-details--page__wrapper {
    .measure-details--page-header__wrapper {
        margin-bottom: 15px;
        margin-top: 10px;
        .back-link--page__container {
            flex: 0 0 24px;
            font-size: 2.4rem;
            a.go-back--link {
                color: #333333;
                text-decoration: none;
                cursor: pointer;
                line-height: 2.2rem;
            }
        }
        .measure-details--header__container{
            width: 90%;
            width: ~'calc(100% - 25px)';
            @media @minimal-desktop-and-above {
                .measure-details--right-header__container{
                    padding-right: 20px;
                }
            }
            
        }
        
        .practice-name-header__container {
            color: @body-text-clr;
            margin-bottom: 5px;
            h5 {
                color: @body-text-clr;
            }
        }
        .practice-select-header__container {
            margin-bottom: 10px;
            max-width: 800px;
        }
        .practice-measure-performance--stats__container {
            margin-bottom: 10px;
            .measures__icons--grid {
                margin-bottom: 0;
                margin-top: 0;
                .measures__data--grid {
                    padding: 0 10px;
                }
                .measures__data--grid:nth-child(2) {
                    
                    
                        .measures__data--percent {
                            &.performance-red {
                                color: @progress-danger;
                            }
                            &.performance-amber {
                                color: @progress-warning;
                            }
                            &.performance-green {
                                color: @progress-success;
                            }
                        }
                    
                }
                .measures__data--label, .measures__data--percent {
                    padding-left: 0;
                    text-align: center;
                }
                .measures__data--icons {
                    flex: 0 0 105px;
                }
            }
        }
    }

    .measures__icons--grid{
        .measures__data--icons{
            .flexbox;
            .measures__data--arrow-up{
                svg {
                   color: @gray-light;
                }
            } 
            .measures__data--thumbs-up{
                display: none;
                &.performance-red {
                    svg {
                        color:@brand-danger ;
                    }
                }
                &.performance-amber {
                    svg {
                        color:@brand-warning;
                    }
                }
                &.performance-green {
                    svg {
                        color:@brand-success ;
                    }
                }
            } 
        }
    } 

    .fig-BasicAccordion {
        .expansion-group, .expansion-group-tablebody {
            .fig-ac_name, .fig-ac_firstname {
                flex: 0 0 calc(50% - 170px);
                max-width: calc(50% - 170px);
                @media (max-width:1120px){
                    flex: 0 0 calc(100% - 170px);
                    max-width: calc(100% - 170px);
                }
                @media (max-width:570px){
                    flex: 0 0 calc(100% - 10px);
                    max-width:calc(100% - 10px);
                    margin-left: 12px;
                }
            }
            .fig-ac_Denominator {
                flex:0 0 55px;
                max-width: 55px;
            }
            .fig-ac_Numerator {
                flex:0 0 65px;
                max-width: 65px;
            }
            .fig-ac_DenomExclusion, .fig-ac_DenomException {
                flex:0 0 78px;
                max-width: 78px;
                padding-left: 5px;
            }
            .fig-ac_NotMet {
                flex:0 0 88px;
                max-width: 88px;
            }
            .fig-ac_performance {
                flex: 0 0 calc(50% - 200px);
                max-width: calc(50% - 200px);
                padding-left: 5px;
                @media (max-width:1120px){
                    flex: 0 0 calc(100% - 200px);
                    max-width: calc(100% - 200px);
                }
                @media (max-width:570px){
                    flex: 0 0 calc(100% - 10px);
                    max-width:calc(100% - 10px);
                    margin-left: 12px;
                }
            }
            .fig-ac_practiceName{
                flex: 0 0 50%;
                max-width: 50% ;
                padding-left: 5px;
                @media @mobile{
                    flex: 0 0 calc(100% - 10px);
                    max-width:calc(100% - 10px);
                }
            }
            .performance-trends .performance-trends_table {
                padding: 12px;
            }
        }
    }
}