/**************************************************/
/*CLASES SUPERIORES                               */
/**************************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
/**************************************************/
/*NAV                                             */
/**************************************************/
.jpnav10, 
.jpnav20 {
  background-color: #FFFFFF;
}
.jplinav10 {
  color:#000000  !important;
}
.jplinav10:hover {
  text-decoration: underline;
}
.jplinav11 {
  color:#FFFFFF  !important;
}
.jplinav11:hover {
  text-decoration: underline;
}
.jpnav101 {
  background-color: #34495E;
  border: 2px solid #34495E;
  border-radius: 0 1rem 0 1rem;
}
/**************************************************/
/*FOOTER                                          */
/**************************************************/
.jpfoot10 {
  /*background-color: #F2F3F4;*/
  background-color: #FFFFFF;
}
.jpfoot11 {
  background-color: #E5E7E9;
}
.jpfoot12 {
  /*background-color: #E5E7E9;*/
  /*background-color: #042E3B;*/
  /*Blanco Hueso */
  /*color: #E3DAC9; */
  /*Stell*/
  /*background-color: #52403E;*/
  background-color: #E5E7E9;
}
.jpfoot13 {
  /*border: 2px solid #34495E;*/
  /*border-radius: 0 1rem 0 1rem;*/
  border: 1px solid #FFFFFF;
}
.jplifoot12 {
  list-style: none;
}
.jpfooter {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
/**************************************************/
/*CLASES GENERALES                                */
/**************************************************/
/*TEXTOS                                          */
/**************************************************/
/*Font Size Responsive*/
.jpfs01 { 
  font-size: 3.0rem !important;
}
.jpfs02 { 
  font-size: 2.5rem !important;
}
.jpfs03 { 
  font-size: 2rem !important;
}
.jpfs04 { 
  font-size: 1.5rem !important;
}
.jpfs05 { 
  font-size: 1.25rem !important;
}
.jpfs06 { 
  font-size: 1.125rem !important;
}
.jpfs07 { 
  font-size: 1rem !important;
}
.jpfs08 { 
  font-size: 0.875rem !important;
}
.jpfs09 { 
  font-size: 0.75rem !important;
}
.jpfs10 { 
  font-size: 0.625rem !important;
}
.jpfs11 { 
  font-size: 4.0rem !important;
  line-height: 1;
}
.jpfs12 { 
  font-size: 2.5rem !important;
  line-height: 1.5;
}
/*Text Bold*/
.jpbold {
  font-weight: bold;
}
/*Text Bold2*/
/*font-weight: 100 200 300 400 500 600 700 800 900*/
/*100 = normal 900=bold*/
/*100 a 500 letra mas clara*/
/*600 a 900 letra mas oscura*/
.jpbold2 {
  font-weight: 600;
}
/*Justificar Texto*/
.jpjusti {
  text-align: justify;
}
/*Text Msg Error*/
.jpinvalidFb {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
/*Text color*/
.jptcwh {
  color: #FFFFFF !important;
}
.jptcblac {
  color: #000000 !important;
}
.jptcblue {
  color: #0000ff !important;
}
/*Blue JP*/
.jptcbljp {
  color: #2980B9 !important;
}
.jptcgreen {
  color: #1ABC9C !important;
}
.jptcred {
  color: #FF0000 !important;
}
.jptcgreen2 {
  color: #00FF00 !important;
}
.jptgray {
  color: #34495E !important;
}
.jptgray2 {
  color: #626567 !important;
}
.jptcgreen3 {
  color: #16A085 !important;
}
/*Text tipo Links*/
.jptli01 {
  text-decoration: underline;
  color: #2980B9 !important;
}
.jptli01:hover {
  text-decoration: none;
  cursor: pointer;
}
/**************************************************/
/*Inputs Text Area                                */
/**************************************************/
/*No resize*/
.jptxanors {
  resize: none;
}
/**************************************************/
/*CAJAS                                           */
/**************************************************/
/*Boder Container*/
.jpcbor { 
  border: 1px solid #E5E7E9;
  border-radius: 0.625rem;
}
.jpcborbl {
  border: 1px solid #000000;
}
.jpcbor2 { 
  border: 1px solid #E5E7E9;
}
.jpcbor03 { 
  border: 2px solid #E5E7E9;
  border-radius: 0.625rem;
}
.jpcbor04 { 
  border: 1px solid #5D6D7E;
  border-radius: 0.625rem;
}
.jpcbor05 {
  border: 2px solid #16A085;
  border-radius: 0 2rem 0 2rem;
}
.jpcbor06 { 
  border: 2px solid #FF5733;
  border-radius: 0 2rem 0 2rem;
}
/*Fondos*/
/*Flecha*/
.jpbgarrow {
  background-image: url("../img/logoiso.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  width: 100%;
  height: auto;
  margin: auto;
}
.jpbgarrow2 {
  background-image: url("../img/logoiso.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  width: 100%;
  height: auto;
  margin: auto;
}
/*Headers Paginas Secundarias*/
.jpheasec { 
  background-color: #F2F3F4;
}  
/*Fondo Contenedor Firts*/
/*First–Second–Third-Fourth–Fifth–Sixth–Seventh–Eighth–Ninth–Tenth*/
/*Eleven-Twelve-Thirteen-Fourteen-Fifteen-Sixteen-Seventeen-Eighteen-Nineteen-Twenty*/
/*Celeste bajito*/
.jpcbgfir { 
  background-color: #EAF2F8;
}  
/*Fondo Contenedor Second*/
/*Azul claro mas fuete*/
.jpcbgsec { 
  background-color: #1F618D;
}
/*Gris bajito*/
.jpcbgthi { 
  background-color: #F8F9F9;
}  
/*Azul grisacio fuerte*/
.jpcbgfou {
  /*background-color:#3498DB;*/ 
  background-color: #34495E;
}
/*Gris bajito*/
.jpcbgfif {
  background-color: #F8F9F9;
}
/*Verde claro fuerte*/
.jpcbgsix {
  /*background-color: #2E86C1;*/
  background-color: #1ABC9C;
}
/*Gris mas clarito*/
.jpcbgsev {
  background-color: #E5E7E9;
}
/*Azul grisacio medio*/
.jpcbgeig {
  background-color: #5D6D7E;
}
/*Blue JP*/
.jpcbgnin {
  background-color: #2980B9;
}
/*Butter*/
.jpcbgten {
  background-color: #FAEFD4;
}
/*Stell especial*/
.jpcbgele {
  background-color: #52403E;
}
/*Gris Azulado especial*/
.jpcbgtew {
  background-color: #273443;
}
/*Verde azulado*/
.jpcbgthit {
  background-color: #042E3B;
}
/*Blanco*/
.jpcbgwh {
  background-color: #FFFFFF;
}
/*Gris*/
.jpcbggr {
  background-color: #F2F3F4;
}
/*Transparente*/
.jpcbgtr {
  background-color: transparent !important;
}
/*Azul Modal*/
.jpcbblum {
  /*background-color: #CADDF7;  Tono suave*/
  background-color: #3F67FC !important;
}
/*Rojo Modal*/
.jpcbredm {
  /*background-color: #F7CACD; Tono suave*/
  background-color: #FC3F4C !important;
}
/*Gris Modal*/
.jpcbgram {
  /*background-color: #EAEDED; Tono suave*/
  background-color: #5D6D7E !important;
}
/*Gradientes*/
/*078 Cochiti Lake*/
.jpgrad01 {
  background-image: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);
  background-size: cover;
}
/*077 Cold Evening*/
.jpgrad02 {
  background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
  background-size: cover;
}
/*123 Night Sky*/
.jpgrad03 {
  background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
}
/*091 Eternal Constance*/
.jpgrad04 {
  background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}
/*103 Midnight Bloom*/
.jpgrad05 {
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
}
/*132 Solid Stone*/
.jpgrad06 {
  background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);
}
/*135 Slick Carbon*/
.jpgrad07 {
  background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
  background-blend-mode: multiply;
}
/*100 Vicious Stance*/
.jpgrad08 {
  background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}
/*076 Premium Dark*/
.jpgrad09 {
  background-image: linear-gradient(to right, #434343 0%, black 100%);
}
/*Fondos y tamaños de Contenedores*/
.jpcsize1 {
  height: 10rem;
}
.jpsis10,
.jpfps10, 
.jpces10 {
  max-width: 34rem;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jpfps10op {
  max-width: 38rem;
}
.jpsus00 {
  max-width: 38rem !important;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jpsus10 {
  max-width: 38rem;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jpsupd10s1, .jpsupd20s1, .jpsupd30s1,
.jpsupa10s1 {
  max-width: 40rem;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jpsupd40s1, .jpsupa20s1 {
  max-width: 60rem;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jpsu00 {
  width: 55rem;
  height: auto;
}
.jpmenu2d {
  width: 55rem;
  height: auto;
  border: 2px solid #FFFFFF;
  border-radius:  0.625rem;
}
.jphbody {
  min-height: 100vh;
}
.jpsap10, .jpsap20,
.jpsap30 {
  max-width: 50rem;
}
.jpsideb-m2 {
  max-height: 95.1vh;
}
/*Mostrar Containers*/
.jpcview {
  display: block;
}
/*Mostrar Containers2*/
.jpcview2 {
  display: inline;
}
/*Ocultar Containers*/
.jpchidden {
  display: none;
}
/*Contenedor codigo de autorizacion*/
.jpcmodal {
  display: flex;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  position: fixed;
  pointer-events: none;
  opacity: 0;  
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  transition: opacity 0.3s ease;
  z-index: 1055;
}
.jpmodal {
  width: 30rem;
  height: auto;
  text-align: center;
}
.jpcmodalshow {
  pointer-events: auto;
  opacity: 1;
}
/**************************************************/
/*OPACAR FONDO PARA MODALES                       */
/**************************************************/
.jpopacar-off {
  opacity: 1;
  /*filter: brightness(1) !important;*/  /*Transparencia Negra No funciona con etiquetas section*/
  transition: all 0.2s ease-in-out;
}
.jpopacar-on {
  opacity: 0.5;
  /*filter: brightness(0.5) !important;*/ /*Transparencia Negra No funciona con etiquetas section*/
  transition: all 0.2s ease-in-out;
}
/**************************************************/
/*MODAL DE MENSAJES                               */
/**************************************************/
/*Contenedor Modal*/
#modbox1 {
  border: 2px solid #000000;
  border-radius: 0.25rem;
  color: #FFFFFF !important;
}
/**************************************************/
/*IMAGENES - VIDEOS - SVGs - Captura Fotos        */
/**************************************************/
/*Imagenes*/
.jpimg { 
  background-size: cover;
  border: 2px solid #FBFCFC;
  border-radius: 0.625rem;
}
.jpimg2 { 
  width: 28rem;
  height: 18rem;
  border: 2px solid #FBFCFC;
  border-radius: 0.625rem;
}
.jpimg3 { 
  width: 30rem;
  height: 18rem;
}
/*SVGs*/
/*Size*/
.jpsvgsize {
  width: 1.5rem;
  height: 1.5rem;
}
.jpsvgsize2 {
  width: 2.5rem;
  height: 2.5rem;
}
.jpsvgsize3 {
  width: 3rem;
  height: 3rem;
}
.jpsvgsize4 {
  width: 20rem;
}
.jpsvgsize5 {
  width: 2rem;
  height: 2rem;
}
.jpsvgsize6 {
  width: 1rem;
  height: 1rem;
}
.jpsvgsize7 {
  width: 10rem;
  height: 5rem;
}
.jpsvgsize8 {
  width: 8rem;
  height: 8rem;
}
.jpsvgsize9 {
  width: 5rem;
  height: 5rem;
}
.jpsvgsize10 {
  width: 24rem;
  height: 12rem;
}
.jpsvgsize11 {
  width: 8rem;
  height: 3.25rem;
}
.jpsvgsize12 {
  width: 12rem;
  height: 12rem;
}
.jpsvgsize13 {
  width: 8rem;
  height: 4rem;
}
.jpsvgwhite {
  color: #ffff;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(70deg) brightness(99%) contrast(107%);
}
/*Icon Size*/
.jpiconsize1 {
  width: 1.25rem;
  height: 1.25rem;
}
.jpiconsize2 {
  width: 1.125rem;
  height: 1.125rem;
}
/*Videos*/
.jpvid { 
  border: 2px solid #FBFCFC;
  border-radius:  0.625rem;
}
/*Graph*/
.jpgrap1 {
  width: 40rem;
  height: 14rem;
}
/*Mostrar Ocultar Imagenes*/
.jphidden {
  display: block;
}
/*Ocultar Mostrar Imagenes*/
.jphiddenrev {
  display: none;
}
/*Iconos*/
.jpicon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
}
.jpicon2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
/*Capturar Fotos*/
.jpvidpho {
  width: 20rem;
  height: 15rem;
}
/**************************************************/
/*LINKS A-REF                                     */
/**************************************************/
/*Type No Decoration*/
.jplinnodec {
  color:#000000;
  text-decoration: none;
}
.jplinnodec:hover {
  color:#000000;
  text-decoration: underline;
}
/*Type Decoration*/
.jplindec {
  color:#000000;
  text-decoration: underline;
}
.jplindec:hover {
  color:#000000;
  text-decoration: none;
}
/*Type No Decoration*/
.jplinnodec1 {
  color: #0066cc;
  text-decoration: none;
}
.jplinnodec1:hover {
  color: #003366;
  text-decoration: underline;
}
/*Type No Decoration*/
.jplinnodec2 {
  color: #1ABC9C;
  text-decoration: none;
}
.jplinnodec2:hover {
  color: #0000ff;
  text-decoration: underline;
}
/*Type No Decoration*/
.jplinnodec3 {
  /*color: #FFFFFF;*/
  color: #000000;
  text-decoration: none;
}
.jplinnodec3:hover {
  /*color:#FFFFFF;*/
  color:#000000;
  text-decoration: underline;
}
/*Type No Decoration*/
.jplinnodec4 {
  text-decoration: none;
}
/**************************************************/
/*LIST STYLES                                     */
/**************************************************/
/*List styles*/
.jplistst1 {
  list-style-position: inside;
  list-style-type: disc;
  /************************/
  /* list-style-position: */
  /************************/ 
  /* inside (el marcador es la primera caja en linea dentro de la caja principal, despues de la cual fluye el resto de los elementos)*/
  /* outside (el marcador se encuentra fuera de la caja principal)*/
  /* inherit (heredado)*/
  /************************/
  /* list-style-type:     */
  /************************/ 
  /* disc (punto), circle (circulo), square (cuadrado),*/
  /* decimal (números decimales empezando con 1), */
  /* decimal-leading-zero (numeros decimales empezando eventualmente por ceros por ejemplo: 01, 02, 03, etc)*/
  /* lower-roman (números romanos en minuscula: i, ii, iii, iv, v, etc)*/
  /* upper-roman (números romanos en mayuscula: I, II, III, IV, V, etc*/
  /* lower-greek (letras griegas en minuscula: alfa/α, beta/β, gamma/γ*/
  /* lower-latin (letras ASCII en minuscula: a, b, c, ... z*/ 
  /* upper-latin (letras ASCII en mayuscula: A, B, C, ... Z*/
  /* lower-alpha (es igual que lower-latin)*/
  /* upper-alpha (es igual que upper-latin)*/
  /* none (nada)*/
  /* inherit (heredado)*/
  /************************/
  /* Imagen:              */
  /************************/
  /* list-style-image: url("https://mdn.mozillademos.org/files/11979/starsolid.gif");*/
  /* list-style-position: inherit;*/
}
.jplistst2 {
  list-style-position: inside;
  list-style-type: decimal;
}
/**************************************************/
/*TABLAS                                          */
/**************************************************/
/*Color Fondo*/
.jptabbg { 
  background-color: #F7F9F9;
}  
/**************************************************/
/*BUTTONS                                         */
/**************************************************/
/*Type: First–Second–Third-Fourth–Fifth–Sixth–Seventh–Eighth–Ninth–Tenth*/
/*Type Color First NAV Como Azul Oscuro*/
.jpbtnfirnav {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #2980B9; 
  border-color: #2980B9;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  transition: all .2s;
}
.jpbtnfirnav:hover {
  color: #FFFFFF;
  background-color: #1A5276;
  border-color: #1A5276;
  transform: translateY(-2px);
}
/*Type Color Second NAV Como Verde Oscuro*/
.jpbtnsecnav {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #1ABC9C; 
  border-color: #1ABC9C;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  transition: all .2s;
}
.jpbtnsecnav:hover {
  color: #FFFFFF;
  background-color: #117864;
  border-color: #117864;
  transform: translateY(-2px);
}
/*Type Color 1 NAV Como Azul Oscuro sin bordes curvos*/
.jpbtn1nav {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  color: #FFFFFF;
  background-color: #2980B9; 
  border-color: #2980B9;
  border: 1px solid transparent;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* top and bottom 0.375 right and left: 0.75 */
  padding: 0.375rem 0.75rem;
  transition: all .2s;
}
.jpbtn1nav:hover {
  color: #FFFFFF;
  background-color: #2980B9;
  border-color: #2980B9;
  transform: translateY(-2px);
}
/*Type Color 2 NAV Como Letra Azul fondo balnco sin bordes curvos*/
.jpbtn2nav {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  color: #2980B9;
  background-color: #FFFFFF; 
  border-color: #2980B9;
  border: 1px solid;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  transition: all .2s;
}
.jpbtn2nav:hover {
  color: #2980B9;
  background-color: #FFFFFF;
  border-color: #2980B9;
  transform: translateY(-2px);
}
/*Type Color 3 NAV Como Letra Verde fondo balnco sin bordes curvos*/
.jpbtn3nav {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  width: 100%;
  color: #FFFFFF;
  /*background-color: #1ABC9C;*/
  /*border-color: #1ABC9C;*/
  background-color: #16A085;
  border-color: #16A085;
  border: 1px solid transparent;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  transition: all .2s;
}
.jpbtn3nav:hover {
  color: #FFFFFF;
  /*background-color: #1ABC9C;*/
  /*border-color: #1ABC9C;*/
  background-color: #16A085;
  border-color: #16A085;
  transform: translateY(-2px);
}
/*Type Color First Como Azul JP*/
.jpbtnfir {
  color: #FFFFFF;
  background-color: #2980B9; 
  border-color: #2980B9;
  transition: all .2s;
}
.jpbtnfir:hover {
  color: #FFFFFF;
  background-color: #1A5276;
  border-color: #1A5276;
  transform: translateY(-2px);
}
/*Type Color Second Como Verde Oscuro*/
.jpbtnsec {
  color: #FFFFFF;
  background-color: #1ABC9C; 
  border-color: #1ABC9C;
  transition: all .2s;
}
.jpbtnsec:hover {
  color: #FFFFFF;
  background-color: #117864;
  border-color: #117864;
  transform: translateY(-2px);
}
/*Type Color Third Como Gris Claro*/
.jpbtnthi {
  color: #FFFFFF;
  background-color: #95A5A6; 
  border-color: #95A5A6;
  transition: all .2s;
}
.jpbtnthi:hover {
  color: #FFFFFF;
  background-color: #5F6A6A;
  border-color: #5F6A6A;
  transform: translateY(-2px);
}
/*Type Color First Como Gris Oscuro*/
.jpbtnfou {
  color: #FFFFFF;
  background-color: #5D6D7E; 
  border-color: #5D6D7E;
  transition: all .2s;
}
.jpbtnfou:hover {
  color: #FFFFFF;
  background-color: #212F3C;
  border-color: #212F3C;
  transform: translateY(-2px);
}
/*Type Color Fifth Como Azul Marino*/
.jpbtnfif {
  color: #FFFFFF;
  background-color:#2E86C1;  
  border-color: #2E86C1;
  transition: all .2s;
}
.jpbtnfif:hover {
  color: #FFFFFF;
  background-color: #21618C;
  border-color: #21618C;
  transform: translateY(-2px);
}
/*Type Color Sixth Como Azul Marino*/
.jpbtnsix {
  color: #FFFFFF;
  background-color:#16A085;  
  border-color: #16A085;
  transition: all .2s;
}
.jpbtnsix:hover {
  color: #FFFFFF;
  background-color: #0E6655;
  border-color: #0E6655;
  transform: translateY(-2px);
}
/*Type Color Seventh Transparente*/
.jpbtnsev {
  color: #f8f9fa;
  border-color: #f8f9fa;
  transition: all .2s;
}
.jpbtnsev:hover {
  color: #000000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  transform: translateY(-2px);
}
.jpbtneig1 {
  color: #FFFFFF;
  background-color: #0d6efd; 
  border: 1px solid transparent;
  border-color: #0d6efd;
  border-radius: 0.25rem;
}
.jpbtneig1:hover {
  color: #FFFFFF;
  background-color: #0d6efd; 
  border: 1px solid transparent;
  border-color: #0d6efd;
  border-radius: 0.25rem;
}
.jpbtneig2 {
  color: #0d6efd;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  /*border-color: #FFFFFF;*/
  border-color: #E5E7E9;
  border-radius: 0.25rem;
}
.jpbtneig2:hover {
  color: #0d6efd;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  /*border-color: #FFFFFF;*/
  border-color: #E5E7E9;
  border-radius: 0.25rem;
  text-decoration: underline;
}
/*Type Color Dark Blue claro y oscuro*/
.jpbtnnin {
  color: #FFFFFF;
  background-color: #042E3B; 
  border-color: #042E3B;
  transition: all .2s;
}
.jpbtnnin:hover {
  color: #FFFFFF;
  background-color: #011A27;
  border-color: #011A27;
  transform: translateY(-2px);
}
/**************************************************/
/* Sidebar Menu 2                                 */
/**************************************************/
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 44px 0 0; /* Height of navbar 48px */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 44px); /* 48px igual que padding de sidebar*/
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;   /*Scrollable contents if viewport is shorter than content.*/
}
.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}
.sidebar .nav-link {
  margin-right: 4px;
  color: #727272;
}
/*.sidebar .nav-link.active {
  color: #2470dc;
}*/
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
  /*color: inherit;*/
  background-color: #2E86C1;
  color: #FFFFFF;
}
.jplinav20:hover {
  background-color: #2E86C1;
  color: #FFFFFF;
  cursor: pointer;
}
.jplifil1:hover {
  cursor: pointer;
}
.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
.jpnav20 .navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}
.jpnav20 .navbar {
  top: .25rem;
  right: 1rem;
}
.jpnav20 .navbar-toggler {
  top: .25rem;
  right: 1rem;
}
.jpnav20 .navbar .jptitu {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}
.jpnav20-togg {
  top: .50rem;
  left: 1rem;
}
/**************************************************/
/*CALENDAR                                        */
/**************************************************/
.jpcalendar {
  width: 80%;
}
.jpcalinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.jpcalprev, .jpcalnext {
  color: #000000;
  cursor: pointer;
}
.jpcalprev {
  margin-right: auto;
}
.jpcalnext {
  margin-left: auto;
}
.jpcalweek, .jpcaldates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 0.375rem;
}
.jpcalmonth, .jpcalyear {
  padding: .5rem 1rem; 
}
.jpcalitem {
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.jpcalitemd {
  text-align: center;
  line-height: 1.5;
}
.jpcal1day {
  background: #A6ACAF;
  color: white;
  width: 50%;
  border-radius: 50%;
  margin: auto; 
}
.jpcalpay {
  font-weight: bold;
}
.jpcallastd {
  opacity: .3; 
}
/**************************************************/
/*COLUMNAS                                        */
/**************************************************/
/*Se divide en 5 partes iguales, 100 porc div 5 */
.jpcol-5 {
  flex: 0 0 auto;
  width: 20%;
}
/**************************************************/
/* Accordion                                      */
/**************************************************/
.accordion {
  border-style: none;
}
.accordion-item {
  /* border-color: #E5E7E9; */
  border-color: #16A085;
  /* ORDEN: Arriba - Derecha - Abajo - Izquierda */
  border-width: 0px 0px 2px 0px;
  border-style: solid;
}
.accordion-button:not(.collapsed) {
  color: inherit;
  background: #FFFFFF;
  color: #000000;
}
.accordion-button:not(.collapsed) {
  color: inherit;
  background: #FFFFFF;
  color: #000000;
}
.accordion-button:not(.collapsed)::after {
  filter: brightness(0%);
}
.accordion-button:focus {
  box-shadow: inherit;
}
/**************************************************/
/*INPUTS CON IMAGENES No se usa por el momento    */
/**************************************************/
/*
.jpinpwrap {
  position: relative;
}
.jpicoinp {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 9px;
	right: 28px;
}
*/
/**************************************************/
/*MEDIAS QUERYS                                   */
/**************************************************/
/*applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .jplinav10:hover {
    text-decoration: underline;
    background-color: #E5E7E9; 
    border-bottom: #000000;
  }
  /*Type Color First NAV Como Azul Oscuro*/
  .jpbtnfirnav {
    display: block;
    color:#000000;
    background-color: #FFFFFF;
    padding: 0.5rem 0rem;
    text-decoration: none;
    border-color:  #FFFFFF;
    border: 0px;
    border-radius: 0rem;
    text-align: left;
    text-decoration: none;
    transition: none;
  }
  .jpbtnfirnav:hover {
    color:#000000;
    text-decoration: underline;
    background-color: #E5E7E9; 
    border-bottom: #000000;
    transform: none;
  }
  /*Type Color Second NAV Como Verde Oscuro*/
  .jpbtnsecnav {
    display: block;
    color:#000000;
    background-color: #FFFFFF;
    padding: 0.5rem 0rem;
    text-decoration: none;
    border-color:  #FFFFFF;
    border: 0px;
    border-radius: 0rem;
    text-align: left;
    text-decoration: none;
    transition: none;
  }
  .jpbtnsecnav:hover {
    color:#000000;
    text-decoration: underline;
    background-color: #E5E7E9; 
    border-bottom: #000000;
    transform: none;
  }
  /*Mostrar Ocultar Imagenes*/
  .jphidden {
    display: none;
  }
  .jphiddenrev {
    display: block;
  }
  .jpiconsize1 {
    width: 1rem;
    height: 1rem;
  }
  /*SVGs*/
  /*Size*/
  .jpsvgsize {
    width: 1rem;
    height: 1rem;
  }
  .jpsvgsize2 {
    width: 2rem;
    height: 2rem;
  }
  .jpsvgsize3 {
    width: 2rem;
    height: 2rem;
  }
  .jpsvgsize4 {
    width: 12rem;
  }
  .jpsvgsize5 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .jpsvgsize6 {
    width: 0.9rem;
    height: 0.9rem;
  }
  .jpsvgsize7 {
    width: 6rem;
    height: 2.75rem;
  }
  .jpsvgsize8 {
    width: 6rem;
    height: 6rem;
  }
  .jpsvgsize9 {
    width: 3rem;
    height: 3rem;
  }
  .jpsvgsize10 {
    width: 12rem;
    height: 6rem;
  }
  .jpsvgsize11 {
    width: 6rem;
    height: 2.5rem;
  }
  .jpsvgsize12 {
    width: 6rem;
    height: 6rem;
  }
  .jpimg2 { 
    width: 10rem;
    height: 10rem;
  }
  .jpcbggr {
    background-color: #FFFFFF;
  }
  /*Font Size Responsive*/
  .jpfs01 { 
    font-size: 2rem !important;
  }
  .jpfs02 { 
    font-size: 1.5rem !important;
  }
  .jpfs03 { 
    font-size: 1.25rem !important;
  }
  .jpfs04 { 
    font-size: 1.125rem !important;
  }
  .jpfs05 { 
    font-size: 1rem !important;
  }
  .jpfs06 { 
    font-size: 1rem !important;
  }
  .jpfs07 { 
    font-size: 0.9rem !important;
  }
  .jpfs08 { 
    font-size: 0.75rem !important;
  }
  .jpfs09 { 
    font-size: 0.60rem !important;
  }
  .jpfs10 { 
    font-size: 0.50rem !important;
  }
  .jpfs11 { 
    font-size: 3.0rem !important;
  }
  .jpfs12 { 
    font-size: 2.0rem !important;
  }
  /*Capturar foto*/
  .jpvidpho, .jpcanpho {
    width: 16rem;
    height: 12rem;
  }
  /*Graph*/
  .jpgrap1 {
    width: 20rem;
    height: 10rem;
  }
  .sidebar {
    top: 6rem;
  }
  /*Contenedor codigo de autorizacion*/
  .jpmodal {
    width: 60%;
  }
  /*Contenedor Index*/
  .jpinsec10 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .jpsideb-m2 {
    max-height: 80vh;
  }
  /*Columnas, para MEDIAS QUERYS al 100 porc */
  .jpcol-5 {
    flex: 0 0 auto;
    width: 100%;
  }
  /*Type Color 1 NAV Como Azul Oscuro sin bordes curvos*/
  .jpbtn1nav {
    width: 50%;
  }
  /*Type Color 2 NAV Como Letra Azul fondo balnco sin bordes curvos*/
  .jpbtn2nav {
    width: 50%;
  }
  /*Type Color 3 NAV Como Letra Verde fondo balnco sin bordes curvos*/
  .jpbtn3nav {
    width: 50%;
  }
}