// .mat-ink-bar{
//   background-color:green;
// }
// .mat-tab-label-active{
//    color: green !important;
// }
// .primary{ 
//     background-color: #e2412f;
 
// }
// .accent{ 
//     background-color: #0d93a9;
 
// }
::ng-deep .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  // background-color: #0d93a9;
  display: none;
}
.fontTitle{
  font-weight:bold;
  text-align: left;
}
.ic-change:hover {
    transform: scale(1.1);
    color: green;
}
.cell{
    display:inline !important;
    // text-align: center !important;
}
.cellhide{
    display: none !important;
}
.center{
    text-align:center;
}
.fontsize{
    font-size:14px;
}
.toolbar-space {
    flex: 0.01 0 auto;
}
p.note {
        // float: right;
        text-align: right;
        font-size: 12px;
        color: grey;
        font-weight: bold;
    }

    .ic-change:hover {
        transform: scale(1.1);
        color: green;
      }
      
      
      .center{
        text-align:center;
      }
      .fontsize{
        font-size:14px;
      }
      
      .toolbar-space {
        flex: 0.01 0 auto;
      }
      p.note {
        // float: right;
        text-align: right;
        font-size: 12px;
        color: grey;
        font-weight: bold;
      }
      
      // .example-container {
      //     display: flex;
      //     flex-direction: column;
      //     max-height: 500px;
      //     min-width: 300px;
      //   }
      
      //   .mat-table {
      //     overflow: auto;
      //     max-height: 500px;
      //   }
      
      .mobile-label {
        display: none;
      }
      @media(min-width: 600px) {
      .webhide{
        display: none !important;
      }
      }
      @media(max-width: 600px) { 
            .body-container {
                padding: 0px !important;
            }
            .mat-expansion-panel-body {
            padding: 0 10px 16px !important;
            }
            .cell{
              display: none !important;
          }
          .mat-form-field{
            display: inline !important;
          }
          // .no-pad{
          //    text-align: left !important;
          //    padding-left: 0px !important;
          // }
            .mobile-label {
              width: 80px;
              display: inline-block;
              font-weight: bold;
            }
          
            .mat-header-row {
              display: none;
            }
          
            .mat-row { 
              flex-direction: column;
              align-items: start;
              padding: 8px 24px;
            }
            .lettericon{
              // background-color: cadetblue;
              // padding: 6px 7px 6px 7px;
              border-radius: 10px;
              color: #e2412f;
              font-size: 75%;
              font-weight: bold;
              min-width: 4.4em; 
              text-align: center;
              margin: 10px 0px 0px 0px !important; 
            }
            .lettertext{
                font-size: 80%; 
            }
      }

      ::ng-deep.mat-tab-body-content {
        height: 100%;
         overflow: hidden !important;
    }
    .mat-row {
      min-width: max-content;
    }
    mat-table{
      width: 98%;
    }