/* GLOBAL ***********************/

* {
  box-sizing: border-box;
}
html{
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-family: 'ProximaNovaRg', Georgia, sans-serif;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
img {
  max-width: 100%;
}

a, a:hover {
  color: #0c5460;
}

a.bloque {
  display: inline-block;
}

a:hover {
  text-decoration: none;
}

/* TIPOGRAFIA */

.titulo-modal {
    font-family: 'ProximaNovaRg';
    font-size: 1.1rem;
    font-weight: bold;
}
.titulo-modal.fuente-normal { 
  font-weight: normal;
}
.nombre-intitucion-cliente {
  font-family: 'ProximaNovaLt';
  font-size: 1.5rem;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 0.2rem;
}
.titulo-lamina {
  font-family: 'ProximaNovaRg';
  font-size: 1.6rem;
}

/* ENCABEZADO ***********************/


.encabezado.estadisticas-jornadas {
    background: #1a4896;
    background: -moz-linear-gradient(left, #1a4896 0%, #4c74b8 100%);
    background: -webkit-linear-gradient(left, #1a4896 0%,#4c74b8 100%);
    background: linear-gradient(to right, #1a4896 0%,#4c74b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#1a4896', endColorstr='#4c74b8',GradientType=1 );
}
.encabezado.reportes-jornadas {
padding: 3rem 0;
}



/* ENCABEZADO NUEVO */

.encabezado-nuevo {
  background: -moz-linear-gradient(4.7% -124.61% -16.47deg,rgba(9, 66, 154, 1) 0%,rgba(46, 125, 255, 1) 100%);
  background: -webkit-linear-gradient(-16.47deg, rgba(9, 66, 154, 1) 0%, rgba(46, 125, 255, 1) 100%);
  background: -webkit-gradient(linear,4.7% -124.61% ,101.2% 247.37% ,color-stop(0,rgba(9, 66, 154, 1) ),color-stop(1,rgba(46, 125, 255, 1) ));
  background: -o-linear-gradient(-16.47deg, rgba(9, 66, 154, 1) 0%, rgba(46, 125, 255, 1) 100%);
  background: -ms-linear-gradient(-16.47deg, rgba(9, 66, 154, 1) 0%, rgba(46, 125, 255, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#09429A', endColorstr='#2E7DFF' ,GradientType=0)";
  background: linear-gradient(106.47deg, rgba(9, 66, 154, 1) 0%, rgba(46, 125, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09429A',endColorstr='#2E7DFF' , GradientType=1);
  width: 100%
  padding: 30px 24px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.encabezado-nuevo,
.encabezado-nuevo > * {
  color: #FFFFFF;
}


.encabezado-nuevo .columna > *,
.encabezado-nuevo .columna > * > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.encabezado-nuevo .columna-1 {
  order: 1;
  text-align: center;
  width: 100%;
  margin-top: 6px;
  
}
.encabezado-nuevo .columna-1 h1 img {
  width: 160px;
}
.encabezado-nuevo .columna-2 {
  order: 2;

  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin-top: 10px;
}
.encabezado-nuevo .columna-2 .imagen img {
  width: 48px;
  height: 48px;
  border-radius: 42px;
  border: 2px solid #FFFFFF;
  display: inline-block;
  margin-right: 16px; 
}
.encabezado-nuevo .columna-2 .datos-usuario .nombre-usuario {
  font-size: 1em;
  text-transform: uppercase;
}
.encabezado-nuevo .columna-3 {
  order: 4;
  margin-top: 0;
  text-align: center;
}
.encabezado-nuevo .columna-3 .titulo-pantalla h3 {
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}
.encabezado-nuevo .columna-4 {
  order: 3;
  text-align: center;
}
.encabezado-nuevo .columna-4 .info-extra {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 20px;
}
.encabezado-nuevo .columna-4 .info-extra p.nombre-jornada {
  font-size: 1rem;
  text-transform: uppercase;
  font-family: ProximaNovaLt;
}

.encabezado-nuevo .columna-4 .info-extra p.nombre-institucion {
  font-size: 1rem;
  margin-left: 22px;
  font-weight: 300;
  font-family: ProximaNovaLt;
}

.encabezado-nuevo .linea-separacion {
 display: none;
}

.encabezado-nuevo .iconos-encabezado {
  position: absolute;
  top: 10px;
  right: 10px;
}
.encabezado-nuevo .iconos-encabezado img {
  width: 20px;
  display: inline-block;
  margin: 2px 6px;
}


/* ENCABEZADO NUEVO */

/* COMPONENTE MEDIA */

.media img {
  width: 70px;
  height: 70px;
}
img.borde {
  border: 2px solid #FFF;
}
.media-body h5 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
}
.media-body p.datos-paciente {
  margin-top: 0;
  padding-top: 0;
  font-size: 1.1rem;
  margin-bottom: 0;
  line-height: 1.3;
}




/* BARRA LATERAL ***********************/



@media screen and (min-width: 640px) {

  /* OPCION PARA NAVEGADORES QUE NO SOPORTAN CSS GRIDS */
  .contenedor {
    position: relative;
    max-width: 100%;
  }
  


  .encabezado-nuevo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    left: 60px;
    width: calc(100% - 60px);
    padding: 25px 24px;

  }
  .encabezado-nuevo .columna {
    width: 50%;
  }
  .encabezado-nuevo .columna-1 {
    order: 2;
    text-align: right;
    padding-right: 68px;
  }
  .encabezado-nuevo .columna-2 {
    order: 1;
    justify-content: flex-start;
  }
  .encabezado-nuevo .columna-3 {
    order: 3;
    text-align: left;
  }
  .encabezado-nuevo .columna-3 .titulo-pantalla h3 {
    margin-top: 38px;
    margin-bottom: 10px;
    padding-left: 64px;
  }
  .encabezado-nuevo .columna-4 {
    order: 4;
    text-align: right;
    padding-right: 68px;
  }
  .encabezado-nuevo .linea-separacion {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 30px;
    border-top: 1px solid #FFFFFF;
  }
}

@media screen and (min-width: 768px) {
  .contenidos {
    position: relative;
    left: 60px;
    width: calc(100% - 60px);

  }
} 

@media screen and (min-width: 1000px) {
  .encabezado-nuevo .columna-4 .info-extra {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 34px;
  }
}

@media screen and (min-width: 1140px) {
  .encabezado-nuevo .columna-1 h1 img {
    height: 60px;
    padding: 0;
    margin: 0;
    width: auto;
  }
  .encabezado-nuevo .columna-2 .imagen img {
    width: 60px;
    height: 60px;
  }
  .encabezado-nuevo .columna-2 .datos-usuario .nombre-usuario {
    font-size: 1.2em;
    text-transform: uppercase;
  }
  .encabezado-nuevo .columna-3 .titulo-pantalla h3 {
    font-size: 1.2rem;
  }
  .encabezado-nuevo .columna-4 .info-extra p.nombre-jornada {
    font-size: 1.2rem;
  }
  .encabezado-nuevo .columna-4 .info-extra p.nombre-institucion {
    font-size: 1.2rem;
  }
}

/* CONTENIDOS ***********************/

.contenidos {
  overflow: hidden;
}


.contenidos .area-de-contenidos {
  padding: 1rem;
  background-color: #f2f2f2;  
}
.contenidos .area-de-contenidos.reportes-tablas {
  /*padding: 1rem;*/
  background-color: #FFFFFF;  
}

.contenedor-tarjeta {
  margin: 1rem 0;
  color: #6b7b97;
}

.card {
  margin: 0.6rem 0;
  /*text-transform: uppercase;*/
}

.card-body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 1rem 1rem;
  text-align: center;
  color: #6b7b97;
}

.card-body p.lead {
  border-bottom: 1px solid #6b7b9766;
  margin-bottom: 0;
  padding-bottom: 0.4rem;
  margin-bottom: 1.2rem;
  font-weight: bold;
}

.Card-body p.lead.doble,
.Card-body p.lead.doble-form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.Card-body p.lead.doble span {
  flex: 46%;
}
.Card-body p.lead.doble span:last-child {
  padding-left: 6px;
}
.Card-body p.lead.titulo {
  font-size: 1rem;
}

.Card-body p.lead.doble-form span:first-child {
  width: 70%;
}
.Card-body p.lead.doble-form span:last-child {
  width: 30%;
  text-align: center;
  padding-right: : 6px;
  -ms-align-self: center;
  align-self: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.card-body p.lead.triple {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.card-body p.lead.triple span:nth-child(1) {
  flex: 4;
}
.card-body p.lead.triple span:nth-child(2),
.card-body p.lead.triple span:nth-child(3) {
  flex: 1;
  text-align: center;
  font-size: 80%;
}
.card-body p.fecha.lead {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 0;
}

.card-body p.centrado {
  text-align: center;
}
.card-body p.izquierda {
  text-align: left;
  padding-left: 10px;
}
.card-body p.lead span.icono {
  display: inline-block;
  margin-left: 1rem;
  width: 24px;
  position: relative;
    top: -2px;
}
.card-body h5.card-title {
  font-size: 1.05rem;
}
.card-body h5.card-title span.icono {
  display: inline-block;
  margin-left: 1rem;
  width: 28px;
}

.card-body.sin-borde {
  padding: 0;
}
.card-body.sin-borde .form-group {
  padding: 0;
  margin: 0;
}
.card-body.sin-borde p.titulo {
  padding: 0.7rem 0.2rem 0 50px;
  background: url(../../img/observaciones.svg) no-repeat 10px 9px;
  -webkit-background-size: 24px;
  background-size: 26px;
  margin-bottom: 0;
}
.card-body.sin-borde textarea {
  padding: 1rem;
  margin: 0;
  border: 0;
  box-shadow: 0 0 0;
}

.card-body table {
  width: 100%;
}
.card-body table thead tr th {
  padding: 0.6rem 0;
}

.card-body table tbody tr td {
  padding: 0.6rem 0;
  vertical-align: top;
}
.card-body table thead tr {
  border-bottom: 1px solid #DDD;
}
.card-body table thead th {
  font-weight: normal;
}
.card-body table thead th:first-child {
  width: 62%;
}
 
.card-body table tbody td:first-child {
  text-align: left;
}
.card-body table tbody td {
  font-weight: 1rem;
  text-transform: none;
}

ul.lista-una-columna {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center; 
}
ul.lista-una-columna li {
  padding-bottom: 0rem;
}
ul.lista-una-columna li:first-child {
  margin-top: 1rem;
  padding-bottom: 0.2rem;
}
ul.lista-una-columna li img {
  width: 42px;
}

/*ul.elementos-centrados-izquierda {
  list-style-type: none;
  margin-top: 1.4rem;
  text-transform: uppercase;
  font-size: 0.8rem;
}
ul.elementos-centrados-izquierda li div {
  display: flex;
  flex-direction: row;
}
ul.elementos-centrados-izquierda li div div:nth-child(1) {
  flex:1;
}
ul.elementos-centrados-izquierda li div div:nth-child(2) {
  flex: 4;
  text-align: left;
}
ul.elementos-centrados-izquierda li div div:nth-child(3) {
  flex: 1;
}
ul.elementos-centrados-izquierda li div div.sin-input {
  padding-left: 18px;
}
ul.elementos-centrados-izquierda li div div label {
  padding-left: 4px;
}*/

.contenedor-elementos-centrados-izquierda {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 110px;
}

ul.elementos-centrados-izquierda {
  position: absolute;
  list-style-type: none;
  padding: 0;
  margin: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.8rem;
  padding-top: 1.2rem;
}

ul.elementos-centrados-izquierda li {
  text-transform: uppercase;
  line-height: 1.4rem;
}

ul.elementos-centrados-izquierda li:first-child {
  padding-left: 20px;
}
ul.elementos-centrados-izquierda li input {
  position: relative;
  top: 2px;
}
ul.lista-dos-columnas {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 1;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-top: 0.6rem;
  font-size: 0.80rem;
  padding: 0 2px 0 10px;
  text-transform: uppercase;
}

ul.lista-dos-columnas li:nth-child(1) {
  width: 55%;
}
ul.lista-dos-columnas li:nth-child(2) {
  width: 45%;
}
ul.lista-dos-columnas li input  {
  /*font-size: 14px;*/
}
ul.lista-dos-columnas li input[type="number"]  {
  font-size: 14px;
  width: 80%;
  margin-left: auto;
}
ul.lista-dos-columnas.ventana-modal li input  {
  /*font-size: 14px;*/
  width: 90%;
  margin-left: auto;
}
ul.lista-dos-columnas li select {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: -2px;
    width: 80px;
    margin-left: 50%;
    transform: translate(-50%);
}

ul.lista-dos-columnas.iconos {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 1;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  margin-top: 0.6rem;
  font-size: 0.80rem;
  padding: 0 2px;
  text-transform: uppercase;
}
ul.lista-dos-columnas.iconos li {
  width: 50%;
  font-size: 0.8rem;
}
ul.lista-dos-columnas.iconos li img {
  width: 42px;
}
ul.lista-dos-columnas.iconos li:nth-child(1) {
  text-align: right;
  padding-right: 2rem;
}
ul.lista-dos-columnas.iconos li:nth-child(2) {
  text-align: left;
  padding-left: 2rem;
}

ul.lista-dos-columnas.elementos-centrados {
  width: 100%;
  margin: 0 auto;
}
ul.lista-dos-columnas.elementos-centrados li {
  width: 50%;
  text-align: center;
}

ul.lista-tres-columnas {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 1;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  padding: 0 2px;
  text-transform: uppercase;
}


ul.lista-tres-columnas li {
  width: 33.3%;
  font-size: 0.8rem;
  flex: 1;
}

ul.lista-tres-columnas li:first-child {
    padding-left: 8px;
    margin-top: -4px;
    text-align: left;
}
ul.lista-tres-columnas.opcion-2 li:first-child {
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    -o-flex: 3;
    flex: 3;
}
ul.lista-tres-columnas.opcion-3 li:first-child {
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    -o-flex: 4;
    flex: 4;
}
ul.lista-tres-columnas.opcion-3 {
  padding:  0;
  font-size: 0.8rem;
  margin-top: 0.4rem;
}

ul.lista-tres-columnas li input,
ul.lista-tres-columnas li label {
  display: inline-block;
}

ul.lista-tres-columnas li input {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

ul.lista-tres-columnas.secundaria {
    margin-top: 0.6rem;
}
ul.lista-tres-columnas.inicial {
    margin-top: 1rem;
}

ul.lista-tres-columnas li.lead {
  font-size: 1rem !important;
}


.lista-una-columna-centrada {
  text-align: center;
  width: 65%;
  margin: 0 auto;
  font-size: 1rem;
}
.lista-una-columna-centrada li {
  text-align: left;
}
.lista-una-columna-centrada li label {
  position: relative;
  top:2px;
}

.valores-establecidos li {
  font-size: 24px;
  font-weight: bold;
}

#trigger {
  display: none;
}

.checker {
  display: block;
  line-height: 24px;
  height: 24px;
  position: relative;
  margin-bottom: 1rem;
}

.checker .icono {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../../img/campana.svg);
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
}
#trigger:checked + .checker .icono {
  background-position: right center;
}

.enlace-icono {
  padding-left: 40px;
  -webkit-background-size: 32px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  min-height: 36px;
  line-height: 36px
}

.enlace-icono.modalpercentil {
  background-image: url(../../img/percentilZscore.svg);
}

.pie-de-pagina {
  padding: 2rem 0.4rem 1rem;
  background-color: #FFF;
  /*height: 100%;*/
}

.btn-pie-de-pagina,
.boton-modal {
  font-size: 1rem;
}

.btn.btn-rounded {
  border-radius: 30px;
}

.btn.home-usuario {
  width: 120px;
}

.mayuscula {
  text-transform: uppercase;
}
.minuscula {
  text-transform: lowercase;
}

.italica {
  font-style: italic;
}
.pos-relativa {
  position: relative;
  padding-bottom: 1.2rem;
}
span.info-calculo {
  display: block;
  position: absolute;
  right: 10px;
  font-size: 0.8rem;
  text-transform: none;
  color: #dedede;
  bottom: -10px;
}

.btn-historial,
.btn-salvar-modal {
  color: #fff;
  background-color: #24246c;
}
.btn-historial:hover,
.btn-salvar-modal:hover {
  color: #fff;

}

.btn-historial:focus, .btn-historial.focus {
  /*box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);*/
}

.btn-guardar,
.btn-cerrar-modal {
  color: #fff;
  background-color: #417eda;

}
.btn-guardar-mariela {
  color: #fff;
  background-color: #2ecb71;
  margin-right: 30px !important;
}
.btn-guardar:hover,
.btn-cerrar-modal:hover {
  color: #fff;
}

.btn-descarga,
.btn-descarga:hover {
  color: #fff;
  background-color: #262171;
  font-size: 1rem !important;

}
.icono-boton {
  width: 42px;
  height: 42px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 42px;
  background-size: 42px;
}

.icono-boton.icono-embarazada {
  background-image: url(../../img/embarazada-outline-circulo-gris.svg);
}
.icono-boton.icono-embarazada:active,
.icono-boton.icono-embarazada.activo {
  background-image: url(../../img/embarazada-gris.svg);
}

.icono-boton.icono-discapacidad {
  background-image: url(../../img/discapacidad-outline-circulo-gris.svg);
}
.icono-boton.icono-discapacidad:active,
.icono-boton.icono-discapacidad.activo {
  background-image: url(../../img/discapacidad-outline-circulo-activo.svg);
}

.icono-boton-texto {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: 36px;
  background-size: 36px;
  padding-left: 42px;
}

.icono-boton-texto.icono-percentil {
  background-image: url(../../img/percentilZscore.svg);
  color: #6b7b97;
}

.icono-boton-texto.icono-percentil:active,
.icono-boton-texto.icono-percentil.activo {
  background-image: url(../../img/percentilZscore3.svg);
}

.icono-boton-texto.icono-botones-historial {
  background-image: url(../../img/percentilZscore3.svg);
  color: #6b7b97;

}
.lista-iconos-texto-historial {
  line-height: 2.6;
  font-size: 1.2rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  flex: 1 1 200px;
  }

  @media screen and (min-width: 768px) {
    .lista-iconos-texto-historial {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;

    }
    .lista-iconos-texto-historial li {
      display: inline-block;
      margin: 0 1rem !important;
      flex: 1;
    }
  }

/* FORMULARIOS */
input[type="text"],
input[type="search"],
input[type="email"] {
  font-weight: normal !important;
  color: #6b7b97 !important;
  background-color: #f4f8fd;
  font-size: 18px;
  padding: 0.2rem 0.6rem;
  font-family: 'ProximaNovaRg', Georgia, sans-serif;
}

#username{
  font-family: unset;
}

select {
  padding-right: 3rem;
}

select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearancce: none;
    background-position: right 54%;
    background-repeat: no-repeat;
    background-size: 1ex;
    background-origin: content-box;
    background-image: url(../../img/triangulo-select.svg);
    /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");*/
}

select.form-control.medGral,
textarea.form-control.medGral,
input.form-control.medGral {
  color: #A7A9AC;
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}
input:active,
select:active,
textarea:active,
button:active,
.form-control:active {
    outline: none !important;
    box-shadow: none !important;
}
input[type='radio'], input[type='checkbox']  {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   appearance: none;
   box-sizing: border-box;
   width: 15px;
    height: 15px;
    border: 0;
    background: transparent;
    -webkit-border-radius:0px;
    border-radius:0px;
    border-color: #FFF
}

input[type="radio"]:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 1px;
    left: -1px;
    position: relative;
    background-color: transparent;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #B1B0B0;
}

input[type="radio"]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 1px;
    left: -1px;
    position: relative;
    background-color: #B1B0B0;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #B1B0B0;
}

input[type="checkbox"]:after {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #FFF;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #B1B0B0;
}

input[type="checkbox"]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #B1B0B0;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #B1B0B0;
}
.info-calculo {
    font-size: 1rem !important;
}


/* MEDIA QUERIES ***********************/

@media screen and (min-width: 480px) {
  input[type="text"],
  input[type="search"],
  input[type="email"] {
    font-size: 16px;
  }
  
}

@media screen and (max-width: 480px) {
  
}

@media screen and (min-width: 640px) {
  
}

@media screen and (max-width: 640px) {
  
}

@media screen and (min-width: 768px) {

  h2.titulo-lamina:after {
    content: " ";
    width: 98px;
    
    height: 4px;
    position: relative;
    top: 8px;
    display: block;
  }
  h2.titulo-lamina:after {
    border-bottom: 4px solid #00b140;
  }

  
  .contenedor-tarjeta {
    margin: 1rem 0;
  }
  .area-de-contenidos > .contenedor-tarjeta:nth-child(1),
  .area-de-contenidos > .contenedor-tarjeta:nth-child(3) {
    border-right: 1px solid #DDD;
  }

  .area-de-contenidos div[class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .card {
    margin: 0 0 1rem 0;
  }
   /* .card-body {
      padding: 1rem 2.2rem;
    }*/

  ul.lista-tres-columnas {
    padding: 0;
  }
  ul.lista-tres-columnas li {

    font-size: 0.8rem !important;
  }
  ul.lista-tres-columnas li:first-child {
    margin-top: -4px;
    padding-left: 10px;
  }
  .lista-una-columna-centrada {
    text-align: center;
    width: 40%;
    margin: 0 auto;
    font-size: 1rem;
  }
}


@media screen and (min-width: 800px) {
  .card {
    margin: 0;
  }
}



   /* OPCION PARA NAVEGADORES QUE SI SOPORTAN CSS GRIDS */
/*  .contenedor {
      display: grid;

      grid-template-columns: repeat(12, 60px auto);
      grid-template-rows: auto auto;
    }
*/

      .lista-iconos .ultimo {
        margin-top: auto;
      }

    .contenidos {
      /*grid-column: 2 / -1;*/
      min-height: 755px;
      /*left: 0;*/
      /*width: auto;*/
    }
    /*.card-body {
      padding: 1rem 2;
    }*/
    .contenidos .area-de-contenidos {
        padding: 0.5rem 2.6rem 1rem 2rem;
      }
    .btn-pie-de-pagina {
      font-size: 1.4rem;
      padding: 0.5rem 3rem;
    }


@media screen and (max-width: 1024px) {
  
}

@media screen and (min-width: 1600px) {
  input[type="text"],
  input[type="search"],
  input[type="email"] {
    font-size: 22px;
  }
}

/* OPCIONES MODAL */

.modal {
  color: #6b7b97;
}

.modal .modal-content label {
  font-weight: bold;
}

.modal .modal-content label.normal {
  font-weight: normal;
}
.modal .modal-content label.grande {
  font-size: 1.1em;
}

.modal.fondo-blanco .modal-dialog {
  background-color: #FFF;
  border-radius: 10px;
}


/* CORRECCIONES BOOTSTRAP */

.form-check-input {
  margin-left: 0;
}
#modalPercentil .modal-content {
  background-color: #FFF;
  color: #6b7b97;
}
.modal-header.sin-borde {
  border-bottom: 0;
}
.modal-header.sin-contenido {
  padding: 12px 15px;
}
.modal-footer.sin-borde {
  border-top: 0;
}

.modal-content p.fecha {
  margin-bottom: 0;
}

img.pos-rel {
  position: relative;
top: -6px;
}


/* ESPECIFICO MODAL PERCENTIL */

.modal-header .close {
  font-size: 2.6rem;
    position: absolute;
    top: 4px;
    right: 8px;
    color: #b1b3b2 !important;
    font-weight: normal;
}
#modalPercentil .modal-content {
  padding: 0 0.2rem;
}

