/* Tipo de letra y color de fondo de todo */
body {
  font-family: Georgia, serif !important;
  font-size: 14px !important;
  color: #000000 !important;
  background: #FFFFFF !important;
  background: radial-gradient(at right bottom, #ffffff, #F5F1F0) !important;
}

/* Color de sombra de los controles del formulario al tener el foco */
.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 109, 253, 0.064) !important;
}

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

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

/* Corresponde al espacio donde se encuentran los controles del login  */
.login-part {
  background-color: #ffffff;
}

/* corresponde al texto para realizar el Cambio de idioma */
.form-footer-idioma span:hover {
  text-shadow: #606870 1px 1px 2px !important;
  color: #7373ee !important;
  border: 1px solid #ffffff !important;
  font-size: medium;
}

/* Color de fondo para mostrar el tipo de idioma que esta seleccionado */
.seleccionado {
  background-color: #2232cc17;
}

/* Color para los botones  */
.mat-mdc-raised-button:not([class*=mat-elevation-z]) {
  background: #2371a5 !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: #7abbe5 !important;
  background-image: linear-gradient(to right, #d8e9f0, #a9d6f5, #87befb, #80a1fc, #957ef0) !important;
  font-family: Georgia, serif !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;
font-family: Georgia, serif !important;
}

/* la cinta es donde tiene el texto de Facturacion */
header .cinta {
  background: #ffffff !important;
}

/* Area donde se muestra el formulariro para los datos */
.cintaEncabezado {
  color: #fff;
  background-color: #666666;
  background-image: linear-gradient(to right top, #666666, #75778a, #7b8bb0, #75a1d8, #5bb9ff) !important;
  font-size: 17px;
}

/* Primer espacio de informacion*/
.areaDatos {
  background-color: #ffffff;
}

/* Primer espacio de informacion*/
.areaDatos1 {
  background-color: #f2f2f2;
}

/* Segundo espacio de informacion*/
.areaDatos2 {
  background-color: #d8d8d8;
}