/* Custom v1.2 */

/* :root {
  --aws-accent-color:      /* #FF9900; Naranja intenso * /
  --aws-anchor-blue:       /* #1E88E5; Azul claro intenso * /
  --examia-blue:           /* #2563EB; Azul claro intenso * /
  --examia-blue:           /* rgb(35, 47, 62); * /
  --examia-blue-hover:     /* #1D4ED8; Azul claro intenso - * /
  --examia-blue-link:      /* #3B82F6; Azul claro * /
  --examia-blue-light2:    /* #5B7FBA; Azul claro * /
  --examia-background:     /* #F8FAFC; Blanco * /
  --examia-blue-light:     /* #EFF6FF; Blanco azulado * /
  --aws-squid-ink:         /* #232f3e; Gris oscuro azulado * /
                           /* #16191f; Negro claro * /
  --examia-text-secondary: /* #5F6B7A; Gris obscuro * /
  --aws-dark-gray:         /* #545b64; Gris obscuro * /
  --aws-border-gray:       /* #d5dbdb; Gris medio * /
  --aws-light-gray:        /* #f2f3f3; Gris claro * /
  --examia-border:         /* #D7DEE8; Gris claro * /
  --examia-text:           /* #172033; Azul oscuro * /
  --examia-blue-deep:      /* #0B1F3A; Azul oscuro * /
  --examia-blue-dark:      /* #123B6D; Azul casi oscuro * /
                           /* #8892BF; Morado claro */
                           /* #FF9D47; - Naranja link visited/active * /
                           /* #EC7211; AWS Orange (darker shade) * /
                           /* #C0C0C0; - Gris claro link hover * /
                           /* rgb( 26, 81, 40); - Vinculos Link * /
                           /* rgb( 26, 81,230); - Vinculos Link */
                           /* rgb(190,190,190); - Gris claro link * /
                           /* rgb(125,22,40); */
                           /* 34, 57, 113 * /
                           /* #ffffff; Blanco * /
} 
*/

:root {
  --examia-icons:          #1D4ED8;
  --examia-bar-icons:      #F8FAFC;
  --examia-bar-btn-login:  #F8FAFC;
  --examia-blue-deep:      #0B1F3A;
  --examia-blue-dark:      #123B6D;
  --examia-blue-light:     #5B7FBA;
  --examia-blue:           #2563EB;
  --examia-blue-link:      #3B82F6;
  --examia-blue-hover:     #1D4ED8;
  --examia-text:           #172033;
  --examia-text-secondary: #5F6B7A;
  --examia-background:     #F8FAFC;
}

body {
 background-color: var(--examia-background);
 background-image: url("background.png");
 background-attachment: fixed;
 background-position: right bottom;
 /*background-repeat: no-repeat;*/
 background-repeat: repeat;
 color: var(--examia-text);
}

/* Header: Start */

#tr-header {
  /* background-color: var(--aws-squid-ink); */
  /* background: linear-gradient(to right,
    rgba(  0,177, 17, 0.70) 5%,   
    rgba( 26,191,241, 0.70) 30%, 
    rgba(  0, 39, 94, 0.95) 80%); */
  background: linear-gradient(to right, 
    rgba( 15, 23, 42, 0.95) 10%, 
    rgba(  0, 39, 94, 0.95) 80%);
  color: white;
  padding: 1rem 0;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}

#tr-header td {
  text-transform: none;
  text-shadow: none;
}

#tr-header a {
  color: white;
}
/*
#header-logo-img {
  height: 50px;
  content: url('logo_header.png');
}
*/
#a-logo {
  font-size: 1.8rem;
  /* font-weight: 700; */
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  text-transform: none;
}

#a-logo > svg {
  margin-right: 10px;
  color: var(--examia-bar-icons);
}

#a-logo > span {
  padding-bottom: 4px;
}

#a-logo i {
  color: var(--aws-accent-color);
  margin-right: 10px;
}

#a-logo:link {
  color: white;
}


h2 { color: rgb(40,40,40); }

/* Header: End */


/* resource-list */
.resource-item > a > span:nth-child(2) {
  color: var(--examia-text);
}

/* benefits */
.benefit-card:link, 
.benefit-card:visited, 
.benefit-card:active {
  color: var(--examia-text);
}

.benefit-card > div {
/*.benefit-icon*/
  color: var(--examia-icons);
}

.benefit-card > h3 {
  color: var(--examia-blue-deep);
}


@media only screen and (min-width : 1024px) 
{/*Para escritorio*/
}

@media only screen and (max-width : 1024px)
{/*Para celular*/
	body {font-size:1.0em !important;}
}

A:link    { color: var(--examia-blue-link); } /* Vinculos sin visitar */
A:visited { color: var(--examia-blue);      } /* Vinculos visitados */
A:hover   { color: var(--examia-blue-dark); } /* Mouse sobre el vinculo */
A:active  { color: var(--examia-blue);      } /* Vinculo al clic del mouse */


/* registro.php password.php reactivo.php */

input[type="text"], input[type="tel"], input[type="email"], 
input[type="password"], input[type="date"], select {
 border-bottom-color: rgb( 0,126,194);
}

input[type="submit"] {
 letter-spacing: 2px;
 background-color: rgb( 26,191,241);
 border: 1px solid rgb(255,255,255);
}

#item-footer button {
  background-color: rgb( 26,191,241);
}

#reactivo-item-respuesta > tbody > tr > td > table > 
tbody > tr:hover { background-color: rgb( 26,191,241); }
/*rgb(0,55,100) rgb(26,191,241)*/


/* login.php */

.login {
 color: white;
 background-color: #007ec2;
 background-size: cover;
 background-repeat: no-repeat;
 background-image: url("login_bg.jpg");
}

#login-logo { content:url('login_logo.png'); }

@media only screen and (min-width : 900px)
{/*Pantallas grandes/escritorio: Fondo grande*/
  #login-logo-space { height: 250px; }
  #login-logo { width: 330px; }
}

@media only screen and (max-width : 900px)
{/*Pantallas pequeñas/celulares */
  /* .block { line-height: 30px; } No usadas */
  #login-logo-space { height: 205px; }
  #login-logo { width: 290px; }
}
/* No usadas
.login input[type="submit"] {
 color: white;
 letter-spacing: 1px;
 background-color: rgb( 26,191,241);
 border: 1px solid rgb(245,245,245);
}

.login A { color: white !important; }
*/
#login-footer td {
 background-color: rgb( 0, 75,170);
 color: rgb(255,255,255);
}