body {
  font-family:  Georgia, serif !important;
  font-size: 13px !important;
  color: #000000 !important;
  background: #ffffff !important;
  background: radial-gradient(at right bottom, #ffffff, #F5F1F0) !important;
}

h1 {
  font-size: 40px  !important;
}

h2 {
  font-size: 35px  !important;
}

h3 {
  font-size: 30px  !important;
}

h4 {
  font-size: 25px  !important;
}

h5 {
  font-size: 20px  !important;
}

h6 {
  font-size: 16px  !important;
}

/* Linea inferior del login para separar los derechos de autor */
.line {
  border-bottom: 1px solid #ffffff;
}

.login-card {
  background-color: #7abbe5;
  background-image: linear-gradient(to bottom, #f0f0f6, #dadef0, #beceeb, #9ebfe5, #76b1dd);
  border: 2px solid #7abbe5;
}

.detalle-cont h1,
.login-part h1 {
  text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);

}

.detalle {
  color: #ffffff !important;
}

.login-part {
  background-color: #ffffff;
}

.form-cover h1 {
  color: #2c8ece !important;
}

.textContrasena p:hover {
  text-shadow: #606870 1px 1px 2px;
  color: #7373ee;
  border: 1px solid #ffffff;;
}

.form-footer-idioma span:hover {
  text-shadow: #606870 1px 1px 2px;
  color: #7373ee;
  border: 1px solid #ffffff;
  font-size: medium;
}

/* Color para los botones  */
.mat-mdc-raised-button:not([class*=mat-elevation-z]) {
  background: #6C94BC !important;
  text-shadow: #164767 1px 1px 2px !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}

.mat-mdc-raised-button:hover {
  text-shadow: #4c4c4d 1px 1px 2px !important;
  color: #111112 !important;
  border: 1px solid #ffffff !important;
}

/* texto de derechos */
.derechos {
  color: #ffffff !important;
}

.derechos-part {
  background-color: #ffffff;
}

.version {
  color: #c2c2c2 !important;
  font-family: 'Abel', sans-serif !important;
}

/* header */
header {
  background: #2D8FCE;
  background-image: linear-gradient(to right, #d8e9f0, #a9d6f5, #87befb, #80a1fc, #957ef0);
  color: #ffffff !important;
}
.header_titulo {
  color: #ffffff !important;
  font-weight: bold;
  background: #202020 !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0px 3px 3px rgba(255, 255, 255, 0.4), 0px -1px 1px rgba(0, 0, 0, 0.3) !important;
}

/* footer */
.footer {
  background: #2c8ece !important;
  color: #ffffff !important;
}

/* boton permisos */
.btnBotones {
  background: #2371a5 !important;
  text-shadow: #164767 1px 1px 2px !important;
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}

.btnBotones:hover {
  text-shadow: #4c4c4d 1px 1px 2px !important;
  color: #111112 !important;
  border: 1px solid #ffffff !important;
}


/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-label {
  border-color: #7abbe5;
}

.body-content {
  border-color: #7abbe5 !important;
}

.tab-body-content {
  border-color: #7abbe5 !important;
}

/* tablas */
table, th, td {

}

.encabezadoTab {
  background-color: #2a88c6 !important;
  color: #ffffff !important;
}


.table .encabezadoTab th {
  background-color: #2a88c6 !important;
  color: #ffffff !important;
}