@import 'hr-core-consts.scss';
/*=====================================
             MAT-ADDITIONAL
======================================*/

// sidenav styling
mat-sidenav-container,
mat-sidenav-content,
mat-sidenav {
  height: 100%;
}

/*=========================================================================================================================*/

mat-sidenav {
  width: 250px;
}

// Tab Gruppen
mat-tab-group {
  text-align: center;
}

mat-tab-group p {
  padding-top: 20px;
}

/*=========================================================================================================================*/
// spinner styling

.mat-spinner circle {
  stroke: $hrColor-DarkBlue !important; //#78b7e5;
}

.hrd-mat-spinner {
  transform: scale(0.3);
  left: calc(50% - 46px);
  top: -38px;
  // display: inline-block !important;
  position: absolute !important;
}

.input.mat-input-element {
  margin-top: inherit !important;
}

// the next 2 settings do the mat form field enger
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 5px;
}

.mat-form-field-wrapper {
  padding-bottom: 5px !important;
}

.mat-option {
  height: 30px !important;
  display: flex !important;
}

/*=========================================================================================================================*/
// dialog styling

.mat-dialog-container {
  border-radius: $hrBorder-radius-big !important;
  height: auto !important;
  overflow: hidden !important;
}

//additional dead code
/*
// "-" symbol color in check box partially selected
::ng-deep .mat-checkbox-mixedmark {
  background-color: rgba(0, 0, 0, .54);
}

// check-symbol color in check box and width
::ng-deep .mat-checkbox-checkmark-path {
  stroke: $hrColor-LightBlue !important;
  stroke-width: 3 !important;
}
*/


.mat-tab-label-active {
  font-weight: bold !important;
  opacity: 1 !important;
}

.hr-alfa-disabled .mat-form-field-disabled,
.hr-alfa-disabled .mat-form-field-disabled .mat-select-value,
.hr-alfa-disabled .mat-input-element:disabled,
.hr-alfa-disabled .mat-checkbox-disabled .mat-checkbox-label,
.hr-alfa-disabled .mat-checkbox-disabled .mat-checkbox-input,
.hr-alfa-disabled .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, $hrColor-Alpha_Disabled) !important;
}

//--- menu

.mat-menu-item {
  line-height: 30px !important;
  height: 30px !important;
}


//--- errors
.mat-error {
  text-align: left;
  width: fit-content;
  background-color: rgb(255, 255, 255);
}


/*=========================================================================================================================*/
// stepper

.mat-vertical-stepper-header {
  padding: 24px 10px 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}


/*=========================================================================================================================*/
// drop down

.mat-select-trigger {
  height: 1.25em;
  display: inline-table !important;
}

.mat-input-element {
  text-overflow: ellipsis;
  // overflow: hidden;
  // white-space: nowrap;
}

.mat-select-arrow-wrapper {
  display: table-cell !important;
}

// .dx-dropdowneditor-button .dx-button-content {
//   position: absolute;
//   margin-top: 5px;
// }