#modalPercentil .modal-header {
  border-bottom: 0;
  padding: 24px 15px;
}


#modalPercentil .modal-body {
  padding: 0;
}

#modalPercentil table {
  width: 92%;
  margin: 0 auto;
  font-size: 0.8rem;
}

#modalPercentil table thead tr td:first-child {
  padding-left: 1rem;
}

.contenedor-principal {
  width: 90%;
  max-width: 480px;
  margin: 6px auto;
  /* FLEX   */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  color: #6b7b97;
}

.contenedor-principal > div {
  align-self: stretch;
  padding: 4px;
}

.contenedor-izquierdo {
  width: 63%;
}

.contenedor-central {
  width: 5%;
  text-align: center;
  background: url(../../img/linea-vertical.png) repeat-y center top;
}
.contenedor-central.sin-imagen {
  background: none;
  display: none;
}

.contenedor-derecho {
  width: 32%;
}

.contenedor-percentil {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 45px;
  border-bottom: 1px solid #e9ecef;
}
.contenedor-percentil.sin-borde {
  border-bottom: 0;  
}
.contenedor-percentil.ultimo,
.contenedor-percentil:last-child {
  border-bottom: 0;
}
.contenedor-percentil > div:not(.final) {
 padding: 4px;
 align-self: flex-end; 
 text-align: center;
}
.contenedor-percentil > div:nth-child(1) {
  width: 22%;
  font-size: 0.8rem;
  padding-left: 0;
  text-align: left;
}
.contenedor-percentil > div:nth-child(2) {
  width: 28%;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: left;
}
.contenedor-percentil > .percentil-3 {
  width: 50%;
  min-height: 36px;
  /*background: url(../../img/graficaPercentil.svg) no-repeat center center;*/
  padding-right: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 90%;
  background-size: 90%;
}
.contenedor-percentil > .percentil-3.vc { background-image: url(../../img/percentil-1-sm.svg);  }
.contenedor-percentil > .percentil-3.cc { background-image: url(../../img/percentil-2-sm.svg);  }
.contenedor-percentil > .percentil-3.sc { background-image: url(../../img/percentil-3-sm.svg);  }
.contenedor-percentil > .percentil-3.ci { background-image: url(../../img/percentil-4-sm.svg);  }

.contenedor-percentil.final {
  max-height: 30px !important;  
}
.contenedor-percentil #numeros {
  background: url(../../img/0_50_100.svg) no-repeat center 10px; 
  background-size: 100%;
}


.contenedor-zscore {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.contenedor-zscore > div {
 padding: 8px 4px 4px;
}
.contenedor-zscore > div:nth-child(1) {
  width: 65%;
}
.contenedor-zscore > div:nth-child(2) {
  width: 35%;
}

.contenedor-zscore > div:nth-child(2) img {
  width: 22px;
  text-align: right;
}
.alert.alert-percentil {
  margin: 0;
  padding: 0.4rem 0;
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  color: #FFF;
}
@media screen and (min-width: 380px) {
  .alert.alert-percentil {
    padding: 0.4rem;
  }
}
/*@media screen and (min-width: 420px) {
  .alert.alert-percentil {
    padding: 0.4rem 0.6rem;
  }
}*/
.alert.alert-verde {
  /*background-color: #28b43d;*/
  background-color: #00B140;
}
.alert.alert-rojo {
  background-color: #E43312;
}
.alert.alert-naranja {
  background-color: #F27D0E;
}
.alert.alert-amarillo {
  background-color: #FFC609;
}

.mensaje {
  padding: 0.2rem;
  color: #FFF;
  border-radius: 0;
  margin: 0.4rem 0 1rem;
  border-radius: 0;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  color: #FFF;
}
.mensaje.medio-espaciado {
  margin: 0.4rem 0 0.4rem;
}
.mensaje.mensaje-verde {
  background-color: #00B140;
}
.mensaje.mensaje-rojo {
  background-color: #E43312;
}
.mensaje.mensaje-amarillo {
  background-color: #FFC609;
}
.mensaje.mensaje-naranja {
  background-color: #F27D0E;
}

@media screen and (min-width: 480px) {
  .contenedor-percentil > div:nth-child(1) {
    width: 18%;
  }
  .contenedor-percentil > div:nth-child(2) {
    width: 20%;
  }
  .contenedor-percentil > .percentil-3 {
    width: 62%;
    /*background: url(../../img/percentil-2.svg) no-repeat center center;*/
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100%;
    background-size: 90%;
  }
.contenedor-percentil > .percentil-3.vc { background-image: url(../../img/percentil-1.svg);  }
.contenedor-percentil > .percentil-3.cc { background-image: url(../../img/percentil-2.svg);  }
.contenedor-percentil > .percentil-3.sc { background-image: url(../../img/percentil-3.svg);  }
.contenedor-percentil > .percentil-3.ci { background-image: url(../../img/percentil-4.svg);  }


.contenedor-percentil #numeros {
    background: url(../../img/0_25_50_75_100.svg) no-repeat 5px 10px;
    background-size: 98%;
  }
  .modal-header .close {
    /*margin: -15px 14px -15px auto;*/
    font-size: 2.6rem;
    position: absolute;
    top: 4px;
    right: 8px;
    color: #b1b3b2 !important;
    font-weight: normal;
}
}
.alert.alert-percentil {
      position: relative;
    top: -2px;
}
#modalPercentil table thead tr th:first-child {
  padding-left: 2rem !important;
}
#modalPercentil table thead tr th:last-child {
  text-align: right !important;
  padding-right: 0.8rem !important;
}
}
/* ESPECIFICO MODAL PERCENTIL */

/* Resuelve el problema de scroll al volver al modal desde el del grafico */
#modalPercentil { overflow-y:scroll; }

.modal-footer {
  justify-content: center;
}

.modal-content {
  background-color: #f1f1f1;
}

.modal-fallido .modal-content {
  background-color: #FFF;
}

.modal-title {
  width: 100%;
  text-transform: uppercase;
  text-align: center;
}

.modal .modal-body table thead tr {
  border-bottom: 1px solid #ddd;
}

.modal-body table tbody tr:first-child {
  padding-top: 1rem;
}

button.close {
  color: #b1b3b2;
}

@media screen and (min-width: 1024px) {
  .modal-content {
    padding: 2rem;
  }
  #modalPercentil table thead tr th:last-child {
  text-align: right !important;
  padding-right: 1.6rem !important;
}
}

@media screen and (min-width: 1200px) {
  .area-de-contenidos > .contenedor-tarjeta:nth-child(1),
      .area-de-contenidos > .contenedor-tarjeta:nth-child(2),
      .area-de-contenidos > .contenedor-tarjeta:nth-child(3) {
        /*border-right: 1px solid #DDD;*/
        background: url(../../img/linea-vertical.png) repeat-y right 5px;
      }
}

@media screen and (min-width: 1360px) {
  ul.lista-tres-columnas {
    padding: 0 1rem;
  }
}

/* ESTILOS CONTENIDO HISTORIAL*/
.contenidos-historial {

  background-color: #f2f2f2;
}


.contenedor-historial {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  margin: 1rem auto 0;
  max-width: 95%;
}
@media screen and (min-width: 420px) {
 .contenedor-historial {
    max-width: 90%;
  } 
}


.barra-iconos-historial {
  height: 80px;
}
.barra-iconos-historial div {
  /*border: 1px solid #ccc;*/
}
.contenidos-historial {
  max-width: 100%;
  flex-basis: 1;
  flex-shrink: 1;
  flex-grow: 1;
  overflow-x: auto;
}

.contenedor-columnas {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto;
  
}

.columna-historial {
  width: 290px;
  min-width: 290px;
  margin: 0 10px;
  padding:  0 0.4rem;
  transition: all .2s ease;
  margin-bottom: 10px;
}

.columna-historial:nth-child(1) {
margin-left: 0;}

.sin-borde {
  border-bottom: 0 !important;
}


@media screen and (min-width: 360px) { 
  .columna-historial {
    min-width: 315px;
  } 
}

@media screen and (min-width: 480px) { 
  .columna-historial {
    min-width: 350px;
  } 
}

@media screen and (min-width: 768px) {
  .contenedor-historial {
    flex-direction: row;
  }
  #lista-iconos-texto-historial li {
      display: block;
      margin: 0 1rem !important;
      flex: 1;
    }
}
/* ESTILOS CONTENIDO HISTORIAL*/

/* Componentes propios */

.Card {
  background: #fff;
  color: #6b7b97;
  border: 1px solid hsla(0, 0%, 0%, 0.1);
  border-radius: 4px;
  display: flex;
  flex-flow: column;
  min-width: 0;
  overflow: hidden;
  padding: ;
  position: relative;
}

.Card-figure {
  width: 100%;
  min-width: 0;
  margin-bottom: 1rem;
}

.Card-body p.lead {
    padding: 0.6rem 0;
    margin-bottom: 2px;
    border-bottom: 1px solid #DEE1E2;
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
}

.Card-body.borde-completo p.lead {
    padding: 0.6rem 1rem;
    margin-bottom: 2px;
    width: 100%;
    margin: 0 auto;
    font-weight: bold;
}

.Card-body p.lead.sin-margen {
    padding: 0.6rem 0;
    margin-bottom: 2px;
    border-bottom: 1px solid #DEE1E2;
    width: 100%;
    text-align: center;
    padding-left: 24px;
    font-weight: bold;
}
.Card-body p.lead.sin-borde {
    border-bottom: 0;
    padding-bottom: 0;
}
.Card-body p.lead.sin-borde-titulo {
    border-bottom: 0;
}
.Card-body p.sin-margen.titulo {
    padding-left: 0px;
}

.Card-body ul {

}
.Card-body ul li {
  line-height: 3;
  border-bottom: 1px solid #DEE1E2;
}
.Card-body ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.Card-body ul li span {
  width: 90%;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 480px) {
  .Card-body ul li span {
    width: 85%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .Card-body ul li span {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}
.Card-body :last-child {
  margin-bottom: 0;
}

.contenedor-zscore .zscore-2 a {
  position: relative;
  top: -6px;
}

.Card-title {
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: calc(.75em / 1.4);
}

.Card .opciones {
  width: 90%;
  margin: 6px auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.Card .opciones .opciones-izquierdo {
  width: 65%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
}
.Card .opciones .opciones-izquierdo > div {
  padding: 0.2rem 0;
  text-align: left;
  width: 50%;
  font-size: 0.75rem;
  text-transform: uppercase;
/*    background: url(../../img/grafica2.svg) no-repeat 80% center;
  -webkit-background-size: 12px;
  background-size: 12px;*/
}
.Card .opciones .opciones-izquierdo > div img {
  width: 12px;
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -1px;
}
.Card .opciones .opciones-derecho {
  width: 35%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
  flex: 1 1 auto;
}
.Card .opciones .opciones-derecho > div {
  padding: 0.2rem;

}

.Card .Card-body .boton-tratamiento-historial {
  display: block;
  position: absolute;
  top: 8px;
  right: 16px;
  width: 28px;
}
.Card .Card-body .boton-tratamiento-historial img 1{
  width: 28px;
}

/* -------------- */
/* Breakpoint: SM */
/* -------------- */

.SM > .Card {
  flex-flow: row;
}

.SM > .Card > .Card-figure {
  border-right: 1px solid #eee;
  flex: 2;
  margin-right: 1em;
  margin-bottom: 0;
  min-width: 0;
  padding-right: 1em;
}

.SM > .Card > .Card-body {
  min-width: 0;
  flex: 5;
}

.Card p.lead.izquierda.mayuscula.triple {
    width: 100%;
    padding: 8px 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.Card p.lead.izquierda.mayuscula.triple span:nth-child(1) {
  width: 60%;
}
.Card p.lead.izquierda.mayuscula.triple span:nth-child(2) {
  width: 20%;
  text-align: center;
}
.Card p.lead.izquierda.mayuscula.triple span:nth-child(3) {
  width: 20%;
  text-align: center;
}
.Card p.lead.contenido span {
  font-weight: normal;
  font-size: 0.85rem;
}
.Card p.contenido.sub {
  background-color: #f1f1f1;
}
.Card p.contenido.sub span {
  font-weight: 700 !important;
  font-style: 1rem !important;
  font-family: ProximaNovaLt;
  width: 100% !important;
  text-align: center;
  font-size: 1rem;
}
.Card p.contenido.bold span {
  font-weight: 700 !important;
  font-family: ProximaNovaLt  !important
}
.Card p.lead.gris {
    background-color: #E0E0E0;
    color: #838080;
    font-family: ProximaNovaLt;
}
.Card p.lead.titulo-antropometria {
  background-color: #FFC609;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-sanguinea {
  background-color: #EC4124;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-visual {
  background-color: #585093;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-auditiva {
  background-color: #F16B3B;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-odontologica {
  background-color: #57BFE8;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-vacunacion {
  background-color: #2E7DE1;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-general {
  background-color: #342C81;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-signos-vitales {
  background-color: #F79D20;
  color: #fff;
  font-size: 1rem;
}
.Card p.lead.titulo-parasitologia {
  background-color: #00B140;
  color: #fff;
  font-size: 1rem;
}
.Card p.total span {
  text-align: right;
  font-weight: 700 !important;
  font-family: ProximaNovaLt  !important;
}
.Card p.total.doble span {
  text-align: left;
  width: 50%;
  font-weight: 700 !important;
  font-family: ProximaNovaLt  !important;
}

/* BUSCADOR ENCABEZADO */
.contenedor-buscador {
  width: 220px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  margin: 0 auto !important;
}

.campo-busqueda {
  flex: 90%;
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.campo-busqueda  input {
  width: 100%;
}

.boton-accion {
  flex: 10%;
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.boton-accion a {
  display: block;
  text-align: center;
}

.boton-accion a img {
  margin: 0 0.2rem;
  width: 14px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .contenedor-buscador {

  float: right;
  margin: 0 auto;
}
}

input.buscar-beneficiario {
    border: 0;
    padding: 0.2rem 1rem;
    color: rgba(255, 255, 255, 0.6) !important;
    background-size: 18px;
    font-size: 1.1rem !important;
    background-color: transparent !important;
    text-align: left;
    /*max-width: 320px;*/
}

input.buscar-beneficiario::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

input.buscar-beneficiario:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

input.buscar-beneficiario::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.contenedor-call2action {
  height: 500px;
  background: url(../../img/fondo-call2action-reporte.jpg) no-repeat center center / cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding: 2rem 1rem;
  font-family: 'ProximaNovaRg', Georgia, sans-serif;
}
@media screen and (min-width: 768px) {
  .contenedor-call2action {
    padding: 2rem 4rem;
  }
}
.contenedor-call2action.rdc {
  background: url(../../img/fondo-call-2-action-1.jpg) no-repeat center bottom / cover;
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
.contenedor-call2action.rra {
  background: url(../../img/fondo-call-2-action-3.jpg) no-repeat center top / cover;
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 1rem;
}
.contenedor-call2action.rrs {
  background: url(../../img/fondo-call-2-action-2.jpg) no-repeat center top / cover;
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .contenedor-call2action.rra {
    padding: 2rem 4rem;
  }
}

.contenedor-call2action p.lead {
  color: #FFF;
  text-shadow: 1px 1px 3px #000;
  font-size: 1.8rem;
}


.contenedor-call2action p a.btn {
  font-size: 1.4rem;
  text-shadow: 1px 1px 1px #000;
  /*color: #fff;*/
}

.contenedor-call2action p a.btn:hover {
  /*color: #333;*/
  text-shadow: 0 0 0;
}

/* DATATABLES */
.dataTables_paginate a.btn {
   border-radius: 30px;  
}

#datos-pacientes {
  margin-top: 1rem !important;
}

.iconos-botones-opciones,
#datos-pacientes_wrapper {
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
}
.iconos-botones-opciones {
  padding: 1rem 0;
}

#datos-pacientes {
  border-collapse: collapse !important;
}

#datos-pacientes_wrapper .dt-buttons,
#datos-pacientes_wrapper .dataTables_length,
#datos-pacientes_wrapper .dataTables_filter {
  display: inline-block;
  padding:  0.6rem 1rem;
  width: 100%;
}

@media screen and (min-width: 640px) {
  #datos-pacientes_wrapper .dt-buttons,
  #datos-pacientes_wrapper .dataTables_length,
  #datos-pacientes_wrapper .dataTables_filter {
    display: inline-block;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  #datos-pacientes_wrapper .dt-buttons,
  #datos-pacientes_wrapper .dataTables_length,
  #datos-pacientes_wrapper .dataTables_filter {
    display: inline-block;
    width: auto;
  }
}

.table td {
  vertical-align: middle;
}

td span.n1 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/estado-n1.svg) no-repeat center center / contain;
  -webkit-background-size: 16px;
  background-size: 16px;
  animation: animatedBackground 1.5s linear infinite;
}
td span.n1-2 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/estado-n1-2.svg) no-repeat center center / contain;
  -webkit-background-size: 16px;
  background-size: 16px;
  /* animation: animatedBackground 1.5s linear infinite; */
}
td span.sn1 {
  color: #E43312;
}
td span.n2 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/estado-n2.svg) no-repeat center center / contain;
  -webkit-background-size: 16px;
  background-size: 16px;
}
td span.sn2 {
  color: #f6a623;
}
td span.n3 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/estado-n3.svg) no-repeat center center / contain;
  -webkit-background-size: 16px;
  background-size: 16px;
}
td span.sn3 {
  color: #FFC609;
}
td span.n4 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/estado-n4.svg) no-repeat center center / contain;
  -webkit-background-size: 16px;
  background-size: 16px;
}
td span.sn4 {
  color: #00B140;
}
td span.n7 {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  /* background: url(../../img/estado-n1.svg) no-repeat center center / contain; */
  background: url(../../img/estado-n1_circule.svg) no-repeat center center / contain; 
  -webkit-background-size: 16px;
  background-size: 16px;
  /* animation: animatedBackground 1.5s linear infinite; */
}
@keyframes animatedBackground {
    0%   {background-size: 6px;}
    45%  {background-size: 16px;}
    60%  {background-size: 16px;}
    100% {background-size: 6px;}
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  padding-left: 0;
  margin: 0;
  /*padding: 0;*/
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
  display: none;
  margin: 0;
  /*padding: 0;*/
}

