// main: ../../main.less
body {
  .patient-browser svg, .patient-view svg{
     box-sizing: content-box; 
}
  background-color: #f6f6f6;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  // padding: 0 30px;
  .loader__linear-progress {
    width: 100%;
  }

  //Pagination CSS
  .CustomPagination {
    display: flex;
    justify-content: flex-end;
    font-size: 0.75rem;
    color: #515151;
    .custom-pagination__select-wrapper {
      padding: 0 10px;
      // margin-top:13px;
      .custom-pagination__select-wrapper_span {
        margin-top: 10px;
        .custom-pagination__select--dropdown {
          margin: 0 10px;
          div[role="button"] {
          font-size: 0.85rem;
          padding: 0 24px 0 0;
          }
          .custom-pagination__select--dropdown_options {
            text-align: center;

            }
          }
        }
      }
    }
    
    .Custom--pagination__ul {
      padding-top: 16px;
      padding-right: 0;
      padding-bottom: 0;
      .CustomPaginationText {
        font-weight: normal;
      }
      .custom--pagination__li{
        > span{
          color: #515151;
          cursor: default;
        }
      }
      .active, li.active{
        border: 1px solid @brand-primary;
        border-radius: 50px;
        background: @brand-primary;
      }
      .custom--pagination--back{
        color: #CFCFCF;
        &:hover{
          color: #515151; 
        }
      }
      .custom--pagination--ahead{
        color: #CFCFCF;
        &:hover{
          color: #515151; 
        }
      }
    }
  
  //PatientDrillDown CSS
  .measure--filter__grid-wrapper{
    overflow: auto;
    max-height: 100%;
    .measure--filter__grid{
      margin-bottom: 10px;
      .measure--filter__stackable {
        padding: 0;
        border: 1px solid #A7A8A9;
        border-radius: 0;
        box-shadow: none;
        .measure--filter{
          color: #515151;
          font-weight: 500;
          padding:5px 10px;
        }
        .measure--filter__items{
          color: #848484;
          padding:5px 10px;
        }
      }
    }
    .measure--filter__drill-down-category {
      display: flex;
      color: #515151;
      font-weight: 500;
      justify-content: flex-start;
      margin:0 0 10px 5px;
      padding-bottom: 0;
      align-items: center;
    }
  }
  .export-performance__btn_wrapper {
    text-align: right;
    flex-direction: row-reverse;
    display: flex;
    .export-all__btn_wrapper {
      width:130px;
      position: relative;
      text-align: right;
      .CircularProgressBarLogin{
        position: absolute;
        left:49%;
        top: 49%;
        left: calc(50% - 11px);
        top: calc(50% - 11px);
    }
    }
  }
  div[role="tooltip"] *{
    font-size: 0.9rem !important;

  }

  // Select with Search 
  .select-label{
    font-size: 0.9375rem;
    color: @gray-light;
  }
  .select__control {
    background-color: transparent;            
    border-width:0 0 1px 0; 
    border-radius: 0px;
    padding-bottom: 1px;
  }
  .select__control--is-focused {
    border-width:0 0 2px 0; 
    box-shadow: none ;
  }
  .basic-single {
    padding: 0;
    position: relative;
    
  }
   // For total record of basic table
    .total-records-content__row{
      .total-records__content{
        padding: 10px 0 0 20px;
        border-top: 1px solid #e4e4e4;
        .number_span{
          font-weight: 500;
          font-size: 1rem;
        }
      }
    }   
 // For make customPagination circle in exact round
  .CustomPagination li:not(:first-child){
    min-width: 25px;
  
  }
  .patient-browser svg{
    box-sizing: content-box;
  } 

  // For time being added this below CSS to resolve measure filter component issue after merging PRO into pegasus
  .selected-label__container{
    border: none;
  }
  .filter-change-btn{
    .button{
      background: inherit;
      border: none;
      &:hover{
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.08);
      }
    }
  } 
}


.measure-status-chip__wrapper {
  margin: 0 0 3px 0;
  .measureStatus { 
    background: #e4dbdb;
    padding: 2px 10px;
    border-radius: 25px;
    font-size: 0.85rem;
    margin-right: 5px;
  }
}
// .expired-status{
//   // background:#ffc8c8;
//   color: #fc6262;
// }
.group-dialog {
  overflow: auto;
  div[role="document"] {
    height: auto;
    > div {
      overflow-y: visible;
      max-width: 650px;
      .group-dialog-content {
        overflow: visible;
        .basic-single {
          position: relative;
          .select__menu {
            z-index:9;
            
          }
        }
        
      }
    }
  }
}