/* Styles for tab labels */
:host ::ng-deep.mat-tab-label {
  min-width: 25px !important;
  //padding: 5px;
  background-color: #F2F0F0;
  color: #53C0E5;
  font-weight: 700;
  border-radius: 5px 5px 0px 0px;
}


// .test{
//   min-width: 25px !important;
//   //padding: 5px;
//   background-color: #F2F0F0;
//   color: #53C0E5;
//   font-weight: 700;
//   border-radius: 5px 5px 0px 0px;
// }

/* Styles for the active tab label */
:host ::ng-deep .mat-tab-label.mat-tab-label-active {
  min-width: 25px !important;
  //padding: 5px;
  background-color: #53C0E5;
  color: white;
  font-weight: 700;
  border-radius: 5px 5px 0px 0px;
}

/* Styles for the ink bar */
:host ::ng-deep .mat-ink-bar {
  background-color: gray !important;
  //@apply bg-transparent
}

.disable{
  @apply bg-gray-300 border-gray-400 pointer-events-none
}

.mat-column-select {
  overflow: initial;
}

/** No CSS for this example */
::ng-deep mat-form-field {
  width: 100%;
}

::ng-deep .mat-calendar-body-cell.selected > .mat-calendar-body-cell-content,
::ng-deep .mat-calendar-body-cell.selected:hover > .mat-calendar-body-cell-content,
::ng-deep .mat-calendar-body-cell.selected > .mat-calendar-body-cell-content:hover {
  background-color: #673ab7 !important;
  color: #fff !important;
}