div.dataTables_wrapper div.dataTables_filter input {

    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 0 0;
    border: 0;
    border-bottom: 1px solid #b6b6b6;
    background: transparent url(../../img/buscar-gris.svg) no-repeat 90% center;
    font-size: 1rem;
    background-size: 18px;
}
div.dataTables_wrapper div.dataTables_filter input:focus {
  background-image: none;
}
#datos-pacientes_wrapper .dt-buttons .btn,
#datos-pacientes_length select {
  background: none;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #b6b6b6;
    background: transparent;
    font-size: 1rem;
        -moz-appearance: none;
    appearance: none;
}
#datos-pacientes_length select {
  text-align: center;
  text-align-last:center;
  padding: 4px;
  margin-bottom: 6px;
  color: #6b7b97;
  border-radius: 0;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: inherit;
  color: #333;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    white-space: normal;
}
table.dataTable > tbody > tr.child td.child {
  background-color: #f4f8fd;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px solid #e9e7e7;
}
td.child ul.dtr-details li span.dtr-title {
  display: block;
}
#datos-pacientes_info,
#datos-pacientes_paginate {
    color: #6b7b97;
}
@media screen and (min-width: 640px) {
  #datos-pacientes_info,
  #datos-pacientes_paginate {
    display: inline-block;
    width: 50%;
    margin: 6px 0
  }
}
.btn {
  margin: 10px 2px;
  border-radius: 0;
}
.btn-outline-dark {
  color: #6b7b97;
}
#datos-pacientes_paginate {
  font-size: 0.9rem;
}
.paginate_button {
  color: #6b7b97;
}
.dt-buttons .dropdown-toggle,
#datos-pacientes_length label {
  color: #6b7b97;
}
#datos-pacientes_length label {
    position: relative;
    top: 4px;
}

.dropdown-toggle.buttons-colvis:after {
  border: 0;
}

#datos-pacientes_wrapper .dt-buttons .dropdown-toggle.buttons-colvis {
  padding-right: 24px;
  background: url(../../img/flecha-abajo-select.svg) no-repeat right center / 14px;
}

#datos-pacientes_length select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../img/flecha-abajo-select.svg) no-repeat right center / 14px;
  margin-right: 10px;
}

thead th.datos-informativos {
  /*border-bottom: 3px solid #2E7DE0;*/
  background-color: #2E7DE0;
  color: #FFFFFF;
}
thead th.datos-resultado {
  /*border-bottom: 3px solid #FFC609;*/
  background-color: #FFC609;
  color: #FFFFFF;

}

.dt-button-collection.dropdown-menu a:not(.active) {
  opacity: 0.4;
}

#datos-pacientes_wrapper .dt-buttons .btn:first-child {
  border-bottom: 0;
  background: url(../../img/informacion5.svg) no-repeat left center / 30px;
  text-indent: -9999px;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 18px;
}
button.boton-info:hover {
  cursor: hand;
}
/* DATATABLES */


/* REPORTE RESULTADOS ANTROPOMETRICOS*/
/*
a.bloque {
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
  position: relative;
  text-decoration: none;
}
a.bloque:hover,
a.bloque:active,
a.bloque:focus {
 text-decoration: none; 
}*/
.contenedor-barra-iconos-rra {
  /*border: 1px solid #ddd;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: space-between;
  align-items: space-between;
  overflow-x: auto;
  overflow-y: hidden;
  font-family: ProximaNovaLt;
  width: 100%;
  height: auto;
  clear: both;
  min-height: 145px;
}
.contenedor-barra-iconos-rra:before,
.contenedor-barra-iconos-rra:after {
  display: block;
    content: "";
    clear: both;
}
.contenedor-barra-iconos-rra.responsiva {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contenedor-barra-iconos-rra.responsiva .contenedor-icono-rra {
  display: inline-block;
  min-width: 110px;
  height: auto;
  flex: 110px;
  flex-shrink: 0;
  flex-grow: 0;
}

.contenedor-barra-iconos-rra .contenedor-icono-rra {
  /*min-width: 160px;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  flex-shrink: 0;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra a {
  padding: 2px 18px;
  height: 100%;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila {
  padding: 10px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  -ms-align-items: flex-start;
  align-items: flex-start;
  height: 33.3%;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila:first-child  {
  margin-bottom: 6px;
}.contenedor-barra-iconos-rra .contenedor-icono-rra .fila:last-child  {
  margin-bottom: auto;
}
@media screen and (min-width: 730px) {
  .contenedor-barra-iconos-rra .contenedor-icono-rra:not(:first-child) {
    border-left: 1px solid #DDD; 
  }
}
.contenedor-barra-iconos-rra .contenedor-icono-rra.sin-borde {
  border-left: 0; 
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila > * {
  padding: 0;
  margin: 0;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.imagenes img {
  height: 36px;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.una-imagen {
  justify-content: center;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-imagenes {
  justify-content: space-around;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-imagenes img {
  /*height: 24px;*/
  padding: 2px;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.texto {
  text-align: center;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.un-texto {
  justify-content: center;
  line-height: 1;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-textos {
  justify-content: space-around;
  line-height: 1;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-textos p {
flex: 50%;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.un-valor {
  justify-content: center;
  line-height: 1;
  text-align: center;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-valores {
  justify-content: space-around;
  line-height: 1;
  text-align: center;
}
.contenedor-barra-iconos-rra .contenedor-icono-rra .fila.dos-valores p {
    margin: 0 8px;
}
/* REPORTE RESULTADOS ANTROPOMETRICOS*/

/* ESTILOS INGESO Y REGISTRO */

.contenedor-ingreso {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100vh;

  position: relative;
  background-color: #eee;

}

.contenedor-ingreso .imagenes-fondo {
  position: absolute;
  width: 100%;
  height: 100%;

  z-index: 1;
}

.contenedor-ingreso .imagenes-fondo span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.contenedor-ingreso span.imagen {
  background: url(../../img/fondo-ingreso.jpg) no-repeat 30% center / cover;
}
.contenedor-ingreso span.iconos {
  /*display: none;*/
  opacity: 0.4;
  background: url(../../img/pesquisasInicioSesion.svg) no-repeat center center / 90%;
}

.contenedor-ingreso .imagenes-fondo .mensaje-ingreso {
  display: none;
  font-family: ProximaNovaRg;
  font-style: italic;
  z-index: 1000;
  font-size: 1.2rem;
  color: #fff;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.contenedor-ingreso .contenido-ingreso {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);

  z-index: 2;

    display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.contenedor-ingreso .contenido-ingreso p.logo-digisalud img {
  width: 96%;
  padding-bottom: 1rem;
}

.contenedor-ingreso .contenido-ingreso form {
  display: block;
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}

.contenedor-ingreso .contenido-ingreso form p {
  margin-bottom: 0.5rem;
}

.contenedor-ingreso .contenido-ingreso form p input[type="text"],
.contenedor-ingreso .contenido-ingreso form p input[type="password"]  {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: 0 0 0;
  font-size: 1.2rem;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid #5a5a5a;
  padding: 6px 0;
  margin-bottom: 1rem;
  color: #5a5a5a !important;
}


#formulario-registro p input[type="text"], 
#formulario-registro p input[type="email"],
#formulario-registro p input[type="password"],
#formulario-registro p input[type="radio"] {
  color: #797979;
}

#formulario-registro p input::-webkit-input-placeholder, 
#formulario-registro p input::-moz-placeholder,
#formulario-registro p input:-ms-input-placeholder,
#formulario-registro p input:-moz-placeholder {
  color: #797979;
}

#formulario-registro p input[type="text"],
#formulario-registro p input[type="date"],
#formulario-registro p input[type="email"] {
  color: #797979 !important;
}
#formulario-registro p input:-moz-placeholder,
.contenedor-ingreso .contenido-ingreso form p input::-moz-placeholder {
  opacity: 1;
}

.contenedor-ingreso .contenido-ingreso ul li {
  line-height: 1.6;
}

.contenedor-ingreso .contenido-ingreso ul li a {
  font-size: 1rem;
  text-decoration: underline;
  color: #5a5a5a;
}

.contenedor-ingreso .contenido-ingreso p.copy {
  position: absolute;
  right: 50px;
  bottom: 0px;
  color: #5a5a5a;
}

@media screen and (min-width: 380px) {
  .contenedor-ingreso .imagenes-fondo .mensaje-ingreso {
    display: block;
  }
  .contenedor-ingreso .contenido-ingreso form p {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .contenedor-ingreso {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .contenedor-ingreso .imagenes-fondo,
  .contenedor-ingreso .contenido-ingreso {
    width: 50%;
    position: relative;
    background-color: #FFF;
  }
  .contenedor-ingreso .imagenes-fondo span.iconos {
    display: block;
  }
  .contenedor-ingreso span.iconos {
    /*display: none;*/
    opacity: 1;
    background: url(../../img/pesquisasInicioSesion.svg) no-repeat center center / 80%;
  }
  .contenedor-ingreso .imagenes-fondo .mensaje-ingreso {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .contenedor-ingreso span.iconos {
    background: url(../../img/pesquisasInicioSesion.svg) no-repeat center center / 65%;
  }
}

.contenedor-registro {
  overflow: hidden;
}

.jumbotron.registro {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-height: 320px;
  min-height: 200px;
  border-radius: 0;
  background: url(../../img/fondo-registro3.jpg) no-repeat center center / cover;
}

.jumbotron.registro .logo {
  position: absolute;
  top: 58px;
  left: 44px;
  width: 240px;
}

@media screen and (min-width: 768px) {
  .jumbotron.registro {
    height: 300px;
  }
}
@media screen and (min-width: 960px) {
  .jumbotron.registro {
    height: 350px;
  }
}

form#formulario-registro .contenedor-formulario-registro .columna-formulario-registro p input[type="text"],
form#formulario-registro .contenedor-formulario-registro .columna-formulario-registro p input[type="email"],
form#formulario-registro .contenedor-formulario-registro .columna-formulario-registro p input[type="date"],
form#formulario-registro .contenedor-formulario-registro .columna-formulario-registro p select  {
  font-size: 18px !important;
}

.contenedor-formulario-registro {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  margin: 1rem 0 0;
  /*border: 1px solid #ddd;*/
  padding: 1rem 1rem 0;
  transition: .3s ease;

}

.contenedor-formulario-registro .columna-formulario-registro {
  /*border: 1px solid #ddd;*/
  padding: 0.2rem 1rem;
}

.contenido-formulario p.titulo-formulario-registro {
  color: #007bff;
}

.contenido-formulario {
    position: relative;
    top: -40px;
}


.contenido-formulario .icono img {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

.contenido-formulario .icono img.seleccionada {
  display: inline-block;
  position: relative;
  width: 80px;
  height: auto;
}

.contenido-formulario .icono span {
  display: inline-block;
  width: 80px;
  height: 80px;
  /*padding: 1rem;*/
  vertical-align: middle;
  background-color: #FFF;
  border: 2px solid #808080;
  border-radius: 50%;
  margin-bottom: 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  line-height: 70px;
}

.contenido-formulario .icono span input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}


@media screen and (min-width: 768px) {
  .contenedor-formulario-registro {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
  }
  .contenedor-formulario-registro .columna-formulario-registro {
    padding: 1rem 2rem;
    width: 48%;
  }
  .contenedor-formulario-registro .columna-formulario-registro:last-child {
    margin: 0 auto;
  }
  .jumbotron.registro .logo {
    width: 280px;
    left: 48px;
  }
}

@media screen and (min-width: 1240px) {
  .contenedor-formulario-registro {

    max-width: 90%;
  }
  .contenedor-formulario-registro .columna-formulario-registro {
    width: 30%;
    padding: 2rem;
  }
  .contenedor-formulario-registro .columna-formulario-registro:last-child {
    margin: 0;
  }
}

p#campo-oculto {
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 1px;
  transition: all .4s .2s ease;
}
p#campo-oculto.activo {
  opacity: 1;
  height: auto;
}

p#campo-oculto input {
  position: relative;
  right: -105%;
  transition: all .4s ease;
}

p#campo-oculto.activo input {
  right: 0;
}

input[type="text"].invalido,
input[type="email"].invalido,
input[type="number"].invalido  {
  background: url(../../img/invalido.svg) no-repeat 96% center / 22px;
  color: red !important;
}
input[type="text"].valido,
input[type="email"].valido,
input[type="number"].valido {
  background: url(../../img/valido.svg) no-repeat 96% center / 22px;
  color: green !important;
}

/* ESTILOS INGESO Y REGISTRO */

::-moz-placeholder {
  opacity: 1;
}

input.borde-gris,
span.campo-borde-gris,
select.borde-gris {
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: 0 0 0;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
}

span.campo-borde-gris label {
  margin-bottom: 0;
  font-size: 18px !important;
  color: #797979;
}

.terminos-condiciones-registro label {
  color: #797979;
  border-bottom: 1px solid #ccc;
  position: relative;
  top: -2px;
  margin-right: 4px;
  font-size: 0.9rem;
}

span.campo-borde-gris {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
}
span.campo-borde-gris label:nth-child(1) {
  flex: 3;
}
span.campo-borde-gris label:nth-child(2) {
  flex: 1;
}
span.campo-borde-gris label:nth-child(3) {
  flex: 1;
}

select.borde-gris {
  padding-right: 30px;
  background: url(../../img/flecha-abajo-select.svg) no-repeat right center / 12px;
  color: #797979;
}

.modal-body p input {
  width: 90%;
  padding-left: 6px;
  font-size: 1rem;
}

/* HOME USUARIO */

.contenidos.home-usuario,
.contenidos.contenidos-resumen-pesquisas,
.contenidos.resumen-jornadas,
.contenidos.reportes-jornadas,
.contenidos.progreso-jornadas  {
  overflow: visible;
  background-color: #f2f2f2;
}
.contenidos-informe-por-beneficiario{
  overflow: hidden;
  background-color: #f2f2f2;
}



.info-organizacion {
  padding-top: 1rem;
}
.info-organizacion p.titulo-vista,
.info-organizacion p.titulo-vista {
  padding-left: 20px;
  font-family: ProximaNovaLt;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .info-organizacion p.titulo-vista,
  .info-organizacion p.titulo-vista {
      font-size: 22px;
      padding-left: 90px;
    }
}
@media screen and (min-width: 1024px) {
  .info-organizacion p.titulo-vista,
  .info-organizacion p.titulo-vista {
      font-size: 24px;
    }
}

.dropdown-menu.subMenus {
  font-size: 0.85rem;
}
.dropdown-menu.subMenus i.fas { 
  display: inline-block;
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  .info-organizacion {
    padding-top: 24px;
    position: relative;
    /*top: -30px;*/
    z-index: 1000;
  }

}


/* NUEVO */

.area-de-contenidos.home-usuario {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
  align-items: stretch;
  padding: 1rem;
  max-width: 100%;
  margin: 0;
}

@media screen and (min-width: 1240px) {
  .area-de-contenidos.home-usuario {
    padding: 1rem 2rem;
  }
}

.columna-primera,
.columna-segunda,
.columna-cuarta {
  width: 100%;
}

.columna-primera {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 2rem 0 !important;
  padding: 0 !important;
}
.columna-primera .sub-columna {
  margin: 0;
  padding: 0;
  /*border: 1px solid #ddd;*/
    margin: 0 !important;
  padding: 0 !important;
  background-color: #FFF;
  border-radius: 6px;
}
.columna-primera .sub-columna .titulo {
  background-color: #194695;
}
.columna-primera .sub-columna .titulo p {
  padding: 10px;
}
.columna-primera .sub-columna .titulo p,
.columna-primera .sub-columna .titulo p i.fas {
  color: #FFF;
}

.columna-primera .sub-columna .cuerpo,
.columna-cuarta .sub-columna .cuerpo {
  padding: 14px;
}
.columna-primera .sub-columna.dos .cuerpo {
  padding: 14px 6px;
}
.columna-primera .sub-columna.uno {
  order: 1;
  width: 90%;
}
.sub-columna.uno .cuerpo p {
  width: 100%;
}
.columna-primera .sub-columna.uno .titulo {
  border-radius: 6px 0 0 6px !important;
}
.columna-primera .sub-columna.dos {
  order: 3;
  width: 100%;
}
.columna-primera .sub-columna.tres {
  order: 4;
  width: 100%;
}
.columna-primera .sub-columna.cuatro {
 order: 2;
 width: 10%;
 text-align: right;
 border-radius: 0 6px 6px 0;
}
.columna-primera .sub-columna.cuatro .titulo {
  border-radius: 0 6px 6px 0 !important;
}

.columna-segunda {
  margin: 0 0 2rem 0 !important;
  flex-shrink: 0;
  background-color: transparent;
}

.columna-segunda .sub-columna {
  background-color: transparent;
  height: 100% !important;
  border-radius: 6px;
}

.columna-segunda .sub-columna .titulo,
.columna-cuarta .sub-columna .titulo {
  width: 90%;
}
.columna-segunda .sub-columna .titulo p {
  margin: 0 10px 0;
  border-bottom: 1px solid gray;
  padding: 10px 0;
}

.area-de-contenidos.home-usuario .columna-segunda .sub-columna .cuerpo {
  justify-content: flex-start;
}

.columna-tercera {
  margin: 0 0 2rem 0  !important;
}
.columna-tercera .sub-columna {

  height: 100% !important;
  border-radius: 6px;
}

.columna-tercera .sub-columna .titulo {

}
.columna-tercera .sub-columna .titulo p {
  margin: 0 10px 0;
  border-bottom: 1px solid gray;
  padding: 10px 0;
}

.columna-tercera .sub-columna .cuerpo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.columna-tercera .sub-columna .cuerpo .card {
  /*width: 30%;*/
}

.columna-cuarta {
  margin: 0 0 2rem 0  !important;
}
.columna-cuarta .sub-columna {
  background-color: #FFF; 
  height: 100%;
  border-radius: 6px;
  flex-shrink: 0;
}

.columna-cuarta .sub-columna .titulo p {
  margin: 0 10px 0;
  border-bottom: 1px solid gray;
  padding: 10px 0;
}
.columna-cuarta .sub-columna.dos .titulo p {
  border-bottom: 0;
  
}

.columna-cuarta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;-webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background-color: #FFF;
  border-radius: 4px 4px 0 0;
}
.columna-cuarta .sub-columna.uno {
  width: 90%;
  order: 1;
  border-radius: 6px 0 0 6px;
  z-index: 4;
}
.columna-cuarta .sub-columna.dos {
  width: 10%;
  min-height: 100% !important;
  order: 2;
  text-align: right;
  border-radius: 0 6px 6px 0;
  z-index: 6;
}


.cuerpo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cuerpo .card {
  min-width: 100%;
  width: 320px;
  margin: 1rem 2rem 1rem 0;
}

@media screen and (min-width: 768px) {
  .cuerpo .card {
    min-width: auto;
    margin: 1rem 2rem 1rem 0;
  }
}

.columna-segunda,
.columna-segunda .sub-columna {
  padding-left: 0 !important;
}
.cuerpo .card {
  margin-left: 0;
}

.card.beneficiarios-home .card-header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e2f8c+0,9e66a9+100 */
background: #5e2f8c; /* Old browsers */
background: -moz-linear-gradient(left, #5e2f8c 0%, #9e66a9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #5e2f8c 0%,#9e66a9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #5e2f8c 0%,#9e66a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e2f8c', endColorstr='#9e66a9',GradientType=1 ); /* IE6-9 */
border: 1px solid #7E3998;
color: #FFF;
}
.card.analisis-data-home .card-header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a4896+0,4c74b8+100 */
background: #1a4896; /* Old browsers */
background: -moz-linear-gradient(left, #1a4896 0%, #4c74b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1a4896 0%,#4c74b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1a4896 0%,#4c74b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4896', endColorstr='#4c74b8',GradientType=1 ); /* IE6-9 */
border: 1px solid #0045A0;
color: #FFF;
}

.card.digisalud-home .card-header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#24afb0+0,a0d39f+100 */
background: #24afb0; /* Old browsers */
background: -moz-linear-gradient(left, #24afb0 0%, #a0d39f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #24afb0 0%,#a0d39f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #24afb0 0%,#a0d39f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24afb0', endColorstr='#a0d39f',GradientType=1 ); /* IE6-9 */
border: 1px solid #45BAA2;
color: #FFF;
}

.card.beneficiarios-home h5.card-header ,
.card.analisis-data-home h5.card-header ,
.card.digisalud-home h5.card-header  {
  font-size: 103%;
}

.btn-outline-digisalud {
  color: #69C8C0;
  background-color: transparent;
  background-image: none;
  border-color: #69C8C0;
}
.btn-outline-digisalud:hover,
.btn-outline-digisalud:active {
  color: #FFF;
  background-color: #69C8C0;
  background-image: #69C8C0;
  border-color: #FFF;
}
.btn-outline-analisis-data {
  color: #0070DF;
  background-color: transparent;
  background-image: none;
  border-color: #0070DF;
}
.btn-outline-analisis-data:hover,
.btn-outline-analisis-data:active {
  color: #FFF;
  background-color: #0070DF;
  background-image: #0070DF;
  border-color: #FFF;
}
.btn-outline-beneficiarios {
  color: #7859A4;
  background-color: transparent;
  background-image: none;
  border-color: #7859A4;
}
.btn-outline-beneficiarios:hover,
.btn-outline-beneficiarios:active {
  color: #FFF;
  background-color: #7859A4;
  background-image: #7859A4;
  border-color: #FFF;
}

.btn i.fas {
  display: inline-block;
  padding: 0 0.4rem;
}

.un-texto.gris-claro {
  color: #999;
  font-size: 0.9rem;
}
.un-valor.gris-oscuro {
  color: #595959;
}


ul.listado-jornadas-recientes li.listado-jornadas-recientes-item a {
  font-size: 1rem;
  line-height: 1.2;
  color: #0070DF;
  margin-bottom: 8px;
  padding-right: 16px;
  /*background: url(../../img/flecha-circulo-azul.svg) no-repeat right center / 16px;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

ul.listado-jornadas-recientes li.listado-jornadas-recientes-item span.texto-info-jornada-reciente {
  display: inline-block;

}

ul.listado-jornadas-recientes li.listado-jornadas-recientes-item span.imagen-jornada-reciente {
  display: inline-block;
  padding-left: 6px;
}

.dropdown-menu {
  font-size: 0.9rem;
}
.dropdown-item {
  padding: 0.25rem 1rem;
}
.dropdown-item i.fa,
.dropdown-item i.fas {
  padding-right: 6px;
}

@media screen and (min-width: 480px) and (max-width: 960px) {
    ul.listado-jornadas-recientes {
      column-count: 2;
      column-gap: 1rem;
    }
}

@media screen and (min-width: 640px) {
  .columna-primera .sub-columna.uno {
    order: 1;
    width: 40%;
  }
  .columna-primera .sub-columna.dos {
    order: 3;
    width: 50%;
  }
  .columna-primera .sub-columna.tres {
    order: 4;
    width: 100%;
  }
  .columna-primera .sub-columna.cuatro {
   order: 3;
   width: 10%;
   text-align: right;
  }

    .columna-tercera .sub-columna .cuerpo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .columna-tercera .sub-columna .cuerpo .card {
    min-width: 45%;
  }
}


@media screen and (min-width: 800px) {

  .columna-tercera .sub-columna .cuerpo .card {
    min-width: 30%;
  }
}

@media screen and (min-width: 960px) {
  .columna-primera .sub-columna.uno {
    order: 1;
    width: 20%;
  }
  .columna-primera .sub-columna.dos {
    order: 2;
    width: 40%;
  }
  .columna-primera .sub-columna.tres {
    order: 3;
    width: 30%;
  }
  .columna-primera .sub-columna.cuatro {
   order: 34;
   width: 10%;
   text-align: right;
  }
  .listado-jornadas-recientes {
    column-count: 1;
    column-gap: 1rem;
}
}

@media screen and (min-width: 1240px) {

  .columna-tercera .sub-columna .cuerpo .card {
    width: 30%;
  }
}

@media screen and (min-width: 1360px) {
  
  .area-de-contenidos.home-usuario {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .columna-segunda {
    width: 45%;
    margin: 0;
  }
  .columna-cuarta {
    width: 55%;
    margin: 0;
  }

  .columna-primera .sub-columna.uno {
    order: 1;
    width: 20%;
  }
  .columna-primera .sub-columna.dos {
    order: 2;
    width: 40%;
  }
  .columna-primera .sub-columna.tres {
    order: 3;
    width: 35%;
  }
  .columna-primera .sub-columna.cuatro {
   order: 4;
   width: 5%;
   text-align: right;
  }
  ul.listado-jornadas-recientes {
      column-count: 1;
      column-gap: 1rem;
    }
    .cuerpo .card {
      min-width: 44%;
      width: 44%;
      /*margin: 1rem;*/
  }
}

