.example-card {
  width: 60%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  font-size: 16px;
}

.example-section {
  height: 60px;
}

.example-margin {
  margin: 0 5px;
}

.row {
  margin: 0 auto;
}

.btnAdd {
  right: 0;
}

mat-card-title {
  font-size: 20px;
}

mat-radio-button {
  font-size: 18px;
}

.mat-fab:not([class*="mat-elevation-z"]),
.mat-mini-fab:not([class*="mat-elevation-z"]) {
  box-shadow: none !important;
}

table {
  width: 100%;
}

.alerts {
  padding: 80px;
}

.mat-form-field {
  font-size: 14px;
  width: 90%;
}

.card-title {
  padding-bottom: 25px !important;
}

.card-title-search {
  width: 80%;
}

@media only screen and (max-width: 1240px) {
  .card-normal {
    width: 1100px;
  }
}

@media only screen and (max-width: 1109px) {
  .card-normal {
    width: 1050px;
  }
}

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

  .card-normal {
    width: 950px;
  }
}

@media only screen and (max-width: 1399px) {
  .example-card {
    width: 60%;
    font-size: 10px;
  }

  mat-menu-item {
    font-size: 10px;
  }

  mat-card-title {
    font-size: 14px;
  }

  mat-card-subtitle {
    font-size: 12px;
  }

  mat-card-content {
    font-size: 10px;
  }

  mat-card {
    width: 60%;
  }
}

@media only screen and (max-width: 1044px) {
  .card-normal {
    width: 900px;
  }
}

@media only screen and (max-width: 951px) {
  .card-normal {
    width: 40%;
  }

  mat-card-title {
    font-size: 14px;
  }
  mat-card-subtitle {
    font-size: 12px;
  }
  mat-card-content {
    font-size: 10px;
  }
}

@media only screen and (max-width: 851px) {
  .card-normal {
    width: 700px;
  }

  .example-card {
    width: 40%;
    font-size: 12px;
  }

  mat-card-title {
    font-size: 14px;
  }
  mat-card-subtitle {
    font-size: 12px;
  }
  mat-card-content {
    font-size: 10px;
  }
}

@media only screen and (max-width: 749px) {
  .card-normal {
    width: 600px;
  }

  .example-card {
    width: 40%;
    font-size: 10px;
  }

  mat-card-title {
    font-size: 14px;
  }
  mat-card-subtitle {
    font-size: 12px;
  }
  mat-card-content {
    font-size: 10px;
  }
}
