mat-form-field.mat-form-field {
  width: 90%;
  font-size: 16px;
  margin: 2px;
}

.gridTilePosition {
  /*   position: relative;
  margin-bottom: 10px; */
  color: red;
}

.m-2 {
  margin-right: 6px;
}

.task-style-module {
  width: 700px;
}
@media only screen and (max-width: 1240px) {
  .task-style-module {
    width: 700px;
  }
}

@media only screen and (max-width: 1109px) {
  .task-style-module {
    width: 700px;
  }
}

@media only screen and (max-width: 1075px) {
  /* Sirven para la responsividad de dos columnas */

  .task-style-module {
    width: 700px;
  }
}

@media only screen and (max-width: 1399px) {
  .task-style-module {
    width: 700px;
  }
}

@media only screen and (max-width: 1044px) {
  .task-style-module {
    width: 600px;
  }
}

@media only screen and (max-width: 951px) {
  .task-style-module {
    width: 600px;
  }
}

@media only screen and (max-width: 851px) {
  .task-style-module {
    width: 500px;
  }

  mat-form-field.mat-form-field {
    width: 70%;
    font-size: 16px;
  }
}

@media only screen and (max-width: 749px) {
  .task-style-module {
    width: 500px;
  }

  mat-form-field.mat-form-field {
    width: 70%;
    font-size: 16px;
  }
}