@media screen and (min-width: 1500px) {
  

  .columna-primera .sub-columna.uno {
    order: 1;
    width: 15%;
  }
  .columna-primera .sub-columna.dos {
    order: 2;
    width: 30%;
  }
  .columna-primera .sub-columna.tres {
    order: 3;
    width: 50%;
  }
  .columna-primera .sub-columna.cuatro {
   order: 4;
   width: 5%;
   text-align: right;
  }
  ul.listado-jornadas-recientes {
    width: 100%;
      column-count: 2;
      column-gap: 1rem;
    }
    .cuerpo {
      justify-content: space-between;
    }
    .cuerpo .card {
      min-width: 28%;
      width: 28%;
      /*margin: 1rem;*/
  }
}

/* REPORTES DE JORNADA */


.area-de-contenidos.reportes-jornadas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 1rem;
  max-width: 100%;
  margin: 0;
}

.area-de-contenidos.reportes-jornadas .card {
  width: 100%;
  margin: 0 auto 2rem;
}
.area-de-contenidos.reportes-jornadas .Card {
  width: 100%;
  margin: 0 auto 2rem;
  /*flex: auto;*/
}

@media screen and (min-width: 768px) {
  .area-de-contenidos.reportes-jornadas .card {
    width: 48%;
    margin: 0 0 2rem;
  }
  .area-de-contenidos.reportes-jornadas .Card {
    width: 48%;
    margin: 0 0 2rem;
  }
}
@media screen and (min-width: 1140px) {
  .area-de-contenidos.reportes-jornadas {
      padding: 1rem 2rem;
  }
  .area-de-contenidos.reportes-jornadas .card {
    width: 30%;
    margin: 0 0 2rem;
  }
}
/* REPORTES DE JORNADA */

/* RESUMEN DE LA JORNADA */

.contenidos.resumen-jornadas {
  overflow: visible;
}


.area-de-contenidos.resumen-jornadas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  overflow-x: auto;
  max-width: 100%;
  margin: 0.4rem;
}
.area-de-contenidos.resumen-jornadas .Card {
  min-width: 320px;
  max-width: 320px;
  margin: 0 1rem 1rem;
} 
.area-de-contenidos.resumen-jornadas .Card:first-child {
  margin-left: 0;
}
.area-de-contenidos.resumen-jornadas .Card:last-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .area-de-contenidos.resumen-jornadas {
    max-width: 96%;
    margin: 0.4rem; 
  }
}
@media screen and (min-width: 1024px) {
  .area-de-contenidos.resumen-jornadas {
    max-width: calc(100vw - 100px);
    margin-right: 2rem; 
  }
}
@media screen and (min-width: 1240px) {
  .area-de-contenidos.resumen-jornadas {
    max-width: calc(100vw - 110px);
     
  }
  body {
    overflow-x: hidden;
  }
}

.bd-example-modal-lg .modal-dialog {
  max-width: 100%;
  height: 100%;
  padding: 0;
}

