/* Aqui se modificarán los estilos de elementos de Angular Material para que sean iguales a los antiguos */
.mat-mdc-form-field-infix{
  width: 100% !important;
}


.mdc-text-field {
  background-color: white !important;

/*   border: 1px solid #d1d5e4; */

  border-radius: 4px;
}
/* .mdc-line-ripple {
  display: none;
} */
.flex-btn {
  display: flex !important;
}

mat-label,
mat-option, input {
  color: #8c8c8c;
  font-family: TelefonicaWebRegular !important;
  font-size: 12px !important;
}

.mat-mdc-form-field-required-marker {
  color: #82b4ff;
  font-family: TelefonicaWebRegular !important;
  font-size: 14px;
}

.invalid-input .mat-mdc-form-field-required-marker {
  color: red !important;
}

.mdc-floating-label--float-above {
  color: #82b4ff !important;
}



mat-option {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Para ajustar la posicion de los select: */
button{
  transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
/* Tablas */

.ag-column-drop-title {
  font-family: 'Brush Script MT', sans-serif;/* Cambia 'TuFuente' por la fuente que desees */
}

/* .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece{
  border-color: #d1d5e4 !important;
} */

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
  border-color: #d1d5e4 ;
}

/* Color de los bordes de los input */
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece {
  border-color: #82b4ff;
}

/* Ancho del borde del input*/
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mat-mdc-notch-piece {
  border-width: 1px ;
}

/*  */
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mat-mdc-notch-piece {
  border-color: #d1d5e4 ;
}

.mdc-floating-label--float-above{
  text-transform: uppercase;
}

.mdc-floating-label--float-above mat-label{
  color: var(--color-primary) ;
  font-weight: bold;
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  top: 25px !important;
}

.invalid-input .mdc-floating-label--float-above mat-label,
.invalid-input .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-notch-piece{
  color: red !important; 
}

.mat-mdc-text-field-wrapper:not(:has(textarea)) {
  height: 35px;
}

.mat-mdc-form-field-flex:not(:has(textarea)), .mat-mdc-form-field-infix{
  height: 100%;
}
.mdc-floating-label{
  top: 47% !important;

}

.mat-mdc-form-field-infix{
  min-height: auto;
  padding: 0 !important;
}
.mat-mdc-input-element:not(textarea){
  height: 100% !important;
}

.mat-mdc-form-field-hint-wrapper,  .mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
  font-size: 10px !important;
  padding-bottom: 3px !important;
}

/* Contenido de los select */
.mat-mdc-select-min-line, .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input{
  font-family: TelefonicaWebRegular !important;
  font-size: 12px;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input{
  padding-top: 4px;
}

.mat-mdc-select, .mat-mdc-select-trigger{
  height: 100%;
}

mat-error{
  position: absolute;
  top: -5px;
}

.mat-internal-form-field>label{
  margin: 0;
  font-family: TelefonicaWebRegular !important;
  font-size: 12px;
  padding: 0;
  font-weight: normal;
}

.mat-mdc-option .mdc-list-item__primary-text{
  text-transform: uppercase;
}

.mat-button{
  display: flex !important;
  gap: 3px;
}