//main: ../main.less


// Group Dashboard Page Styling 
.quality-dashboard--page__wrapper.group-dashboard--page__wrapper {
    .page_head-top-right__container{
        .select-practice__container{
            .flex-align-items(center);
            .flex-justify(flex-end);
            margin-bottom: 5px;
            height: 100%;
        }
    }
    .page-content__wrapper {
        position: relative;
        .view-edit-group--btn__container {
            position: absolute;
            right: 16px;
            top: 2px;
            z-index: 2;
            @media @mobile {
                right: 8px;
                top: 80px;
            }
        }
    }
    .measure--filter--row__wrapper {
        @media @desktop {
            right: 225px;
            top:-43px;
        }
    }

    .fig-BasicAccordion {
        .expansion-group, .expansion-group-tablebody{
            .ExpansionPanelSummary-tablebody {
                padding: 5px 0px 0 0;
            }
            .fig-ac_favourite{
                flex:0 0 110px;
                padding:0 5px;
                @media @mobile {
                    text-align: left;
                    padding: 0px 0 0px 5px;
                }
            }
            .fig-ac_displayname {
                flex:0 0 95px;
                padding:0 5px;
            }
            .fig-ac_measure {
                flex-basis: calc(100% - 210px);
                max-width: calc(100% - 210px);
                padding:0 5px;
                @media @mobile {
                    flex:0 0 100%;
                    max-width: 100%;
                    padding: 5px 0 5px 5px;
                }
                @media @minimal-desktop-and-above {
                    flex:0 0 calc(50% - 225px);
                    max-width: calc(50% - 225px);
                }

            }
            .fig-ac_performance{
                flex-basis: calc(100% - 370px);
                max-width: calc(100% - 370px);
                padding:0 5px;
                @media @mobile {
                    flex:0 0 100%;
                    max-width: 100%;
                    padding: 5px 0 5px 5px;
                }
               @media @minimal-desktop-and-above  {
                    flex-basis: calc(50% - 200px);
                    max-width: calc(50% - 200px);
               }
                
            }
            .fig-ac_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-ac_domaindescription {
                flex:0 0 170px;
                max-width:170px;
                padding:0 5px;
                p{
                   font-size: .8rem; 
                }
                
                @media @mobile {
                    flex:0 0 50%;
                    max-width: 50%;
                    padding: 5px 0 5px 5px;
                }
            }
            .fig-ac_export {
                flex: 0 0 110px;
            }
        }
        .tableRow {
            .tableColumn {
                padding: 0 5px;
            }
        }
    }
}

  
  
  .group-dialog{
      // .group-dialog-title{
     
          .group-dialog-title{
              margin-top: 10px;
              border-bottom: 1px solid #CFCFCF;
              padding: 0 20px 10px;
            .dialog-title{
              display: flex;
              justify-content: space-between;
              align-items: center;
            }  
      }
      .dialog-group-name{
          .select-dropdown{
              >div{
                border-top: none;
                border-left: none;
                border-right: none;
              }
          }
         
      }
      
      .group-dialog-content{
        padding-top: 24px;
            .group-dialog-select{
              display: flex;
              
              
                .input-label{
                  display: flex;
                //   align-items: center;
                  color: rgba(0, 0, 0, 0.54);
                  padding: 0;
                  font-size: 0.9rem;
                  font-weight: 500;
                  padding-top: 15px;
                }
            .radio-btn-group{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                flex: 1;
                //   justify-content: flex-end;
                padding-left: 25px;
                .tabgroup__iconimage{
                    margin-right: 6px;
                }
              }
          }
          .group-dialog-label{
            display: flex;
            .input-label{
                display: flex;
                align-items: center;
                color: #515151;
                padding: 0;
                font-size: 0.9rem;
                font-weight: 500;
            }
            .entity--group__label {
                margin-left: 15px;
                >label{
                   color: @brand-primary;
                   font-size: 0.9rem;
                   font-weight: 500;
                }
            }
          }
          .dialog-group-name{
            .dialog-group-name__label {
                font-size: 0.875rem;
            }
            .dialog-group-name__input {
                margin-top: 0;
                >div{
                    >input{
                        padding-top: 10px;
                        padding-left: 10px;
                    }
                }
            }
          }
          .provider-entityList-container__wrapper{
            margin-top: 10px;
              .practice-entityList-container{
                  .practice-entityList__select{
                    .practice-entityList__label {
                        font-size: 0.875rem;
                    }
                    .select-dropdown {
                        margin-top: 10px;
                    }
                  }
              }
          }
      }
      .dialog-group-actions__wrapper{
          margin: 0 20px 20px;
      }
  }
  .group-dialog {
    .group-dialog-content{
        overflow-x: hidden;
        box-sizing: border-box;
        .input-label{
            color:@brand-primary;
            font-size:.95rem;
            font-weight: 500;
        }
        .tabgroup__iconimage{
            margin: 0 6px 0 0;
            font-size:1rem;
        }
    }
  }
  
  .group-dialog-content{
    .form-helperText{
        color: red;
        margin:5px;
    }
  }