.bd-example-modal-lg .modal-content {
  height: 90%;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

@media screen and (min-width: 960px) {
 .bd-example-modal-lg .modal-dialog {
  min-width: 92%;
  height: 92%;
  padding: 0;
}

.bd-example-modal-lg .modal-content {
  height: 99%;
}
 
}

/* RESUMEN DE LA JORNADA */

/* INFORME BENEFICIARIO */

.contenedor-informe-por-beneficiario {
  padding: 2rem 1.4rem; 
  display: -webkit-flex; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: -o-flex; 
  display: flex; 
  -webkit-flex-direction: row; 
  -moz-flex-direction: row; 
  -ms-flex-direction: row; 
  -o-flex-direction: row; 
  flex-direction: row; 
  justify-content: flex-start; 
  align-items: flex-start;
  flex-wrap: wrap; 
}
.Card.informe-beneficiario {
   /*width: 100%;*/
   /*margin: 0 auto 2rem;*/
   margin-bottom: 2rem;
   width: 325px;
}

@media screen and (min-width: 640px) {
  .Card.informe-beneficiario {
     /*width: 25%;*/
     margin: 1rem 1.6rem 1rem;
  }
}
@media screen and (min-width: 960px) {
  .contenedor-informe-por-beneficiario {
    padding: 2rem; 
  }
  .Card.informe-beneficiario {
     /*width: 31%;*/
  }
}
@media screen and (min-width: 1240px) {
  .contenedor-informe-por-beneficiario {
    padding: 2rem 3rem; 
  }
  .Card.informe-beneficiario {
     /*width: 23%;*/
  }
  
}

/* INFORME BENEFICIARIO */

/* FORMULARIO SANGUNEO */
p.dos-col-check {
  display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex; 
  -webkit-flex-direction: row;
   -moz-flex-direction: row;
   -ms-flex-direction: row;
   -o-flex-direction: row;
   flex-direction: row; 
  justify-content: space-between; 
  -ms-align-items: center;
  align-items: center;
  padding: 8px 18px;
}
p.dos-col-check span:last-child {
  flex: 85%;
}
p.dos-col-check span:first-child {
  flex: 10%;
  text-align: left;
  padding-left: 8px;
}

.list-group-item.verde  {
  border-left: 6px solid #00B140;
}

.list-group-item.amarillo {
  border-left: 6px solid #FFC609;
}

.list-group-item.naranja {
  border-left: 6px solid #F27D0E;
}

.list-group-item.rojo {
  border-left: 6px solid #E43312;
}
.list-group-item.verde
.list-group-item.amarillo,
.list-group-item.naranja,
.list-group-item.rojo {
  font-size: 0.9rem;
}
@media screen and (min-width: 640px) {
  .list-group-item.verde
.list-group-item.amarillo,
.list-group-item.naranja,
.list-group-item.rojo {
  font-size: 1rem;
}
}


/* FORMULARIO SANGUNEO */

/* COMPONENTES MEJORADOS */
.input-modales {
  border-radius: 30px;
  box-shadow: 0 0 0;
  border: 2px solid #ddd;
  text-align: center;
  background-image: url(../../img/buscar-gris.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 20px;
}
.input-modales.med-gral {
  background-image: url(../../img/lupa-med-gral.svg);
}
/* COMPONENTES MEJORADOS */

/* LISTADO JORNADAS MODALES */

.contenedor-listado-jornadas-modal a {
  display: block;
  overflow: hidden;
   background-color: #f9f9f9;
  border-bottom: 1px solid #595959;
  margin-bottom: 6px;
  transition: .3s ease;
}

.contenedor-listado-jornadas-modal a:hover,
.contenedor-listado-jornadas-modal a:active {
  background-color: #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}

.contenedor-listado-jornadas-modal .contenedor-jornada-modal {
  padding: 4px 6px;
 
}
.contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 10px;
  font-size: 0.90rem;
}
.contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha .titulo {
  padding: 4px;
  text-align: left;
  width: 100%;  
  color: #595959;
}
.contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha .fecha {
  padding: 4px;
  text-align: left;
  width: 100%;
  color: #999;
}
.contenedor-listado-jornadas-modal .contenedor-jornada-modal .pesquizas-jornada {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  height: auto;
  max-height: 48px;
}
.contenedor-listado-jornadas-modal .contenedor-jornada-modal .pesquizas-jornada img {
  width: 32px;
  height: auto;
  margin-right: 4px;
}
@media screen and (min-width: 480px) {
  .contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    font-size: 0.95rem;
  }
  .contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha .titulo {
    width: 70%;  
  }
  .contenedor-listado-jornadas-modal .contenedor-jornada-modal .fila-titulo-fecha .fecha {
    text-align: right;
    width: 30%;
  }
}
/* LISTADO JORNADAS MODALES */

/*ESTADISTICAS JORNADAS */

.area-de-contenidos.estadisticas-jornadas {
  background-color: #FFF;
}

/*ESTADISTICAS JORNADAS */

.cuadros-grises-estadisticas-jornada {
  background-color: #f9f9f9;
  width: 100%;
  padding: 12px 6px;
  margin: 0 0 6px;
}

.contenedor-barra-progreso-recta {
  /*width: 96%;*/
  height: 24px;
  margin: 0 auto 1rem;
  display: block;
  overflow: hidden;
  font-size: 0.9rem;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contenedor-barra-progreso-recta .color-fondo {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: #c9cfd0;
  z-index: 25;
  top: 0;
  left: 0;
  border-radius: 6px;
}
.contenedor-barra-progreso-recta .color-frontal {
  width: 79%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: #00B140;
  z-index: 30;
  top: 0;
  left: 0;
  border-radius: 6px;
}
.contenedor-barra-progreso-recta .contenedor-textos-barra {
  width: 100%;
  height: 100%;
  z-index: 35;
  padding: 4px 10px;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.contenedor-circulos-estadisticas-pesquisas {
  margin: 0 auto 1rem;
  display: block;
  overflow: hidden;
}


.contenedor-circulos-estadisticas-pesquisas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.contenedor-circulo-pesquisa {
  width: 30%;
  padding: 4px;
  margin: 4px;
  padding-bottom: 0.6rem;
}
.contenedor-circulo-pesquisa .valores {
  font-size: 0.75rem;
  text-align: center;
}
.contenedor-circulo-pesquisa .imagen-icono {
  position: relative;
  overflow: hidden;
  display: block;
  height: 80px;
  width: 80px;
  margin: 0 auto 6px;
}
@media screen and (min-width: 480px) {
 .contenedor-circulo-pesquisa .imagen-icono {
    position: relative;
    overflow: hidden;
    display: block;
    height: 96px;
    width: 96px;
    margin: 0 auto 6px;
  } 
}

.contenedor-circulo-pesquisa svg,
.contenedor-circulo-pesquisa .icono-circulo-pesquisa {
  position: absolute;
  
}
.contenedor-circulo-pesquisa svg {
  width: 90%;
  height: 90%;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}
.contenedor-circulo-pesquisa .icono-circulo-pesquisa {
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contenedor-circulo-pesquisa .nombre-pesquisa {
  font-size: 0.75rem;
  text-align: center;
}

.subtitulo-columna-estadisticas {
  width: 100%;
  background: #FFF;
  padding: 4px;
  font-size: 0.9rem;
  color: #2E7DE1;
  margin: 0;
}

.contenedor-datos-estadisticas-por-pesquisa {
  margin: 2px 0;
}
.contenedor-datos-estadisticas-por-pesquisa .contenedor-datos-pesquisa {
  
}
.cuadros-grises-estadisticas-jornada .contenedor-titulo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
}
.cuadros-grises-estadisticas-jornada .contenedor-titulo .icono {
  width: 28px;
  display: inline-block;
  margin-right: 10px;
}
.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 4px solid #FFF;
  margin-bottom: 4px;
}
.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa:last-child {
  border-bottom: 0;
}
.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa .cuadro {
  width: 50%;
  margin: 8px 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  
}


.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa .cuadro span.cantidad-pesquisa {
  font-size: 0.9rem;
  font-weight: normal;
  color: #999;
  font-family: ProximaNovaLt;
}
.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa .cuadro span.porcentaje-pesquisa {
  font-size: 0.9rem;
  font-weight: normal;
  color: #999;
  font-family: ProximaNovaLt;
}
.contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa .cuadro span.evaluacion-pesquisa {
  font-size: 0.6rem;
  font-weight: bold;
  color: #595959;
  font-family: ProximaNovaLt;
  font-weight: bold;
}

.contenedor-datos-pesquisa-barra-datos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  margin: 6px 0 10px;
  font-size: 0.9rem;
}

.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra {
  width: 65%;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-data-porcentaje {
  width: 35%;
  text-align: right;
  -ms-align-self: flex-end;
  align-self: flex-end;
    position: relative;
  top: 6px;
}

.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .titulo {
  font-size: 0.8rem;  
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .titulo-dos {
  font-size: 0.75rem;  
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje {
  display: block;
  /*width: 100%;*/
  height: 6px;
  border-radius: 6px;
  background-color: red;
  transition: all 2 ease;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje.rojo {
  background-color: #e43312;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje.naranja {
  background-color: #FF9E15;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje.amarillo {
  background-color: #FFC600;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje.verde {
  background-color: #00B140;
}
.contenedor-datos-pesquisa-barra-datos .contenedor-titulo-barra .porcentaje.gris {
  background-color: #999;
}

.subtitulo-estadisticas-jornada {
  padding-left: 1.8rem;
  font-size: 0.8rem;
  margin: 0;
  color: #2E7DE1;
  font-weight: bold;
}
.subtitulo-estadisticas-jornada-dos {
  padding-left: 0;
  font-size: 0.8rem;
  margin: 0;
  color: #2E7DE1;
  font-weight: bold;
}

.subtitulo-estadisticas-jornada-gris {
  text-align: center;
  font-size: 0.8rem;
  margin: 0;
  color: #6b7b97;
  background-color: #f1f1f1;
  font-weight: bold;
}

.contenedor-tarjeta.contiene-botones-abajo {
  position: relative;
}



.area-de-contenidos.estadisticas-jornadas .contenedor-tarjeta {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .area-de-contenidos.estadisticas-jornadas .contenedor-tarjeta {
    margin: 1rem 0;
  }
  .contenedor-tarjeta.contiene-botones-abajo .botones-abajo {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    margin: 0 auto;
  }
}


@media screen and (min-width: 768px) {
  .contenedor-datos-pesquisa .contenedor-cuadros-estadisticos-pesquisa .cuadro {
    width: 25%;
    margin: 4px 0;
    padding: 4px;  
}
  .contenedor-barra-progreso-recta {
    width: 96%;
  }
  .contenedor-circulos-estadisticas-pesquisas {
    width: 96%;
  }
}

/*ESTADISTICAS JORNADAS */


/* GRAFICAS ESTADISTICAS JORNADAS*/

.area-de-contenidos.graficas-estadisticas-jornadas {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 -webkit-flex-direction: row;
 -moz-flex-direction: row;
 -ms-flex-direction: row;
 -o-flex-direction: row;
 flex-direction: row;
 justify-content: space-around;
 -ms-align-items: center;
 align-items: center;
 padding: 2rem 1rem 1rem;
  max-width: 100%;
  margin: 0;
}
.area-de-contenidos.graficas-estadisticas-jornadas .columna {
  width: 100%;
  padding: 2rem;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .area-de-contenidos.graficas-estadisticas-jornadas .columna {
    width: 45%;
  }

}

/* GRAFICAS ESTADISTICAS JORNADAS*/

@media screen and (max-width: 768px) {
  .no-visible-en-mobiles {
    display: none;
  }
}


/* MEDICINA GENERAL */
.area-de-contenidos.medicina-general {
  padding: 2rem 1rem 1rem;
}


.sub-navegacion-medicina-general {
  width: 90%;
  margin: 0 auto;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid grey;
  border-radius: 6px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.sub-navegacion-medicina-general a {
  font-size: 0.85rem;
  font-family: ProximaNovaLt;
  flex: 1 0 0;
  min-width: 200px;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #6B7B97 !important;
  border-right: 1px solid #ddd;
  margin: 6px 0;
}
.sub-navegacion-medicina-general a:last-child {
  border-right: 0;
}

.sub-navegacion-medicina-general a.activo:after {
  content: '';
  display: block;
  width: 50%;
  border-bottom: 3px solid #2ECB71;
  position: relative;
  top: 6px;
  margin: 0 auto;
}

div.separador-medicina-general {
  border: 1px solid grey;
  height: 6px;
  border-radius: 6px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  max-width: 87%;
  margin-left: auto;
  margin-right: auto;
}

.contenedor-columnas-medicina-general {
  width: 90%;
  margin: 1rem auto;
}

.contenedor-columnas-medicina-general .sub-contenedor {
    width: 100%;
    margin: 1rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.contenedor-columnas-medicina-general .sub-contenedor:before, 
.contenedor-columnas-medicina-general .sub-contenedor:after { 
   content: "";
   display: table; 
}
.contenedor-columnas-medicina-general .sub-contenedor:after { 
   clear: both;
}

.contenedor-columnas-medicina-general .columna-full {
  flex-basis: 100%;
  width: 100%;
  margin: 1rem 0;
  clear: both;

}


@media screen and (min-width: 960px) {
  .contenedor-columnas-medicina-general .sub-contenedor {
    margin: 1rem auto;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
  .contenedor-columnas-medicina-general .sub-contenedor .columna {
    width: 50%;
  }
}


.card-body.sin-borde p.titulo-sin-icono {
  padding: 0.7rem 0.2rem 0 1rem;
  /*background: url(../../img/observaciones.svg) no-repeat 10px 9px;*/
  -webkit-background-size: 24px;
  background-size: 26px;
  margin-bottom: 0;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.card-body.sin-borde p.titulo-sin-icono {
  font-weight: bold;
}
.card-body.sin-borde.contenedor-campo-med-gral {
  background-color: rgb(244, 248, 253);
}
.card-body.sin-borde.contenedor-campo-med-gral .form-group textarea:focus {
  background-color: rgb(244, 248, 253);

}
.titulo-sub-area-med-general {
  text-transform: uppercase;
  font-weight: bold;
  color: #6b7b97;
  width: 90%;
  border-bottom: 1px solid #e1e3e4;
  margin-left: 2rem;
  font-size: 0.9em;
}
.contenedor-diagnostico-presuntivo {
    padding: 1.2rem 1.4rem 1rem;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}
.contenedor-diagnostico-presuntivo p.titulo {
  font-size: 0.9rem;
  color: #6b7b97;
  border-bottom: 1px solid #e1e3e4;
  font-weight: bold;
  margin-bottom: 2rem;
}

input[type="radio"].medGral:after,
input[type="checkbox"].medGral:after {
  border: 2px solid #4570B6;
}
input[type="radio"].medGral:checked:after,
input[type="checkbox"].medGral:checked:after {
  background-color: #4570B6;
}
input[type="text"].medGral,
input[type="number"].medGral,
input[type="email"].medGral {
  font-size: 16px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  border: 1px solid #e1e3e4;
  padding: 4px 6px;
  display: inline-block;
}
input[type="text"].medGral.redondeado,
input[type="number"].medGral.redondeado,
input[type="email"].medGral.redondeado {
    border-radius: 6px;
}


.contenedor-mg-4-elementos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px;
  margin-bottom: 10px;
}
.contenedor-mg-4-elementos span > *
.contenedor-mg-4-elementos > * {
  display: inline-block;
}

.contenedor-mg-4-elementos span:nth-child(1) {
  /*width: 20%;*/
  min-width: 100px;
}
.contenedor-mg-4-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-4-elementos span:nth-child(3) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-4-elementos span:nth-child(4) {
  /*width: 30%;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contenedor-mg-4-elementos span:nth-child(4) > * {
  display: inline-block;
}
.contenedor-mg-4-elementos span:nth-child(4) input {
  display: inline-block;
  font-size: 16px;

}
.contenedor-mg-4-elementos span:nth-child(4) label {
  display: inline-block;
  font-size: 16px;

}

.contenedor-mg-3-elementos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px;
  margin-bottom: 10px;
}
.contenedor-mg-3-elementos > * {
  display: inline-block;
}
.contenedor-mg-3-elementos span:nth-child(1) {
  /*width: 30%;*/
  min-width: 100px;
}
.contenedor-mg-3-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-3-elementos span:nth-child(3) {
  /*width: 25%;*/
  min-width: 130px;
}

.contenedor-mg-2-elementos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px;
  margin-bottom: 10px;
}
.contenedor-mg-2-elementos > * {
  display: inline-block;
}
.contenedor-mg-2-elementos span:nth-child(1) {
  /*width: 30%;*/
  min-width: 100px;
}
.contenedor-mg-2-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}

.contenedor-mg-1-elementos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4px;
  margin-bottom: 10px;
}
.contenedor-mg-1-elementos > * {
  display: inline-block;
}
.contenedor-mg-1-elementos span:nth-child(1) {
  /*width: 30%;*/
  min-width: 100px;
}
.contenedor-mg-1-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-1-elementos span:nth-child(3) {
  /*width: 25%;*/
  min-width: 130px;
}

.contenedor-historial.medGral {
  padding: 0;
  max-width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 960px) {
  .contenedor-historial.medGral {
    justify-content: flex-end;
    padding: 0;
    background: url(../../img/linea-vertical.png) repeat-y 0 0;
  }
}
@media screen and (min-width: 1140px) {
  .contenedor-historial.medGral {
    justify-content: flex-end;
    padding: 0;
    background: url(../../img/linea-vertical.png) repeat-y 20px 0;
  }
}
@media screen and (min-width: 1240px) {
  .contenedor-historial.medGral {
    justify-content: flex-end;
    padding: 0;
    background: url(../../img/linea-vertical.png) repeat-y 40px 0;
  }
}
@media screen and (min-width: 1360px) {
  .contenedor-historial.medGral {
    justify-content: flex-end;
    padding: 0;
    background: url(../../img/linea-vertical.png) repeat-y 70px 0;
  }
}
@media screen and (min-width: 1460px) {
  .contenedor-historial.medGral {
    justify-content: flex-end;
    padding: 0;
    background: url(../../img/linea-vertical.png) repeat-y 100px 0;
  }
}
.contenedor-historial.medGral .contenidos-historial  {
  flex-grow: 0;
  flex-shrink: 0;

}
.contenedor-historial.medGral .contenidos-historial .contenedor-columnas .columna-historial {
  width: 100%;
  min-width: 280px;
  margin: 0 auto;
}
.contenedor-historial.medGral .contenidos-historial .contenedor-columnas .columna-historial {
  width: 100%;
  min-width: 280px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .contenedor-historial.medGral .contenidos-historial .contenedor-columnas .columna-historial {
    width: 290px;
    min-width: 290px;
  }
}
@media screen and (min-width: 480px) {
  .contenedor-mg-4-elementos {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.contenedor-mg-4-elementos span:nth-child(1) {
  width: 20%;
  min-width: 100px;
}
.contenedor-mg-4-elementos span:nth-child(2) {
  width: 25%;
  min-width: 130px;
}
.contenedor-mg-4-elementos span:nth-child(3) {
  width: 25%;
  min-width: 130px;
}
.contenedor-mg-4-elementos span:nth-child(4) {
  width: 100%;
}
.contenedor-mg-4-elementos span:nth-child(4) > * {
  display: inline-block;
}
.contenedor-mg-4-elementos span:nth-child(4) input {
  display: inline-block;
  font-size: 16px;
}

.contenedor-mg-3-elementos {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.contenedor-mg-3-elementos span:nth-child(1) {
  /*width: 30%;*/
  min-width: 100px;
}
.contenedor-mg-3-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-3-elementos span:nth-child(3) {
  /*width: 25%;*/
  min-width: 130px;
}

.contenedor-mg-2-elementos {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.contenedor-mg-2-elementos span:nth-child(1) {
  width: 50%;
  /*min-width: 100px;*/
}
.contenedor-mg-2-elementos span:nth-child(2) {
  width: 50%;
  /*min-width: 130px;*/
}

.contenedor-mg-1-elementos {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.contenedor-mg-1-elementos span:nth-child(1) {
  /*width: 30%;*/
  min-width: 100px;
}
.contenedor-mg-1-elementos span:nth-child(2) {
  /*width: 25%;*/
  min-width: 130px;
}
.contenedor-mg-1-elementos span:nth-child(3) {
  /*width: 25%;*/
  min-width: 130px;
}
}

.list-group.modales-mg {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #FFF;
}
.list-group.modales-mg .list-group-item {
  border: 0;
    font-size: 0.85rem;
  text-transform: uppercase;
  padding: 0.35rem 1.25rem;
  color: #6B7B97;
}
.list-group.modales-mg .list-group-item:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  border-top: 1px solid #DEE1E2;
}
.list-group.modales-mg .list-group-item:last-child:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  border-top: 0;
}
.list-group.modales-mg .list-group-item.resaltado {
  font-size: 0.95rem;
  color: #949396;
}
.list-group.modales-mg .list-group-item input[type="checkbox"] {
  /*display: inline-block;*/
  margin-right: 6px;
  position: relative;
  top: 4px;
}
.list-group.modales-mg .list-group-item input[type="checkbox"]:after {
  /*border-radius: 50% !important;*/
  width: 18px;
  height: 18px;
}
.list-group.modales-mg .list-group-item label {
  font-weight: normal;
    white-space: normal;
    max-width: 85%;
    vertical-align: top;
    position: relative;
    top: 2px;
    padding-left: 6px;
}
.list-group.modales-mg.med-gral {
  padding: 2px;
  border: 0;
}

.list-group-item.subarea-lista {
    background-color: #F4F8FD;
    border-bottom: 0;
    padding-left: 50px !important;
    font-weight: bold;
    color: #6F7583;
}
.list-group.modales-mg .list-group-item.subarea-lista:after {
    border-top: 0 !important;
}

.list-group-item.titulo {
    font-weight: bold;
    color: #6F7583;
    text-transform: uppercase;
}
.list-group.modales-mg .list-group-item.titulo:after {
    border-top: 0 !important;
}


@media screen and (min-width: 640px) {
  .list-group.modales-mg .list-group-item label {
    max-width: 90%;
  }
}

.contenedor-elementos-patologias-sistema {
  width: 100%;
  padding: 0 10px;
  margin: 0;
}
.subcontenedor-elementos-patologias-sistema {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  /*padding: 14px 12px;*/
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias {
  width: 100%;
  text-align: left;
  margin: 0.7rem 0;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias  {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos > div,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos > div {
  display: block;
  float: left;
  white-space: nowrap;
}

.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .titulo,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .titulo {
  justify-content: flex-start;
  text-align: left;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos {

  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos .campo:nth-child(1),
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos .campo:nth-child(1) {
  width: 25%;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos .campo:nth-child(2),
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos .campo:nth-child(2) {
  width: 25%;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos .campo:nth-child(3),
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos .campo:nth-child(3) {
  width: 45%;
}
.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos .campo:nth-child(4),
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos .campo:nth-child(4) {
  width: 5%;
}

.subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos .campo:last-child a,
.subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos .campo:last-child a {
  cursor: pointer;
}

.card.sin-borde {
  border: 0;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

hr.separador-campos-mg {
    border: 0;
    border-top: 1px solid #dee1e2;
    position: relative;
    top: -4px;
    margin: 14px 0 8px;
}
hr.separador-campos-mg-inicial {
    border: 0;
    border-top: 1px solid #dee1e2;
    position: relative;
    top: -4px;
    margin: 6px 0 8px;
}

@media screen and (min-width: 768px) {
  .subcontenedor-elementos-patologias-sistema {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #bebebe;
  }
  .subcontenedor-elementos-patologias-sistema:last-child {
    border-bottom: 0;
  }
  .subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias,
  .subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias {
    width: 45%;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .titulo,
  .subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .titulo {
    width: 30%;
  }
  .subcontenedor-elementos-patologias-sistema .contenedor-izquierdo-patologias .campos,
  .subcontenedor-elementos-patologias-sistema .contenedor-derecho-patologias .campos {
    width: 70%;
  }
}

.contenedor-campos-antecedentes {
  clear: both;
  margin-bottom: 10px;
  text-align: left;

  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.contenedor-campos-antecedentes .campo-15 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-20 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-25 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-30 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-40 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-50 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-60 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-70 {
  padding: 0 2px;
  width: 100%;
}
.contenedor-campos-antecedentes .campo-85 {
  padding: 0 2px;
  width: 100%;
}
.texto-blanco {
  color: #fff;
  display: none;
}
@media screen and (min-width: 768px) {
  .texto-blanco {
    display: inline-block;
  }
  .contenedor-campos-antecedentes {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .contenedor-campos-antecedentes > div:nth-child(2) {
    /*text-align: right;*/
  }
  .contenedor-campos-antecedentes .campo-15 {
    padding: 0 2px;
    width: 15%;
  }
  .contenedor-campos-antecedentes .campo-20 {
    padding: 0 2px;
    width: 20%;
  }
  .contenedor-campos-antecedentes .campo-25 {
    padding: 0 2px;
    width: 25%;
  }
  .contenedor-campos-antecedentes .campo-30 {
    padding: 0 2px;
    width: 30%;
  }
  .contenedor-campos-antecedentes .campo-40 {
    padding: 0 2px;
    width: 40%;
  }
  .contenedor-campos-antecedentes .campo-50 {
    padding: 0 2px;
    width: 50%;
  }
  .contenedor-campos-antecedentes .campo-60 {
    padding: 0 2px;
    width: 60%;
  }
  .contenedor-campos-antecedentes .campo-70 {
    padding: 0 2px;
    width: 70%;
  }
  .contenedor-campos-antecedentes .campo-85 {
    padding: 0 2px;
    width: 85%;
  }
}
@media screen and (min-width: 768px) {
  .btn-guardar-mariela {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 960px) {
  .btn-guardar-mariela {
    margin-right: 90px !important;
  }
}

input.signosVitales-medGral {
  border-radius: 6px;
  max-width: 60px;
  padding: 2px 4px;
  font-size: 15px !important;
  background-color: #f4f8fd !important;
}



/* TARJETA PRUEBA */

.tarjeta {
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem;
  color: #6b7b97;
}

.tarjeta .titulo {
  margin-bottom: 20px;
  padding: 0 10px;
}

.tarjeta .titulo h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  color: #6b7b97;
  padding: 0;
  font-weight: normal;
}

.tarjeta .cuerpo {
  margin-bottom: 20px;
  padding: 0 10px;
}

.fila-antecedentes-4-contenedores {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fila-antecedentes-4-contenedores .contenedor {
  flex: 1 1 25%;
  /*min-width: 140px;*/
  padding: 0;
}
/*.fila-antecedentes-4-contenedores .contenedor > * {
  display: inline-block;
  text-align: left;
}*/

/* TARJETA PRUEBA */


.contenedor {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  min-height: 100vh; }
  .contenedor > * {
    padding: 0;
    margin: 0; }

.encabezado {
  width: 100%;
  background: -moz-linear-gradient(4.7% -124.61% -16.47deg, #09429a 0%, #2e7dff 100%);
  background: -webkit-linear-gradient(-16.47deg, #09429a 0%, #2e7dff 100%);
  background: -webkit-gradient(linear, 4.7% -124.61%, 101.2% 247.37%, color-stop(0, #09429a), color-stop(1, #2e7dff));
  background: -o-linear-gradient(-16.47deg, #09429a 0%, #2e7dff 100%);
  background: -ms-linear-gradient(-16.47deg, #09429a 0%, #2e7dff 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#09429A', endColorstr='#2E7DFF' ,GradientType=0)";
  background: linear-gradient(106.47deg, #09429a 0%, #2e7dff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09429A',endColorstr='#2E7DFF' , GradientType=1);
  position: relative;
  padding: 18px 24px; }
  @media screen and (min-width: 768px) {
    .encabezado {
      width: calc(100vw - 60px);
      position: relative;
      left: 60px; } }
  .encabezado > * {
    padding: 0;
    margin: 0;
    color: #fff; }
  .encabezado .sub-contenedor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .encabezado .sub-contenedor {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap; }
        .encabezado .sub-contenedor div {
          width: 50%; } }
    .encabezado .sub-contenedor .logo {
      order: 1;
      align-self: center; }
      @media screen and (min-width: 768px) {
        .encabezado .sub-contenedor .logo {
          order: 2;
          align-self: flex-end;
          text-align: right;
          padding-right: 64px; } }
      .encabezado .sub-contenedor .logo img {
        width: 140px; }
        @media screen and (min-width: 1024px) {
          .encabezado .sub-contenedor .logo img {
            width: 200px; } }
      .encabezado .sub-contenedor .logo .nombre-organizacion {
        padding: 0;
        margin: 0;
        position: relative;
        top: 6px;
        font-family: ProximaNovaLt;
        font-size: 16px;
        font-weight: 100;
        text-transform: uppercase;
        padding-bottom: 10px;
        margin: 0 auto;
      }
      @media screen and (min-width: 768px) {
        .encabezado .sub-contenedor .logo .nombre-organizacion {
          padding-bottom: 0;
          margin: 0 auto;
        }
      }
      @media screen and (min-width: 1024px) {
        .encabezado .sub-contenedor .logo .nombre-organizacion {
          font-size: 20px;
        }
      }
    .encabezado .sub-contenedor .datos-usuario {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      order: 2;
      margin: 6px 0 12px; }
      @media screen and (min-width: 768px) {
        .encabezado .sub-contenedor .datos-usuario {
          order: 1;
          margin: 0; } }
      .encabezado .sub-contenedor .datos-usuario > * {
        padding: 0;
        margin: 0;
        flex: 0 0 auto; }
      .encabezado .sub-contenedor .datos-usuario .imagen {
        width: 60px;
        margin-right: 8px; }
        @media screen and (min-width: 768px) {
          .encabezado .sub-contenedor .datos-usuario .imagen {
            margin-right: 16px; } }
        .encabezado .sub-contenedor .datos-usuario .imagen img {
          width: 60px;
          height: 60px;
          border: 3px solid #FFFFFF;
          background-color: #fff;
          border-radius: 50%;
          vertical-align: middle; }
      .encabezado .sub-contenedor .datos-usuario .info {
        padding: 0;
        margin: 0;
        width: auto; }
        .encabezado .sub-contenedor .datos-usuario .info > * {
          padding: 0;
          margin: 0; }
        .encabezado .sub-contenedor .datos-usuario .info .nombre-usuario {
          font-family: ProximaNovaLt;
          font-weight: bold;
          font-size: 18px; }
          @media screen and (min-width: 1024px) {
            .encabezado .sub-contenedor .datos-usuario .info .nombre-usuario {
              font-size: 22px; } }
        .encabezado .sub-contenedor .datos-usuario .info .identificacion-usuario {
          font-family: ProximaNovaLt;
          font-weight: 100;
          font-size: 14px; }
          @media screen and (min-width: 1024px) {
            .encabezado .sub-contenedor .datos-usuario .info .identificacion-usuario {
              font-size: 18px; } }
    .encabezado .sub-contenedor .datos-jornada {
      order: 3; }
      @media screen and (min-width: 768px) {
        .encabezado .sub-contenedor .datos-jornada {
          order: 4;
          align-self: flex-end;
          text-align: right;
          padding-right: 64px;
          padding-top: 14px;
          margin-bottom: 8px; } }
      .encabezado .sub-contenedor .datos-jornada > * {
        padding: 0;
        margin: 0; }
      .encabezado .sub-contenedor .datos-jornada .nombre-jornada {
        font-family: ProximaNovaLt;
        font-size: 16px;
        font-weight: 100;
        text-transform: uppercase;
        display: inline-block; }
        @media screen and (min-width: 1024px) {
          .encabezado .sub-contenedor .datos-jornada .nombre-jornada {
            font-size: 20px; } }
        .encabezado .sub-contenedor .datos-jornada .nombre-jornada:after {
          display: inline-block;
          content: "/";
          padding: 0 12px; }
      .encabezado .sub-contenedor .datos-jornada .fecha-jornada {
        font-family: ProximaNovaLt;
        font-size: 14px;
        font-weight: 100;
        text-transform: lowercase;
        display: inline-block; }
        @media screen and (min-width: 1024px) {
          .encabezado .sub-contenedor .datos-jornada .fecha-jornada {
            font-size: 18px; } }
    .encabezado .sub-contenedor .nombre-pantalla {
      order: 4;
      padding-top: 14px;
      margin-bottom: 8px;
      align-self: flex-end; }
      .encabezado .sub-contenedor .nombre-pantalla > * {
        padding: 0;
        margin: 0; }
      .encabezado .sub-contenedor .nombre-pantalla h4 {
        font-family: ProximaNovaLt;
        font-size: 16px;
        font-weight: 100;
        text-transform: uppercase; }
        @media screen and (min-width: 768px) {
          .encabezado .sub-contenedor .nombre-pantalla h4 {
            padding-left: 76px; } }
        @media screen and (min-width: 1024px) {
          .encabezado .sub-contenedor .nombre-pantalla h4 {
            font-size: 20px; } }
      @media screen and (min-width: 768px) {
        .encabezado .sub-contenedor .nombre-pantalla {
          order: 3; } }

    .encabezado .buscador {
    width: 225px;
    margin: 0 auto 10px;
  }
  .encabezado .buscador.encabezado-nombre-jornada-fecha {
    width: 225px;
    margin: 0 auto 10px;
    
  }
  @media screen and (min-width: 768px) {
    .encabezado .buscador {
      width: 225px;
      margin: -30px 64px 10px auto;
  }
  .encabezado .buscador.encabezado-nombre-jornada-fecha {
    width: 225px;  
    margin: 10px auto 10px auto;
  } 
  }
  @media screen and (min-width: 960px) {
    .encabezado .buscador,
    .encabezado .buscador.encabezado-nombre-jornada-fecha {
    width: 225px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  } 
  }
  .encabezado .buscador input {
        width: 100%;
    font-size: 14px;
    border: 0;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    font-family: 'Open Sans', sans-serif;
    background: rgba(255,255,255, 0.2) url(../../img/buscar-circulo-blanco.png) no-repeat 99.5% center;
    background-size: 43px;
    color: #efefef !important;
    padding: 12px 48px 12px 24px;
}
  .encabezado .linea {
    position: absolute;
    height: 3px;
    width: 100%;
    border-top: 1px solid #1DE9B6;
    bottom: 20px;
    left: 0; }
  .encabezado .iconos-herramientas {
    position: absolute;
    right: 24px;
    top: 16px; }
    .encabezado .iconos-herramientas img {
      width: 16px; }
      @media screen and (min-width: 1024px) {
        .encabezado .iconos-herramientas img {
          width: 20px; } }

.barra-lateral {
  background-color: #2E7DE0;
  width: 100%;
  overflow-x: scroll; }
  @media screen and (min-width: 768px) {
    .barra-lateral {
      position: absolute;
      width: 60px;
      left: 0;
      top: 0;
      min-height: 100%;
      overflow-x: auto; } }
  .barra-lateral .lista-iconos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    list-style-type: none; }
    @media screen and (min-width: 768px) {
      .barra-lateral .lista-iconos {
        flex-direction: column;
        height: 100%;
        min-height: 100%; } }
    .barra-lateral .lista-iconos li {
      margin: 0;
      display: inline-block;
      min-width: 60px;
      text-align: center;
      vertical-align: middle;
      flex-basis: 0;
      flex-grow: 0;
      flex-shrink: 0; }
    .barra-lateral .lista-iconos li a {
      color: #FFF;
      display: block;
      padding: 2px 6px;
      width: 60px;
      height: 60px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 38px;
      text-indent: -9999px;
      margin: 2px 0;
      transition: all .2s ease; }
    .barra-lateral .lista-iconos li a:hover,
    .barra-lateral .lista-iconos li a:focus {
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-background-size: cover;
      background-size: 42px; }
    .barra-lateral .lista-iconos a.enlace-regresar {
      background-image: url(../../img/flechaRegreso.svg); }
    .barra-lateral .lista-iconos a.enlace-paciente {
      background-image: url(../../img/paciente.svg); }
    .barra-lateral .lista-iconos a.enlace-antropometria {
      background-image: url(../../img/antropometria.svg); }
    .barra-lateral .lista-iconos a.enlace-antropometria.activo {
      background-image: url(../../img/antropometria2.svg); }
    .barra-lateral .lista-iconos a.enlace-signos-vitales {
      background-image: url(../../img/signosVitalesblanco.svg); }
      .barra-lateral .lista-iconos a.enlace-signos-vitales.activo {
      background-image: url(../../img/signosVitales2.svg); }
    .barra-lateral .lista-iconos a.enlace-visual {
      background-image: url(../../img/visual.svg); }
    .barra-lateral .lista-iconos a.enlace-medicina-general {
      background-image: url(../../img/medicinaGeneral.svg); }
    .barra-lateral .lista-iconos a.enlace-medicina-general.activo {
      background-image: url(../../img/medicinaGeneral2.svg); }
    .barra-lateral .lista-iconos a.enlace-odontologia {
      background-image: url(../../img/odontologia.svg); }
    .barra-lateral .lista-iconos a.enlace-vacunacion {
      background-image: url(../../img/vacunacion.svg); }
    .barra-lateral .lista-iconos a.enlace-sanguinea {
      background-image: url(../../img/sanguinea.svg); }
    .barra-lateral .lista-iconos a.enlace-sanguinea.activo {
      background-image: url(../../img/sanguinea2.svg); }
    .barra-lateral .lista-iconos a.enlace-parasitologia {
      background-image: url(../../img/parasitologia.svg); }
    .barra-lateral .lista-iconos a.enlace-parasitologia.activo {
      background-image: url(../../img/parasitologia2.svg); }
    .barra-lateral .lista-iconos a.enlace-auditiva {
      background-image: url(../../img/auditiva.svg); }
    .barra-lateral .lista-iconos a.enlace-ortopedica {
      background-image: url(../../img/ortopedica.svg); }
    .barra-lateral .lista-iconos a.enlace-optica {
      background-image: url(../../img/optica.svg); }
    .barra-lateral .lista-iconos a.enlace-estadistica {
      background-image: url(../../img/estadisticas.svg); }
    .barra-lateral .lista-iconos a.enlace-estadistica.activo {
      background-image: url(../../img/estadisticas2.svg); }
    .barra-lateral .lista-iconos a.enlace-cerrar-sesion {
      background-image: url(../../img/cerrarSesion.svg);
      margin-left: auto; }
      .barra-lateral .lista-iconos a.enlace-home-azul {
      background-image: url(../../img/homeMenu2.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-home-azul.activo {
      background-image: url(../../img/homeMenu1.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-digisalud-azul {
      background-image: url(../../img/digisaludMenu2.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-digisalud-azul.activo {
      background-image: url(../../img/digisaludMenu1.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-estadistica-azul {
      background-image: url(../../img/estadisticas_azul.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-estadistica-azul.activo {
      background-image: url(../../img/estadisticas_sb.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-administrador-usuarios {
      background-image: url(../../img/administradorUsuarios_azul.svg);
      margin-left: auto; }
    .barra-lateral .lista-iconos a.enlace-administrador-usuarios.activo {
      background-image: url(../../img/administradorUsuarios_blanco.svg);
      margin-left: auto; }



.encabezado.home-usuario {
  background: #ef5153;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ef5153 0%, #f48a3d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ef5153 0%, #f48a3d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ef5153 0%, #f48a3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5153', endColorstr='#f48a3d',GradientType=1 );
  /* IE6-9 */ }
  .encabezado.home-usuario .sub-contenedor {
    margin-bottom: 45px; }
  .encabezado.home-usuario .linea {
    border-top: none; }

.encabezado.resumen-pesquisas-beneficiario {
  background: #7858a5;
  background: -moz-linear-gradient(left, #7858a5 0%, #966099 100%);
  background: -webkit-linear-gradient(left, #7858a5 0%,#966099 100%);
  background: linear-gradient(to right, #7858a5 0%,#966099 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7858a5', endColorstr='#966099',GradientType=1 );
 }
/*  .encabezado.resumen-pesquisas-beneficiario .sub-contenedor {
    margin-bottom: 45px; }*/
  .encabezado.resumen-pesquisas-beneficiario .linea {
    border-top: 1px solid #A8BEE5; }

/* CONTENIDOS */

.contenidos.listado-jornadas {
  padding: 2rem 1rem;
}

.contenidos.listado-beneficiario {
  padding: 1rem;
  background-color: #ebebec;
  height: calc(100vh - 143px);
  min-height: auto;
}


@media screen and (min-width: 768px) {
  .contenidos.listado-jornadas,
  .contenidos.listado-beneficiario {
    padding: 0;
  }
}

.contenidos.listado-jornadas .sub-contenedor,
.contenidos.listado-beneficiario .sub-contenedor {
  margin: 0;
}

@media screen and (min-width: 768px) {
 .contenidos.listado-jornadas .sub-contenedor,
 .contenidos.listado-beneficiario .sub-contenedor {
    margin: 0;
  }
  .contenidos.listado-beneficiario {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
 .contenidos.listado-jornadas .sub-contenedor {
    margin: 32px 65px 32px 65px;
  } 
  .contenidos.listado-beneficiario .sub-contenedor {
    margin: 0 0 32px 0;
    border: 1px solid #eee;
    padding: 1rem;
    background-color: #ebebec;
  }
}
@media screen and (min-width: 1024px) {

  .contenidos.listado-beneficiario .sub-contenedor {
    margin: 0;
    padding: 1rem 2rem;
  }
}
@media screen and (min-width: 1240px) {

  .contenidos.listado-beneficiario .sub-contenedor {
        padding: 1rem 3rem 5rem;
  }
}


/* CONTENIDOS */

/* TARJETA O CARD */

.tarjeta-listado-jornada {
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
  /*overflow: hidden;*/
  background-color: #fff;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
  transition: all .4s ease;
}

.tarjeta-listado-jornada:hover {
  background-color: #fefefe;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.tarjeta-listado-jornada:hover .cuerpo-tarjeta {
  background-color: #fafafa;
}

.tarjeta-listado-jornada .encabezado-tarjeta {
  background-color: #cfd4d9;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 14px 24px 2px 24px;
  position: relative;
}

.tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (min-width: 640px) {
  .tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  
}

.tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .nombre-jornada {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #455496;
  text-transform: uppercase;
  font-family: ProximaNovaLt;
  font-weight: bold;
  border-right: none;
}

.tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .nombre-organizacion {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #2a8bc8;
}
.tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .status {
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-transform: uppercase;
  color: #EB4023;
  font-weight: bold;
}
.tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .status.activa {
  color: #00B140;
}

@media screen and (min-width: 640px) {
  .tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .nombre-jornada {
    border-right: 1px solid #455496;
    padding-right: 10px;
  }
  .tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada .sub-contenedores .status {
    padding-left: 10px;
  }
}


.tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada { 
  padding: 0;
  margin: 0;
}

.tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada p {
  padding: 0;
  margin: 0;
  text-align: left;
}

.tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada p span {
  padding: 0;
  margin: 0;
  text-align: left;
  display: inline-block;
  width: 46px
}

.tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada p.dia {
  font-size: 20px;
  text-align: right;
  font-family: ProximaNovaLt;
  font-weight: bold;
}
.tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada p.mes {
  font-size: 16px;
  position: relative;
  top: -6px;
  text-align: right;
}

.tarjeta-listado-jornada .encabezado-tarjeta .sub-menu-jornada {
  position: absolute;
  font-weight: bold;
  /*transform: rotate(90deg);*/
  color: #fff;
  font-size: 20px;  
  right: 10px;
  top: 15px;
}

@media screen and (min-width: 640px) {
  .tarjeta-listado-jornada .encabezado-tarjeta {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .tarjeta-listado-jornada .encabezado-tarjeta .datos-lista-jornada {
    width: 70%;
  }
  .tarjeta-listado-jornada .encabezado-tarjeta .fecha-lista-jornada {
    width: 30%;
  }
}

.tarjeta-listado-jornada .cuerpo-tarjeta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 15px 27px;
}

@media screen and (min-width: 768px) {
  .tarjeta-listado-jornada .cuerpo-tarjeta {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tarjeta-listado-jornada .cuerpo-tarjeta .iconos-pesquisas,
  .tarjeta-listado-jornada .cuerpo-tarjeta .fechas-jornada  {
    width: 50%;
  }
  .tarjeta-listado-jornada .cuerpo-tarjeta .ubicacion-jornada,
  .tarjeta-listado-jornada .cuerpo-tarjeta .acciones-jornada {
    width: 50%;
  }
  .tarjeta-listado-jornada .cuerpo-tarjeta .fechas-jornada,
  .tarjeta-listado-jornada .cuerpo-tarjeta .acciones-jornada {
    text-align: right;
  }
}

@media screen and (min-width: 960px) {
  .tarjeta-listado-jornada .cuerpo-tarjeta .ubicacion-jornada {
    width: 30%;
  }
  .tarjeta-listado-jornada .cuerpo-tarjeta .acciones-jornada {
    width: 70%;
  }
}

.tarjeta-listado-jornada .cuerpo-tarjeta .iconos-pesquisas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  padding: 6px 0;
  overflow-x: auto;
}

.tarjeta-listado-jornada .cuerpo-tarjeta .iconos-pesquisas img {
  width: 30px;
  display: inline-block;
  margin: 0 4px;
}
.tarjeta-listado-jornada .cuerpo-tarjeta .iconos-pesquisas img:first-child {
  margin-left: 0;
}

.tarjeta-listado-jornada .cuerpo-tarjeta .fechas-jornada p {
  font-size: 13px;
  padding: 0;
  margin: 0;
}

.tarjeta-listado-jornada .cuerpo-tarjeta .ubicacion-jornada p {
  font-size: 13px;
  margin: 10px 0;
}

.tarjeta-listado-jornada .cuerpo-tarjeta .ubicacion-jornada p img {
  height: 14px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 2px;
}

.tarjeta-listado-beneficiario {
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 14px;
}
.tarjeta-listado-beneficiario:after {
    display: block;
    height: 3px;
    content: " ";
    border-bottom: 1px solid #b6b6b6;
    margin: 0 auto;
}
.tarjeta-listado-beneficiario:last-child:after {
    display: block;
    height: 1px;
    content: " ";
    border-bottom: 0;
    width: 96%;
    margin: 0 auto;
}
.tarjeta-listado-beneficiario:first-child {
  padding-top: 0;
}
.tarjeta-listado-beneficiario:last-child  {
  border-bottom: 0;
  padding-bottom: 0;
}
.sub-contenedor-scroll {
  padding: 0;
  background-color: #fff;
  overflow-y: auto;
  height: calc(100vh - 341px);
}
.tarjeta-listado-beneficiario .encabezado-tarjeta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 18px 0 8px 0;
  position: relative;
}
.tarjeta-listado-beneficiario .encabezado-tarjeta .datos-lista-beneficiario {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (min-width: 640px) {
  .tarjeta-listado-beneficiario .encabezado-tarjeta .datos-lista-beneficiario {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .sub-contenedor-scroll {
    padding: 12px 48px;
  }
}
@media screen and (min-width: 768px) {
  .sub-contenedor-scroll {
    padding: 0;
    background-color: #fff;
    overflow-y: auto;
    height: calc(100vh - 330px);
  }
}

.tarjeta-listado-beneficiario .encabezado-tarjeta .datos-lista-beneficiario .sub-contenedores .nombre-beneficiario {
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #455496;
  text-transform: uppercase;
  font-family: ProximaNovaLt;
  font-weight: bold;
  border-right: none;
}

.tarjeta-listado-beneficiario .encabezado-tarjeta .datos-lista-beneficiario .sub-contenedores .datos-beneficiario {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #606060;
}

@media screen and (min-width: 640px) {
  .tarjeta-listado-beneficiario .encabezado-tarjeta .datos-lista-beneficiario .sub-contenedores .nombre-beneficiario {
    padding-right: 10px;
  }

}

.tarjeta-listado-beneficiario .encabezado-tarjeta .sub-menu-beneficiario {
  position: absolute;
  font-weight: bold;
  /*transform: rotate(90deg);*/
  color: #fff;
  font-size: 18px;  
  right: 10px;
  top: 15px;
}

.tarjeta-listado-beneficiario .cuerpo-tarjeta {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: 5px 0 15px;
}

@media screen and (min-width: 768px) {
  .tarjeta-listado-beneficiario .cuerpo-tarjeta {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tarjeta-listado-beneficiario .cuerpo-tarjeta .iconos-pesquisas {
    width: 86%;
  }
  .tarjeta-listado-beneficiario .cuerpo-tarjeta .acciones-beneficiario {
    width: 14%;
  }
  .tarjeta-listado-beneficiario .cuerpo-tarjeta .acciones-beneficiario {
    /*text-align: right;*/
  }
}

.tarjeta-listado-beneficiario .cuerpo-tarjeta .iconos-pesquisas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  padding: 6px 0;
  overflow-x: auto;
}

.tarjeta-listado-beneficiario .cuerpo-tarjeta .iconos-pesquisas img {
  width: 32px;
  display: inline-block;
  margin: 0 4px;
}
.tarjeta-listado-beneficiario .cuerpo-tarjeta .iconos-pesquisas img:first-child {
  margin-left: 0;
}

/* TARJETA O CARD */

/* LISTADO BENEFICIARIO */
.contenedor-acciones-listado-beneficiario {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 24px;
  padding: 0 16px;
}
.contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados,
.contenedor-acciones-listado-beneficiario .registrar-beneficiario {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados .icono img {
  height: 48px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: -6px;
 }
.contenedor-acciones-listado-beneficiario .registrar-beneficiario .icono img {
  height: 48px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: -6px;
  position: relative;
  padding-left: 62px;
 }
.contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados .info {
  font-size: 26px;
  vertical-align: baseline;
  color: #2E7DE1;
  font-family: ProximaNovaLt;
  font-weight: bold;
}
@media screen and (min-width: 380px) {
  .contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados,
.contenedor-acciones-listado-beneficiario .registrar-beneficiario {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados {
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
.contenedor-acciones-listado-beneficiario .registrar-beneficiario {
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-right: 6px;
}
}
@media screen and (min-width: 640px) {
  .contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados .icono img  {
  padding-left: 62px;
 }
.contenedor-acciones-listado-beneficiario .registrar-beneficiario {
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-right: 40px;
}
}
@media screen and (min-width: 768px) {
  .contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados .icono img {
    display: inline-block;
    padding-left: 62px;
  }
  .contenedor-acciones-listado-beneficiario .registrar-beneficiario .icono img {
    display: inline-block;
  }
  .contenedor-acciones-listado-beneficiario {
    padding: 0;
  }
    .contenedor-acciones-listado-beneficiario .registrar-beneficiario {
    padding-right: 42px;
  }
}
@media screen and (min-width: 960px) {
  .contenedor-acciones-listado-beneficiario .info-beneficiarios-evaluados .icono img {
    display: inline-block;
    padding-left: 62px;
    height: 52px;
  }
  .contenedor-acciones-listado-beneficiario .registrar-beneficiario .icono img {
    display: inline-block;
    height: 52px;
  }
  .contenedor-acciones-listado-beneficiario .registrar-beneficiario {
    padding-right: 66px;
  }
}

span.color-azul {

    color: #2e7de1;

}

span.color-azul.separador {

    font-weight: bolder;

}
/* LISTADO BENEFICIARIO */

/* PROGRESO JORNADAS */

.contenidos.progreso-jornadas .sub-contenedor {
  margin: 0;
}
@media screen and (min-width: 768px) {
 .contenidos.progreso-jornadas .sub-contenedor {
    margin: 0;
  }
  .contenidos.progreso-jornadas {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .contenidos.progreso-jornadas .sub-contenedor {
    margin: 0;
    border: 1px solid #eee;
    padding: 1rem;
    background-color: #ebebec;
  }
}
@media screen and (min-width: 1024px) {
  .contenidos.progreso-jornadas .sub-contenedor {
    margin: 0;
    padding: 1rem 2rem;
  }
}
@media screen and (min-width: 1240px) {
  .contenidos.progreso-jornadas .sub-contenedor {
    padding: 1rem 3rem;
  }
}

.area-de-contenidos.progreso-jornadas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
  align-items: stretch;
  padding: 2rem 1rem 1rem;
  max-width: 100%;
  margin: 0;
  background-color: inherit;
}

@media screen and (min-width: 768px) {
    .area-de-contenidos.progreso-jornadas {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (min-width: 1240px) {
  .area-de-contenidos.progreso-jornadas {
    padding: 2rem 2rem 1rem;
  }
}
@media screen and (min-width: 1360px) {
  
  .area-de-contenidos.progreso-jornadas {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
}

.datos-iniciales-progreso-jornadas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
}

.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas {
  order: 2;
}
.datos-iniciales-progreso-jornadas .hora {
  order: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
  text-align: right;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .icono {
  width: 80px;
  display: inline-block;
  position: relative;
  top: 6px;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje {
  width: 100%;
  position: relative;
  color: #ffffff;
    font-family: ProximaNovaLt;
  font-weight: bold;
  font-size: 20px;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .icono img {
  height: 58px;
  display: inline-block;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje .barra-progreso-gris {
  width: 100%;
  height: 30px;
  background-color: #A8A8A8;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje .barra-progreso-verde {
  width: 70%;
  height: 30px;
  background-color: #04B23F;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje .valores-actuales {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  position: absolute;
  left: 16px;
  top: 1px;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje .valores-actuales .separador {
  padding: 0 10px;
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas .barra-porcentaje .total {
  position: absolute;
  right: 16px;
  top: 1px;
  color: rgba(255,255,255,0.48);
}
.datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.datos-iniciales-progreso-jornadas .hora .info {
  color: #0078BE;
}
.datos-iniciales-progreso-jornadas .hora .icono {
  margin-left: 10px;
  position: relative;
  top: -3px;
}

.datos-iniciales-progreso-jornadas .hora .icono img {
  width: 22px;
}

.datos-resumen-beneficiarios-progreso-jornada {
  width: 100%;
}

.datos-contenidos-progreso-jornadas,
.datos-card-progreso-jornada .card.beneficiarios-home,
.datos-resumen-beneficiarios-progreso-jornada {
  background-color: #fff;
  border-radius: 0;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.datos-contenidos-progreso-jornadas,
.datos-card-progreso-jornada,
.datos-resumen-beneficiarios-progreso-jornada {
  margin-bottom: 40px;
}

.datos-contenidos-progreso-jornadas {
  padding: 12px 24px;
}


.datos-card-progreso-jornada .card.beneficiarios-home {
  max-width: 290px;
  margin: 0 auto;
  border-radius: 0;
}
.datos-card-progreso-jornada .card.beneficiarios-home .card-header {
  border-radius: 0;
  padding: 24px 36px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  background-color: #704D98 !important;
  background: #704D98 !important;
  border: 0;
}
.datos-card-progreso-jornada .card.beneficiarios-home .card-header img {
  height: 58px;
}
.datos-card-progreso-jornada .card.beneficiarios-home .card-body {
  padding: 24px 36px;
}

.datos-resumen-beneficiarios-progreso-jornada {
  padding: 24px 16px;
  position: relative;
}

.datos-resumen-beneficiarios-progreso-jornada .titulo p {
  font-size: 18px;
  color: #2e7de1;
  text-transform: uppercase;
  font-family: ProximaNovaLt;
  font-weight: bold;
  border-bottom: 1px solid #2e7de1;
  padding-bottom: 23px;
  width: 94%;
}

.datos-resumen-beneficiarios-progreso-jornada .menu {
  position: absolute;
  top: 28px;
  right: 28px;
}

.contenedor-porcentajes {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.contenedor-porcentajes .contenedor {
  width: 50%;
  height: auto;
  min-height: auto !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding: 0 0.4rem;
}

.datos-resumen-beneficiarios-progreso-jornada .cuerpo .contenedor-barra-iconos-rra.responsiva {
  justify-content: flex-start;
}

.datos-resumen-beneficiarios-progreso-jornada .cuerpo .contenedor-barra-iconos-rra .contenedor-icono-rra a {
  padding: 0;
  margin: 0 18px;
  display: block;
}

.datos-resumen-beneficiarios-progreso-jornada .cuerpo .contenedor-barra-iconos-rra .contenedor-icono-rra a .fila {
  height: auto;
}
.datos-resumen-beneficiarios-progreso-jornada .cuerpo .contenedor-barra-iconos-rra .contenedor-icono-rra a .fila.texto {
  padding: 6px 0;
  color: #000;
}
.datos-resumen-beneficiarios-progreso-jornada .cuerpo .contenedor-barra-iconos-rra .contenedor-icono-rra a .fila.imagenes img {
  height: 48px;
}
.datos-resumen-beneficiarios-progreso-jornada .cuerpo  .contenedor-barra-iconos-rra .contenedor-icono-rra {
  min-width: 125px;
  justify-content: center;
}

@media screen and (min-width: 480px) {
    .datos-resumen-beneficiarios-progreso-jornada .cuerpo  .contenedor-barra-iconos-rra .contenedor-icono-rra {
    min-width: 145px;
  }
}

@media screen and (min-width: 768px) {
  .datos-contenidos-progreso-jornadas {
    padding: 24px 24px;
  }
  .datos-resumen-beneficiarios-progreso-jornada {
    padding: 28px 45px;
  }
  .datos-resumen-beneficiarios-progreso-jornada .menu {
    top: 38px;
    right: 38px;
  }
}
@media screen and (min-width: 960px) {
  .contenedor-porcentajes .contenedor {
    width: 33.3%;
    min-width: 84px;
  }
}
@media screen and (min-width: 1140px) {
  .contenedor-porcentajes.progreso-jornadas .contenedor {
    width: 25%;
    min-width: 84px;

  }
}
@media screen and (min-width: 1360px) {
  .contenedor-porcentajes.progreso-jornadas .contenedor {
    width: 24%;
    min-width: 84px;

  }
}
.contenedor-porcentajes .contenedor .imagen {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.contenedor-porcentajes .contenedor .texto.inicial {
  width: 100%;
  margin: 12px auto 4px;
  color: #828487;
  text-align: center;
}
.contenedor-porcentajes .contenedor .texto {
  width: 100%;
  margin: 4px auto 12px;
  color: #828487;
  text-align: center;
}

.contenedor-porcentajes .contenedor .texto p {
  padding: 0;
  margin: 0;
  vertical-align: middle;

}

.contenedor-porcentajes .contenedor .texto p span.cantidad,
.contenedor-porcentajes .contenedor .texto p span.separador,
.contenedor-porcentajes .contenedor .texto p span.porcentaje {
  font-size: 14px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}

.contenedor-porcentajes .contenedor .texto p span.cantidad.antropometria {
  color: #FFC600 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.medicinaGeneral {
  color: #2E008B ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.visual {
  color: #585094 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.vacunacion {
  color: #2E8BC7 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.auditiva {
  color: #2E7DE1 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.odontologica {
  color: #57C0E8 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.vitales {
  color: #FF6B35 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.sanguinea {
  color: #E43312 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.ortopedica {
  color: #FF9E15;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.laboratorio {
  color: #00B140 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.tratamiento {
  color: #FF6B35 ;
}
.contenedor-porcentajes .contenedor .texto p span.cantidad.optica {
  color: #C4E76A ;
}
.contenedor-porcentajes .contenedor .texto p span.separador {
  display: inline-block;
  margin: 0 10px;
}
.contenedor-porcentajes .contenedor .texto p span.porcentaje {
  color: #606060;
}

.contenedor-porcentajes .contenedor .texto p span.pesquisa {
  color: #A8A8A8;
  font-size: 15px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}

.contenedor-porcentajes .contenedor .imagen .info-numero {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  color: #6ba1e4;
  font-size: 0.9rem;
      width: 100%;
    text-align: center;
}
/*.contenedor-porcentajes .contenedor .imagen .info-numero img {
  height: 20%;
}
*/
.circle-chart__circle {
  animation: circle-chart-fill 2s reverse;
  transform: rotate(-90deg);
  transform-origin: center;
}

@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@media screen and (min-width: 640px) {
  .datos-iniciales-progreso-jornadas {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
  .datos-iniciales-progreso-jornadas .contenedor-barra-porcentaje-progreso-jornadas {
    order: 1;
    width: 60%;
  }
  .datos-iniciales-progreso-jornadas .hora {
    order: 2;
    width: 40%;
  }
}


@media screen and (min-width: 768px) {
  .datos-contenidos-progreso-jornadas {
  width: 60%;  
}

.datos-card-progreso-jornada {
  width: 35%;
}
}


/* PROGRESO JORNADAS */

/*REGISTRO DE BENEFICIARIOS*/
.contenidos.registro-beneficiario {
  border: 0;
}
.contenidos.registro-beneficiario .sub-contenedor {
  margin: 0;
  border: 0 !important;
}

.contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario > div {
  padding: 10px;
}
.contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario > div p {
  padding: 0;
  margin: 0 16px;
  font-size: 17px;
  font-family: ProximaNovaLt;
  font-weight: bold;
  line-height: 20px;
  color: #606161;
}

.contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario > div p input[type="radio"]:after {
  width: 20px;
  height: 20px;
  border: 1px solid #704D99;
  display: inline-block;
  margin: 0 6px;
}
.contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario > div p input[type="radio"]:checked:after {
  background-color: #704D99;
}
.area-de-contenidos.registro-beneficiario {
  background-color: #fff;
}

.area-de-contenidos.registro-beneficiario .contenedor-tabs {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3 {
  padding: 10px 40px;
  border: 1px solid #704D99;
  min-width: 330px;
  width: 330px;
  text-align: center;
  border-radius: 50px 50px 0 0;
  color: #704D99;
  background-color: #FFFFFF;
  transition: .3s ease;
}
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1 a, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2 a, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3 a {
 color: inherit;
 display: block;
 width: 100%;
 height: 100%;
}
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1 {
  z-index: 50;
}.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2 {
  position: relative;
  left: -20px;
  z-index: 40;
}
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3 {
  position: relative;
  left: -40px;
  z-index: 30;
}
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1.activo, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2.activo, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3.activo,
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1:hover, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2:hover, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3:hover  {
  background-color: #704D99;
  color: #FFFFFF;
  z-index: 60;
}

.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-1 p, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-2 p, 
.area-de-contenidos.registro-beneficiario .contenedor-tabs .tab-3 p {
  margin: 0;
  font-size: 20px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}

.tarjeta.registro-beneficiarios {
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  padding: 30px 26px;
  border-radius: 0;
  transition: all 2s ease-out;
}

.tarjeta.nino-datos {
  display: none;
  transition: all .2s ease-out;
}
.tarjeta.nino-representante {
  display: none;
  transition: all .2s ease-out;
}
.tarjeta.nino-encuesta {
  display: none;
  transition: all .2s ease-out;
}

.tarjeta.adulto-datos {
  display: none;
  transition: all .2s ease-out;
}
.tarjeta.adulto-encuesta {
  display: none;
  transition: all .2s ease-out;
}

.tarjeta.familiar-datos {
  display: none;
  transition: all .2s ease-out;
}
.tarjeta.familiar-familiar {
  display: none;
  transition: all .2s ease-out;
}
.tarjeta.familiar-encuesta {
  display: none;
  transition: all .2s ease-out;
}

.tarjeta.nino-datos.registro-beneficiarios.activo,
.tarjeta.nino-representante.registro-beneficiarios.activo,
.tarjeta.nino-encuesta.registro-beneficiarios.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.navegacion-inferior.nino-datos,
.navegacion-inferior.nino-representante,
.navegacion-inferior.nino-encuesta {
  display: none;
}
.navegacion-inferior.nino-datos.activo,
.navegacion-inferior.nino-representante.activo,
.navegacion-inferior.nino-encuesta.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
.tarjeta.adulto-datos.registro-beneficiarios.activo,
.tarjeta.adulto-encuesta.registro-beneficiarios.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.navegacion-inferior.adulto-datos,
.navegacion-inferior.adulto-encuesta {
  display: none;
}
.navegacion-inferior.adulto-datos.activo,
.navegacion-inferior.adulto-encuesta.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}

.tarjeta.familiar-datos.registro-beneficiarios.activo,
.tarjeta.familiar-familiar.registro-beneficiarios.activo,
.tarjeta.familiar-encuesta.registro-beneficiarios.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.navegacion-inferior.familiar-datos,
.navegacion-inferior.familiar-familiar,
.navegacion-inferior.familiar-encuesta {
  display: none;
}
.navegacion-inferior.familiar-datos.activo,
.navegacion-inferior.familiar-familiar.activo,
.navegacion-inferior.familiar-encuesta.activo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
}
/*.tarjeta.nino-datos.registro-beneficiarios div[class*="columna"] * {
  padding: 0;
  margin: 0;
}*/
.tarjeta.nino-datos.registro-beneficiarios div[class*="columna"] h3,
.tarjeta.nino-representante.registro-beneficiarios div[class*="columna"] h3,
.tarjeta.nino-encuesta.registro-beneficiarios div[class*="columna"] h3 {
  font-size: 20px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}
.tarjeta.nino-datos.registro-beneficiarios div[class*="columna"] p,
.tarjeta.nino-datos.registro-beneficiarios div[class*="columna"] p label {
  font-size: 18px;
}

.tarjeta.adulto-datos.registro-beneficiarios div[class*="columna"] h3,
.tarjeta.adulto-encuesta.registro-beneficiarios div[class*="columna"] h3 {
  font-size: 20px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}
.tarjeta.adulto-datos.registro-beneficiarios div[class*="columna"] p,
.tarjeta.adulto-datos.registro-beneficiarios div[class*="columna"] p label {
  font-size: 18px;
}

input.linea-debajo {
  display: inline-block;
  background: none;
  padding: 0.175rem 0.175rem 0.0875rem;
  font-size: 1.4rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: #A7A9AC;
  transition: all 0.28s ease;
  box-shadow: none;
  border-bottom: 1px solid #A7A9AC;
  width: 80%;
  font-size: 18px;
}
input.sin-lineas {
  display: inline-block;
  background: none;
  padding: 0.175rem 0.175rem 0.0875rem;
  font-size: 1.4rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: #ccc;
  transition: all 0.28s ease;
  box-shadow: none;
  font-size: 18px;
}
.tarjeta.nino-datos.registro-beneficiarios div[class*="columna"] p input.linea-debajo.telefono-registro {
      padding-left: 34px;
    background: url(../../img/llamada-telefonica.svg) no-repeat left center;
    background-size: 24px;
}

.selectores-tipo-documento {
   margin-bottom: 30px;
}
.selectores-tipo-documento span {
  display: inline-block;
  padding: 4px 14px;
}
.selectores-tipo-documento span:first-child {
  padding-left: 0;
}

.contenedor-direccion {
  margin-bottom: 30px;
}

.contenedor-escolar .grado-seccion-turno {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contenedor-escolar .grado-seccion-turno p {
  flex: 1 1 0;
}

@media screen and (min-width: 768px) {
 .contenidos.registro-beneficiario .sub-contenedor {
    margin: 0;
  }
  .contenidos.registro-beneficiario {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .contenidos.registro-beneficiario .sub-contenedor {
    margin: 0 24px 32px 24px;
    border: 1px solid #eee;
    padding: 1rem;
  }
  .contenidos.registro-beneficiario .sub-contenedor .contenedor-selector-tipo-beneficiario {
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 60px;
  }
}
@media screen and (min-width: 1024px) {
  .contenidos.registro-beneficiario .sub-contenedor {
    margin: 0 45px 0 45px;
    padding: 1rem 2rem;
  }
    .tarjeta.nino-datos.registro-beneficiarios.activo,
  .tarjeta.nino-representante.registro-beneficiarios.activo,
  .tarjeta.nino-encuesta.registro-beneficiarios.activo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .tarjeta.nino-datos.registro-beneficiarios div[class*="columna"],
  .tarjeta.nino-representante.registro-beneficiarios div[class*="columna"],
  .tarjeta.nino-encuesta.registro-beneficiarios div[class*="columna"] {
    width: 50%;
  }
   .tarjeta.adulto-datos.registro-beneficiarios.activo,
  .tarjeta.adulto-encuesta.registro-beneficiarios.activo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .tarjeta.adulto-datos.registro-beneficiarios div[class*="columna"],
  .tarjeta.adulto-encuesta.registro-beneficiarios div[class*="columna"] {
    width: 50%;
  }
      .tarjeta.familiar-datos.registro-beneficiarios.activo,
  .tarjeta.familiar-familliar.registro-beneficiarios.activo,
  .tarjeta.familiar-encuesta.registro-beneficiarios.activo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .tarjeta.familiar-datos.registro-beneficiarios div[class*="columna"],
  .tarjeta.familiar-familliar.registro-beneficiarios div[class*="columna"],
  .tarjeta.familiar-encuesta.registro-beneficiarios div[class*="columna"] {
    width: 50%;
  }
}
@media screen and (min-width: 1240px) {
  .contenidos.registro-beneficiario .sub-contenedor {
    padding: 1rem 3rem;
  }
}

.contenedor-selectores-datos-socioeconomicos {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contenedor-selectores-datos-socioeconomicos div[class*="columna-selectores"] {
  width: 33% !important;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
  min-width: 200px;
}
.contenedor-selectores-datos-socioeconomicos div[class*="columna-selectores"] .titulo-columna-selectores {
  background-color: #EFF2F9;
  padding-left: 30px;
  font-size: 18px;
  color: #606161;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: ProximaNovaLt;
  font-weight: bold;
  min-width: 100%;
  text-transform: uppercase;
}
.contenedor-selectores-datos-socioeconomicos div[class*="columna-selectores"] .cuerpo-columna-selectores {
  padding: 10px;
}

span.numero-color {
  display: inline-block;
  padding: 2px 4px 2px 0px;
  font-size: 18px;
  font-weight: bold;
}

span.numero-color.verde {
  color: #26A857;
}
span.numero-color.naranja {
  color: #F59C22;
}
span.numero-color.azul {
  color: #57BEE8;
}

/*REGISTRO DE BENEFICIARIOS*/

/* MEDICINA GENERAL NUEVA */

.contenidos .area-de-contenidos.medicina-general {
  width: 100%;
  margin: 2rem auto;
  background-color: #fff;
}

.area-de-contenidos.medicina-general .sub-navegacion.medicina-general {
  border-bottom: 3px solid #D1D3D4;
  padding-bottom: 0.5rem;
}
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general div[class*="col"] {
  border-right: 3px solid #455496;
  padding-bottom: 0.5rem;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #455496;
}
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general div[class*="col"]:not(:first-child) {
}
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general .pestana-datos-personales.activo:after,
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general .pestana-antecedentes.activo:after,
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general .pestana-patologias.activo:after,
.area-de-contenidos.medicina-general .sub-navegacion.medicina-general .pestana-diagnostico.activo:after {
  content: ' ';
  display: block;
  position: relative;
  bottom: -0.7rem;
  border-bottom: 3px solid #455496;
  width: 100%;
}
.area-de-contenidos.medicina-general .area-datos-medicina-general {
  margin-top: 2rem;
}
/*.area-de-contenidos.medicina-general .area-datos-medicina-general div[class*="col"]:first-child {
  border-right: 2px solid #D1D3D4;
}*/

.area-datos-medicina-general .scroll-container {
   /*overflow-x: scroll; 
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex; 
   flex-direction: column;
   -ms-align-items: flex-start;
   align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;*/
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
  max-height: 800px;
  width: 100%;
}

.area-datos-medicina-general .scroll-container .Card {
  width: 320px;
  min-width: 300px;
  margin: 0 1rem 1rem;
  border: 0;
}

.area-datos-medicina-general input[type="text"],
.area-datos-medicina-general input[type="number"],
.area-datos-medicina-general input[type="email"],
.area-datos-medicina-general input[type="password"],
textarea {
  font-size: 16px;
  width: 100%;
  border-radius: 4px;
  margin: 0 auto;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  border:  1px solid #AFAFAF;
  padding: 4px 6px;
  color: #6F7583;
}

.area-datos-medicina-general input[type="text"]:disabled,
.area-datos-medicina-general input[type="number"]:disabled,
.area-datos-medicina-general input[type="email"]:disabled,
.area-datos-medicina-general input[type="password"]:disabled,
textarea:disabled {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #AFAFAF;
}

.area-datos-medicina-general input[type="text"],
.area-datos-medicina-general input[type="number"],
.area-datos-medicina-general input[type="password"],
.area-datos-medicina-general input[type="email"] {
  background-color: #F4F8FD;
  font-weight: bold;
}

.area-datos-medicina-general input[type="text"].busqueda,
.area-datos-medicina-general input[type="number"].busqueda,
.area-datos-medicina-general input[type="email"].busqueda {
  background-image: url(../../img/buscar-gris.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
  -webkit-background-size: 16px;
  background-size: 16px;
  padding-left: 32px;
}
.area-datos-medicina-general input[type="text"].borde-azul,
.area-datos-medicina-general input[type="number"].borde-azul,
.area-datos-medicina-general input[type="password"].borde-azul,
.area-datos-medicina-general input[type="email"].borde-azul,
textarea.borde-azul {
  border-color: #455496 !important;
  background-color: #fff;
}

.contenedor-datos-personales,
.contenedor-antecedentes,
.contenedor-patologias,
.contenedor-diagnostico,
.navegacion-inferior-datos-personales,
.navegacion-inferior-antecedentes,
.navegacion-inferior-patologias,
.navegacion-inferior-diagnostico {
  display: none;
}
.contenedor-datos-personales.activo,
.contenedor-antecedentes.activo,
.contenedor-patologias.activo,
.contenedor-diagnostico.activo,
.navegacion-inferior-datos-personales.activo,
.navegacion-inferior-antecedentes.activo,
.navegacion-inferior-patologias.activo,
.navegacion-inferior-diagnostico.activo {
  display: flex;
}
.pestana-datos-personales:hover,
.pestana-antecedentes:hover,
.pestana-patologias:hover,
.pestana-diagnostico:hover {
  cursor: hand !important;
}

.contenedor-patologias .fondo-gris-patologias {
  background-color: #EDECED;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

.contenedor-patologias .subtitulo {
  width: 100%;
}

.contenedor-patologias .sub-contenedor {
  width: 96%;
  margin: 0 auto;
}

.contenedor-patologias .sub-contenedor .subtitulo  {
  background-color: #5C95ED;
  color: #fff;
  padding: 1rem;
}

.contenedor-patologias .row {
  margin: 0;
}

.contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo .derecha p {
  margin: 0;
  width: 120px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #F4F8FD;
  border: 1px solid #AFAFAF;
  border-radius: 6px;
  color: #6B7B97;
}

.contenedor-remitir-especialista-flotado {
  position: relative;
}
.remitirEspecialista.med-gral-flotado {
  position: absolute;
  top: -16px;
  right: 10px;
  color: #6B7B97;
}
.remitirEspecialista.med-gral-flotado .checker .icono {
  background-image: url(../../img/campana.svg);

}

.remitirEspecialista.med-gral-flotado #trigger:checked + .checker .icono {
  background-position: right center;
}


div.bordeado {
  border: 1px solid #62629B;
  border-radius: 6px;
/*  width: 95%;
  margin: 0 auto;*/
}

.valores {
  width: 100%;
  display: block;
  overflow: hidden;
}

.valores .alert {
  float: left;
  font-size: 0.85rem;
  padding: 0.3rem 1.25rem 0.3rem 2.2rem;
  border-radius: 4px;
  margin-right: 10px;
  text-transform: uppercase;
  width: 45%;
  margin-bottom: 8px;
} 
.valores .alert.alert-dark {
  color: #606161;
  background-color: #fff;
  border-color: #A7A9AC;
  background-image: url(../../img/lapiz-azul.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  -webkit-background-size: 14px;
  background-size: 14px;
} 
.valores .alert-dismissible .close {
    top: 4px;
    left: 10px;
    padding: 0;
    color: #455496;
    opacity: 1;
}

.row.contenedor-diagnosticos-categorias {
    padding: 1rem;
    border: 1px solid #62629B;
    border-radius: 6px;
    max-height: 300px;
    overflow-y: scroll;
}

.enlaces-otros-med-gral a {
  display: block;
  width: 100%;
  color: #6F7583;
  background-color: #F4F8FD;
  border: 1px solid #AFAFAF;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  background-image: url(../../img/lupa-med-gral.svg);
  background-repeat: no-repeat;
  background-position: 98% center;
  -webkit-background-size: 14px;
  background-size: 14px;
}

.contenedor-datos-personales .row + .row {
  margin: 0;
}

.sub-titulo-areas {
  color: #6F7583;
  font-weight: bold;
  font-family: ProximaNovaLt;
}

.sub-titulo-elementos-form {
  color: #455496;
  font-weight: bold;
  font-family: ProximaNovaLt;
  font-size: 18px;
  display: inline-block;
  position: relative;
  top: 4px;
}

/* RADIOS GENERO */
input[type=radio]#radio-genero-hombre{display:none; }
input[type=radio]#radio-genero-mujer{display:none; }
 
input[type=radio] + label.male {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 30px;
    height: 30px;
    background-image: url('../../img/radio-masculino-med-gral.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;margin-left: 15px;
    position: relative;
    top: -3px;
}
input[type=radio] + label.female{
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 30px;
    height: 30px;
  background-image: url('../../img/radio-femenino-med-gral.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;margin-left: 15px;
    position: relative;
    top: -3px;

}
input[type=radio]#radio-genero-hombre:checked + label.male{background-position: 0 bottom;}
input[type=radio]#radio-genero-mujer:checked + label.female{background-position: 0 bottom;}
/* RADIOS GENERO */

/* RADIOS SI - NO */
input[type=radio].radio-si{display:none; }
input[type=radio].radio-no{display:none; }
 
input[type=radio] + label.si {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 30px;
    height: 30px;
    background-image: url(../../img/radio-si-azul.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;margin-left: 15px;

}
input[type=radio] + label.no {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 30px;
    height: 30px;
  background-image: url(../../img/radio-no-azul.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 30px;
    text-indent: -99999px;
    display:inline-block!important;margin-left: 15px;
}
input[type=radio].radio-si:checked + label.si{background-position: 0 bottom;}
input[type=radio].radio-no:checked + label.no{background-position: 0 bottom;}
/* RADIOS SI - NO */

/* CHECK SANO */
input[type=checkbox].check-sano{display:none; }
input[type=checkbox] + label.sano {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 125px;
    height: 28px;
    background-image: url(../../img/check-sano-medgral.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;
    /*margin-top: 10px;*/
}
input[type=checkbox].check-sano:checked + label.sano{background-position: 0 bottom;}
/* CHECK SANO */

/* RADIOS DLN Y PATOLOGIA */
input[type=radio].dln{display:none; }
input[type=radio].patologia{display:none; }
input[type=radio] + label.dln {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 78px;
    height: 29px;
    background-image: url(../../img/boton-dln.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;
}
input[type=radio] + label.patologia {
    display:inline-block;
    cursor: pointer;
    outline: 0; 
    width: 109px;
    height: 29px;
    background-image: url(../../img/boton-patologia.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-indent: -99999px;
    display:inline-block!important;
    margin-left: 20px;
}
input[type=radio].dln:checked + label.dln{background-position: 0 bottom;}
input[type=radio].patologia:checked + label.patologia{background-position: 0 bottom;}
/* RADIOS DLN Y PATOLOGIA */

.modalBuscar .modal-dialog .modal-content .modal-body .buscador {
  text-align: center;
}

.modalBuscar .modal-dialog .modal-content .modal-header h5 {
 color: #949396;
 font-size: 16px;
 text-transform: uppercase;
}

.modalBuscar .modal-dialog .modal-content .modal-body .buscador input {
    margin: 0 auto;
    width: 60%;
    font-size: 14px;
    border: 1px solid #7C7C7C;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    font-family: 'Open Sans', sans-serif;
    background: rgba(124, 124, 124, .1) url(../../img/buscar-circulo-gris-med-gral.svg) no-repeat 101% center;
    background-size: auto;
    background-size: 47px;
    color: #949396 !important;
    padding: 12px 48px 12px 24px;
    text-align: center;
}
.modalBuscar .modal-dialog .modal-content .modal-body .card-body {
  color: #6B7B97;
}

.tipo-patologia {
  color: #6B7B97;
}

.Card.med-gral {
  box-shadow: 2px 2px 20px rgba(0,0,0,0.4);
  height: auto;
}

.Card.med-gral .Card-body p.fecha {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 4px;
  padding: 10px;
  color: #606060;
  font-weight: bold;
  letter-spacing: 2px;
}

.Card.med-gral .Card-body .sin-borde-titulo {
  font-size: 18px;
  font-weight: bold;
  padding: 0 10px;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
.Card.med-gral .Card-body .sin-borde-titulo.signosVitales {
 color: #EC7239;
}
.Card.med-gral .Card-body .sin-borde-titulo.antropometria {
 color: #FAC625;
}
.Card.med-gral .Card-body .sin-borde-titulo.sanguineo {
 color: #E06445;
}
.Card.med-gral .Card-body .sin-borde-titulo.visual {
 color: #594f93;
}
.Card.med-gral .Card-body .sin-borde-titulo.vacunacion {
 color: #447abc;
}
.Card.med-gral .Card-body .sin-borde-titulo.medGral {
 color: #332f81;
}
.Card.med-gral .Card-body .sin-borde-titulo.odontologia {
 color: #59c0e8;
}
.Card.med-gral .Card-body .sin-borde-titulo.auditiva {
 color: #f16b3b;
}
.Card.med-gral .Card-body .sin-borde-titulo.parasitologia {
 color: #0cb14b;
}


.mensaje.mensaje-med-gral {
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .contenidos .area-de-contenidos.medicina-general {
    width: 90%;
  }
  .borde-derecho-datos-personales {
    border-right: 1px solid #D1D3D4;
  }
  .contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
    .contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo .izquierda {
    
  }

  .contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo .derecha {
    margin-left: 90px;
  }
  .contenedor-patologias .fondo-gris-patologias .sub-contenedor .subtitulo .derecha p {
    margin: 0;
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #F4F8FD;
    border: 1px solid #AFAFAF;
    border-radius: 6px;
    color: #6B7B97;
  }
  .area-de-contenidos.medicina-general .sub-navegacion.medicina-general div[class*="col"] {
    font-size: 18px;
  }
}

.textosLabelMedGral {
  color: #6B7B97;
}

.boton-buscar {
  width: 89px;
  height: 29px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 top;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-image: url(../../img/boton-buscar-iris.svg);
}

.boton-buscar:active,
.boton-buscar.activo {
  background-position: 0 bottom;
}

p.titulos-diagnostico-presuntivo {
  font-size: 0.9rem;
  color: #455496;
  font-weight: 400;
}

.contenedor-diagnosticos-categorias .valores .alert {
  font-size: 12px;
  color: #606161;
}

@media screen and (min-width: 768px) {
  .contenedor-diagnosticos-categorias .valores .alert.sintomas {
    width: 47%;
  }
}
@media screen and (min-width: 1024px) {
  .contenedor-diagnosticos-categorias .valores .alert.sintomas {
    width: 32%;
  }
}
@media screen and (min-width: 1360px) {
    .area-de-contenidos.medicina-general .sub-navegacion.medicina-general div[class*="col"] {
    font-size: 22px;
  }
    .contenidos .area-de-contenidos.medicina-general {
    width: 80%;
  }
}
/* MEDICINA GENERAL NUEVA */

/* COMPONENTES */

.boton-siguiente-med-gral {
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #2e7de1;
  color: #4e78aa;
  transition: all .4s ease;
  font-size: 0.8rem;
  margin: 6px 2px;
}
.boton-siguiente-med-gral:hover,
.boton-siguiente-med-gral:active,
.boton-siguiente-med-gral.activo {
  color: #fff;
  background-color: #2e7de1;
}
.boton-siguiente-med-gral.transparente {
  background-color: transparent;
  border: 1px solid #2e7de1;
  color: #2e7de1;
}
.boton-siguiente-med-gral.btn-sm {
  /*font-size: 12px;*/
}
.boton-siguiente-med-gral.transparente:hover,
.boton-siguiente-med-gral.transparente:active {
  border: 1px solid #2e7de1;
  background-color: #2e7de1;
  color: #FFF;
}
@media screen and (min-width: 1024px) {
  .boton-siguiente-med-gral {
    font-size: 0.9rem;
}

}

.boton-patologias-med-gral {
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #2e7de1;
  color: #4e78aa;
  transition: all .4s ease;
  font-size: 0.8rem;
  margin: 6px 2px;
}
.boton-patologias-med-gral:hover,
.boton-patologias-med-gral:active,
.boton-patologias-med-gral.activo {
  color: #fff;
  background-color: #2e7de1;
}
.boton-patologias-med-gral.transparente {
  background-color: transparent;
  border: 1px solid #2e7de1;
  color: #2e7de1;
}
.boton-patologias-med-gral.btn-sm {
  /*font-size: 12px;*/
}
.boton-patologias-med-gral.transparente:hover,
.boton-patologias-med-gral.transparente:active {
  border: 1px solid #2e7de1;
  background-color: #2e7de1;
  color: #FFF;
}
@media screen and (min-width: 1024px) {
  .boton-patologias-med-gral {
    font-size: 0.9rem;
}
}

.boton-azul {
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #2e7de1;
  color: #2e7de1;
  transition: all .4s ease;
  font-size: 0.8rem;
  margin: 6px 2px;
}
.boton-azul:hover,
.boton-azul:active,
.boton-azul.activo {
  color: #fff;
  background-color: #2e7de1;
}
.boton-azul.transparente {
  background-color: transparent;
  border: 1px solid #2e7de1;
  color: #2e7de1;
}
.boton-azul.btn-sm {
  /*font-size: 12px;*/
}
.boton-azul.transparente:hover,
.boton-azul.transparente:active {
  border: 1px solid #2e7de1;
  background-color: #2e7de1;
  color: #FFF;
}
@media screen and (min-width: 1024px) {
  .boton-azul {
    font-size: 0.9rem;
}
}

.accordion .card .card-header {
    padding: 0px;
    margin-bottom: 0;
    background-color: #D1D3D4;
    border-bottom: 0;
}
.accordion .card .card-body {
  text-align: left;
}
.accordion .card .card-header h5 button.btn-link {
  color: #606161;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-family: ProximaNovaLt;
  font-weight: bold;
}

div.radios-genero input[type="radio"] {
  display: none;
}
div.radios-genero label {
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 32px;
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
div.radios-genero p input[type="radio"].generoM + label {
  background-image: url('../../img/radio-masculino.svg');
}
div.radios-genero p input[type="radio"].generoF + label {
  background-image: url('../../img/radio-femenino.svg');
}
div.radios-genero p input[type="radio"].generoM:checked + label {
  background-image: url('../../img/radio-masculino-activo.svg');
}
div.radios-genero p input[type="radio"].generoF:checked + label {
  background-image: url('../../img/radio-femenino-activo.svg');
}

/* COMPONENTES */

.btn.flechas-paginacion  {
  padding: 0.375rem 0.55rem;
}


#paginacion .col p a, #paginacion .col p button {
    width: 34px;
    height: 34px;
    line-height: 1.6;
    text-align: center;
    position: relative;
}
/*#paginacion .col p a img {
  position: absolute;
  width: 14px;
  top: 50%; right: 50%;
  transform: translate(50%,-50%);
}*/

#paginacion .col p a.anterior,
#paginacion .col p a.siguiente {
  background-repeat: no-repeat;
  background-position: center 8px;
  -webkit-background-size: 14px;
  background-size: 14px;
  transition: none;

}
#paginacion .col p a.anterior:hover,
#paginacion .col p a.siguiente:hover {
  background-position: center -18px;

}
#paginacion .col p a.anterior{
  background-image: url(../../img/flechaAnterior.svg);
}
#paginacion .col p a.siguiente{
  background-image: url(../../img/flechaSiguiente.svg);

}