:root {
  /* Paleta de colores del Cliente */
  --bg-principal1: #003e77;
  --bg-principal2: #106DA8;
  --bg-secundario1:#106da8;
  --bg-secundario2:#929191;
  --bg-secundario3: #ebedeb;
  --bg-secundario4:#C0C0C0;
  /* Básicos */
  --black:      #000000;
  --mediumblack:#222222;
  --white:      #ffffff;
  --red:        #eb364b;
  --red2:       #900;
  --blue:       #013366;
  --gray:       #707070;
  --gray2:      #BCBEBB;
  --gray3:      #333333;
  --lightgray:  #F6F4F2;
  --amarillo:   #f9b303;
  --verde:      #429b2f;
  --azul2:      #128588;
  --violet:     #5500C6;
  --lightgray2: #e9ecef;
  /* De la plataforma */
  --norespondido:  #B95149;
  --respondido:    #929191;
  --bg-confirmada: #94B522;
  --bg-pendiente:  #F1A30B;
  --bg-cancelada:  #FC0000;
  --bg-respondida: #00B0FC;
  --bg-rechazada:  #fc03d2;
  --maincitasconfirmadasyo : #BFBFFF;
  --maincitasconfirmadasel:  #9AE99E;
  --maincitasconfirmadasorg: #FFD553;
  --maincitaspendientesyo:   #DDDDFF;
  --maincitaspendientesel:   #CEF4D0;
  --maincitaspendientesorg:  #FFE495;
  --bg-primary:  #003e77;
  --bg-danger:   #dc3545 ;
  --bg-success:  #429b2f;
  --bg-warning:  #ffc107;
  --bg-info:     #17a2b8;
  --bg-secondary:#6c757d;

  /* Fuentes */
  --bs-font1:'ComfortaaRegular', Arial, sans-serif;
  --bs-font2:'ComfortaaMedium', Arial, sans-serif;
  --bs-font3:'ComfortaaBold', Arial, sans-serif;


  /* Tamaños letras */
  --bs-nav-link-font-size: 12px;

/*
  --bs-font1:'MontserratExtra', sans-serif;
  --bs-font2:'MontserratRegular', sans-serif;
  --bs-font3:'MontserratBold', sans-serif;

  --bs-font1:'ComfortaaRegular', Arial, sans-serif;
  --bs-font2:'ComfortaaMedium', Arial, sans-serif;
  --bs-font3:'ComfortaaBold', Arial, sans-serif;

  --bs-font1:'RobotoLight', Arial, sans-serif;
  --bs-font2:'RobotoRegular', Arial, sans-serif;
  --bs-font3:'RobotoMedium', Arial, sans-serif;

  --bs-font1:'OxygenLight', Arial, sans-serif;
  --bs-font2:'OxygenRegular', Arial, sans-serif;
  --bs-font2:'OxygenBold', Arial, sans-serif;

  --bs-font1:'LatoLight', Arial, sans-serif;
  --bs-font2:'LatoRegular', Arial, sans-serif;
  --bs-font3:'LatoBold', Arial, sans-serif;

  --bs-font1:'PoppinsExtraLight', Arial, sans-serif;
  --bs-font2:'PoppinsLight', Arial, sans-serif;
  --bs-font3:'PoppinsRegular', Arial, sans-serif;

  --bs-font1:'QuicksandLight', Arial, sans-serif;
  --bs-font2:'QuicksandRegular', Arial, sans-serif;
  --bs-font3:'QuicksandBold', Arial, sans-serif;

  --bs-font1:'RalewayExtraLight', Arial, sans-serif;
  --bs-font2:'RalewayLight', Arial, sans-serif;
  --bs-font3:'RalewayMedium', Arial, sans-serif;
  */
  
}

html{
  position:relative;
  font-family: var(--bs-font1)!important;
}

body {
  font-family: var(--bs-font1)!important;
  color: var(--mediumblack);
  background-color: var(--white);
/*  background: url("../img/index/fondo.jpg");*/
  background-repeat: repeat-y;
  background-position: top;
}

.nav-link {
	font-size: var(--bs-nav-link-font-size)!important;
}	

.mainboton, .mainboton2 {
  font-family: var(--bs-font2)!important;
}

.maintitulo1, .maintitulo2, .maintitulo3centrado, .maintitulo3, .maintitulo4 {
  font-family: var(--bs-font3)!important;
}

.maintable1, .maintable2, .maintable3, .maintable4,.maintablesectors {
  font-family: var(--bs-font1)!important;
}

.maincomentario1, .maintextoresaltado2, .maintextoresaltado {
  font-family: var(--bs-font2)!important;
}
.maintexto, .maintextocampo {
  font-family: var(--bs-font1)!important;
}

.mainenlace, .mainsector, .mainpiepagina, .mainlista1, .mainlista2 {
  font-family: var(--bs-font1)!important;
}

.maincitasconfirmadasyo, .maincitasconfirmadasel, .maincitasconfirmadasorg, .maincitaspendientesyo, .maincitaspendientesel, .maincitaspendientesorg {
  font-family: var(--bs-font2)!important;
}

.maintablesoportevalidacion, .maintablesoporte, .maintablesoporte2, .maintablesoporte3, .bajodepagina {
  font-family: var(--bs-font1)!important;
}

div.maintitulocss3, div.maintitulocss3 h4, div.mainsubtitulocss3  {
  font-family: var(--bs-font3)!important;
}  

h1, h2, h3, h4, h5, h6 {
	font-family: var(--bs-font3)!important;
}

.contenido_formulario_titulo, .contenido_formulario_subtitulo, .maintitulosoporte, .presentacion-titulo, .presentacion-subtitulo {
  font-family: var(--bs-font1)!important;
}

@media only screen and (max-width: 950px) {
  body {
    font-size: 12px;
    color:var(--black);
    line-height: normal;
    font-weight: normal;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-size: cover;
    background-color: var(--white);
/*    background: url("../img/index/fondo_moviles.jpg");*/
    background-position: top;
    background-attachment: fixed;
    /*background-size: 100%;*/
    background-repeat: no-repeat;
  }
}

.footer {
  background-color: transparent;
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
.footer__slider {
  width: 75%;
  margin: 0 auto;
}
.img-align {
  vertical-align: bottom;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.custom-bullet {
  list-style-image: url('../img/vineta_icon.png');
}

/* ========== index.html =========== */
.container-body-index {
 background-color: transparent;
 /*background-image: url('/img/index/fondo_container-body.jpg');*/
 background-position: top;
 min-height: 200px;
}

@media (min-width: 801px) {
 .frmlogin{
    margin-left: 30px;
    margin-top: 10px;
 }
}

.contenedor-login{
 max-width: 1030px;
 min-height: 70px;
 margin: auto;
 background:var(--blue);;
 position: relative;
 color:var(--white);
}

a.link_login{
 text-decoration: none;
 color: var(--gray3);
 font-family: var(--bs-font2)!important;
}

a.otro_link{
 text-decoration: none;
 color: var(--white);
 font-size: 12px;
}

.boton{
  min-width: 150px;
  color: var(--black);
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  display: table;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.boton_rojo{
  min-width: 150px;
  color: var(--red);;
  border-radius: 10px;
  text-decoration: none;
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 50px;
  display: table;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.boton_login{
  vertical-align: middle;
  min-width: 90px;
  min-height: 32px;
  font-family: var(--bs-font2)!important;
  letter-spacing: 1px;
  border-radius: 6px;
  border: 1px var(--white) solid;
  background-color:var(--white);
  font-size: 12px;
  color: var(--black);
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.inputLogin {
 margin-top: 18px;
 font-family: var(--bs-font1)!important;
 width: 260px;
 height: 45px;
 background-color:var(--gray2);
 text-align: center;
 /*text-transform: uppercase;*/
 display: table-cell;
}

.img-btn:hover{
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}

.p-msj {
  color:var(--gray3);
  text-align:center;
  margin:auto;
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}

.v-msj {
  color:var(--gray2);
  text-align:center;
  margin:auto;
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.img_boton {
 max-width: 32px;
}

.boton:hover {
 color:var(--gray3);
 /*-moz-box-shadow: 0 0 10px #ccc;
 -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;*/
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}

/* ================== Botones frmindex.html ====================== */
.btn-index {
  margin: auto;
  width: 150px;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-family: var(--bs-font2)!important;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  color:var(--white);
  box-shadow: 5px 5px 8px var(--gray2);
  font-family: var(--bs-font3)!important;
}
.btn-index-expo-esp {
  background-color: var(--amarillo);
  border: 0px var(--white) solid;
}
.btn-index-expo-ing {
  background-color: var(--amarillo);
  border: 0px var(--white) solid;
}
.btn-index-comp-esp {
  background-color: var(--verde);
  border: 0px var(--white) solid;
}
.btn-index-comp-ing {
  background-color: var(--verde);
  border: 0px var(--white) solid;
}
.btn-index-invi-esp {
  background-color: var(--red);
  border: 0px var(--white) solid;
}
.btn-index-invi-ing {
  background-color: var(--red);
  border: 0px var(--white) solid;
}
.btn-index-pres-esp {
  background-color:var(--azul2);
  border: 0px var(--white) solid;
}
.btn-index-pres-ing {
  background-color: var(--azul2);
  border: 0px var(--white) solid;
}

/*========= FIN index.html =========*/



div.container-body {
  background: rgba(255,255,255,0.89);
  height: 100%;
  margin: auto;
 /*background-color: #F5F7F6;*/
 /*background-image: url('../img/index/fondo_container-body.jpg');*/
 background-position: top;
 width: 100%;
}

@media (min-width: 600px) {
 div.sub-container-body{
  background-color: transparent;
  margin:75px 100px 75px 100px;
 }
}

.red{
  color:var(--red);
  font-size: 14px;
}

.tabla-cronograma,
.tabla-cronograma tr,
.tabla-cronograma td {
 background-color: transparent;
 border: 2px;
 border-style: solid;
 border-color:var(--azul2);
}


/*============== Customizacion bootstrap =============== */


.btn.btn-primary {
  background-color: var(--bg-principal2);
  border-color:var(--bg-principal2);
  font-family: var(--bs-font3)!important;
  white-space: break-spaces;
}

.navbar-default {
  background: var(--bg-principal2);
  border-color: var(--bg-principal2);
  font-size: 12px;
  width: 100% !important;
}

label {
   font-size: 15px;
}
.navbar-nav{
  float:none!important;
  display: flex;
  justify-content: space-around;
}
.navbar-nav > li > a {
  line-height: 13px!important;
}

@media (min-width: 768px){
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 950px){
  .navbar-nav{
    /*float:left!important;*/
    display: inline;
  }
  
  .option_principal {
      width: 100%!important;
      text-align: left!important;
  }
 
  .navbar-nav > li > a {
    line-height: 20px!important;
  }

}
/*============== Ficha de Empresas =============== */
.btn_empr{
  color: var(--white);
  background-color: var(--bg-principal2);
}
.redes_sociales_empr{
  color: var(--azul2)!important;
}
.subtitle5table{
  background:var(--bg-secundario4);
}
.mens_empr{
  background:var(--bg-secundario4);
}


/*============== Spinner loading =============== */
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,0,255, 0.2);
  border-right: 1.1em solid rgba(0,0,255, 0.2);
  border-bottom: 1.1em solid rgba(0,0,255, 0.2);
  border-left: 1.1em solid var(--bg-secundario4);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
  z-index: unset!important;
}
#div_idiomas img{
  display: -webkit-inline-box;
  padding: 5px;
}
.callout {
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important;
  border-radius: .25rem;
  background-color:var(--white);
  padding: 1rem;
  margin-bottom: 1rem !important;
}

.callout-info {
  border-left: 5px solid var(--gray2);
  border-left-color:var(--bg-principal2);
}

.callout-warning {
  border-left: 5px solid var(--gray2);
  border-left-color:var(--red);
}
.titulo_error {
  color:var(--red);
  font-family: var(--bs-font3)!important;
  text-transform: uppercase;
}

.btn-norespondido, .btncolor{
   background:var(--norespondido)!important;
   font-family: var(--bs-font3)!important;
}

.btn-respondido{
   background:var(--respondido)!important;
   font-family: var(--bs-font3)!important;
  
}

/* ============= Dashboard Usuario ============== */
.perfil_persona{
  background: #013666;
  color:var(--white);
}
.perfil_persona_logo{
  border: 1px solid var(--white);
  background-color: var(--white);
}  
.perfil_persona_logo > p {
  color:#013666;
}
.perfil_persona_boton_ver_perfil{
  color:var(--white);
  border: 1px solid var(--white);
}
.perfil_persona_boton_ver_perfil a{
  color:var(--white);
}
.boton_tablero{
  background: var(--bg-secundario3);
  border: 1px solid var(--bg-secundario3);
}
.tablero_icon{
  background:var(--white);
  color:var(--black);
}
.texto_boton_tablero{
  color:var(--bg-secundario1);
  font-family: var(--bs-font2)!important;
}
.resumen_informacion{
  background: var(--white);
}
.resumen_informacion_recuerda{
  background: var(--bg-secundario3);
}
.resumen_informacion_titulo{
  color:var(--black);
}
.linea {
  color:var(--black);
  border-right: 1px solid var(--gray2);
}
.bg-confirmada{
  background: var(--bg-confirmada);
}
.bg-pendiente{
  background: var(--bg-pendiente);
}
.bg-cancelada{
  background: var(--bg-cancelada);
}
.bg-respondida{
  background: var(--bg-respondida);
}
.bg-rechazada{
  background: var(--bg-rechazada);
}
.dash_span{
  color: var(--mediumblack);
}
.estado_cita{
  color:var(--white);
  font-family: var(--bs-font2)!important;
}


/* ============== Checkbox switch (Buscador) ================= */

.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
  border: 1px solid #dbdbdb;
  background-color: rgb(255, 255, 255);
  border-color: rgb(223, 223, 223);
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
  background: rgb(255,255,255);
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
  background-color:var(--bg-secundario1);
  border-color:var(--bg-secundario1);
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
  background-color: rgb(220, 220, 220);
  border-color: rgb(220, 220, 220);
  box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
  background-color: rgb(232,235,238);
  border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
  background-color: rgb(248,249,250);
  border-color: rgb(243, 243, 243);
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.option_principal{
  width: 10em;
  text-align: center;
}
.nav > li > a {
  padding: 10px 5px;
}  

/* Caracteristicas a cambiar en main.css */
.mainboton {
	color: var(--white);
  background-color:var(--bg-principal1);
}
.mainboton:hover {
	color:var(--black);
	background-color:var(--lightgray);
	border: solid 1px var(--lightgray);
}
.mainboton2 {
	color: var(--white);
  background-color:var(--bg-principal2);
}
.mainboton2:hover {
	color: var(--black);
	background-color: var(--bg-secundario4);
	border: solid 1px lightgray;
}

.maintitulo1 {
  color:var(--bg-secundario1);
}

.maintitulo2 {
  color: var(--black);
  border-bottom: solid 0.1475rem var(--bg-secundario1);
  font-weight: bold;
} 

.maintitulo3centrado {
	color: var(--white);
  background-color: var(--bg-principal1)!important;
}
.maintitulo4 {
	color: var(--gray3);
	background-color: var(--bg-secundario4);
}

.maintable3 {
	background-color: var(--white);
}
.maintable4 {
	background-color:var(--gray);
}

.maintablesectors {
	background-color: var(--white);
	color: var(--mediumblack);
	border-color:var(--bg-secundario3);
}

.maintablesectors tr:hover {
	background-color:var(--white);
	color:var(--mediumblack);
}

.maintablesectors tr {
	background-color:var(--white);
}

.maintablesectors td {
	border-color:var(--azul2);
}
.maincomentario1 {
	background-color: var(--azul2);
	color: var(--mediumblack);
}
.maintextoresaltado2 {
  color:var(--red);
}
.maintextocampo {
	color:var(--gray);
	background-color: var(--white);
	border: 1px solid var(--gray2);
}
.maintextocampo:hover, .maintextocampo:focus {
	border: 1px solid var(--bg-primary);
	color:var(--black);
}
.maintextoresaltado {
	color: var(--red);
}
.mainenlace {
	color:var(--bg-primary);
}
.mainsector {
	color:var(--black);
}
.mainpiepagina {
	background-color: var(--black);
	color:var(--white);
}
.mainlista1 {
	background-color: var(--white);
}
/* -------------------------- CITAS -------------------------------*/
.maincitasconfirmadasyo {
	background-color: var(--maincitasconfirmadasyo);
	color:var(--black);
}
.maincitasconfirmadasel {
	background-color: var(--maincitasconfirmadasel);
	color:var(--black);
}
.maincitasconfirmadasorg {
	background-color: var(--maincitasconfirmadasorg);
	color: var(--black);
}
.maincitaspendientesyo {
	background-color:var(--maincitaspendientesyo);
	color: var(--black);
}
.maincitaspendientesel {
	background-color:var(--maincitaspendientesel);
	color: var(--black);
}
.maincitaspendientesorg {
	background-color:var(--maincitaspendientesorg);
	color: var(--black);
}
/* -------------------------- DISENO SOPORTE -------------------------------*/

.maintablesoportevalidacion {
	background-color: var(--lightgray);
}
.maintablesoporte {
	background-color: var(--gray3);
}
.maintablesoporte2 {
	background-color:var(--red2);
}
.maintablesoporte3 {
	background-color: var(--white);
}
.bajodepagina {
	color:var(--gray);
}

/* ---------------------------------------------CS3------------------------------ */
div.maintitulocss3 {
	color: var(--bg-secundario1);
}
div.maintitulocss3 h4{
	color: var(--bg-secundario1);
}
div.mainsubtitulocss3 {
	color:var(--bg-secundario1);
}
div.fondo_contenido2{
	border:2px solid var(--gray2);
	background-color:var(--white);
}
.fondo_parte_formulario {
	background-color: var(--white);
  -webkit-box-shadow:0 0px 4pxvar(--bg-secundario1), 0 0 20px var(--white) inset;
  -moz-box-shadow:0 0px 4px var(--bg-secundario1), 0 0 20px var(--white) inset;
  box-shadow:0 0px 4pxvar(--bg-secundario1), 0 0 20px var(--white) inset;
}
h4 {
  color: var(--bg-principal2);
}
h5 {
	color: var(--bg-principal2);
}
h6 {
	color: var(--bg-principal2);
}
.contenido_formulario_titulo {
	color: var(--bg-secundario2);
}
.contenido_formulario_subtitulo {
	color: var(--gray);
}
.maintitulosoporte {
	color:  var(--black);
}
.maintextosoporte {
	color: var(--gray);
}
.titulo_campo {
	color: var(--black);
	text-shadow: 0px 1px 0px  var(--white);
}
.tablecontacto {
	background-color: var(--gray);
}
.presentacion-titulo {
	color: var(--bg-principal2);
}
.presentacion-subtitulo {
	color:var(--bg-principal2);
}

/* ========================= CARDS.CSS ============================= */ 
.card {
  background-color: var(--white);
  border: 0 solid rgba(0, 0, 0, 0.125);
}

.card-primary:not(.card-outline) .card-header {
  background-color: var(--bg-principal1)!important;
}
.card-primary:not(.card-outline) .card-header,
.card-primary:not(.card-outline) .card-header a,
.card-header:first-child {
  color:var(--white)!important;
}
.card-primary:not(.card-outline) .card-header a.active {
  color: var(--gray3)!important;
}
.card-primary.card-outline {
  border-top: 3px solid var(--bg-principal2)!important;
}
.card-primary.card-outline-tabs .card-header a:hover {
  border-top: 3px solid var(--white);
}
.card-primary.card-outline-tabs .card-header a.active {
  border-top: 3px solid var(--bg-principal2);
}
.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}
.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
  color:var(--white);
}
.redes_sociales_empr{
  color:var(--red)!important;
}
.subtitle4table{
  background: var(--bg-secundario3);
  font-family: var(--bs-font2)!important;
  padding: 7px;
}
.subtitle5table{
  background: var(--white);
  font-family: var(--bs-font2)!important;
}
.mens_empr{
  background: var(--white);
}
.text-muted {
  color: var(--gray3)!important;
}
.status1{
  background: var(--bg-primary);
  color:var(--white);
}
.status2{
  background: var(--bg-danger);
  color:var(--white);
}
.status3{
  background:var(--bg-success);
  color:var(--white);
}
.status4{
  background:var(--bg-info);
   color:var(--white);
}
.status5{
  background:var(--bg-secondary);
  color:var(--white);
}
.btn-info {
    color:var(--white);
    background-color: var(--bg-info);
    border-color:var(--bg-info);
    font-family: var(--bs-font3)!important;
}
.btn-info:hover {
    color: var(--white);
    background-color:var(--gray2);
    border-color:var(--gray2);
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: var(--white);
    background-color: var(--bg-primary);
    border-color: var(--bg-primary);
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color:var(--white);
    background-color: var(--gray2);
    border-color:var(--gray2);
}
.card-primary.card-outline {
    border-top: 3px solid var(--bg-primary)!important;
}

/* ========================================== */
.info-box {
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
    background:var(--white);
}
.bg-primary, .bg-primary > a {
    color: var(--white) !important;
    background-color:var(--bg-primary) !important;
}
.bg-danger, .bg-danger > a {
    color:var(--white) !important;
}
.bg-danger {
    background-color: var(--bg-danger) !important;
}

.bg-success, .bg-success > a {
    color:var(--white)!important;
}
.bg-success {
    background-color: var(--bg-success)  !important;
}
.bg-warning, .bg-warning > a {
    color: var(--mediumblack)!important;
}
.bg-warning {
    background-color: var(--bg-warning) !important;
}
.bg-info, .bg-info > a {
    color:var(--white) !important;
}
.bg-info {
    background-color:var(--bg-info) !important;
}
.bg-secondary, .bg-secondary > a {
    color: var(--white)!important;
}
.bg-secondary {
    background-color: var(--bg-secundary) !important;
}
.bg-violet {
    background-color: var(--violet) !important;
}
.bg-violet, .bg-violet > a {
  color:var(--white) !important;
}
.bg-black {
  background-color: #343433 !important;
}
.bg-black , .bg-black  > a {
  color: var(--white) !important;
}
.small-box .icon {
  color: rgba(0,0,0,.15);
  z-index: 0;
}
.small-box > .small-box-footer {
  background: rgba(0,0,0,.1);
  color: rgba(255,255,255,.8);
}
.small-box .icon > i.fa, .small-box .icon > i.fab, .small-box .icon > i.far, .small-box .icon > i.fas, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
  color: rgba(0,0,0,.15);
}
.btn-secondary {
  color: var(--white);
  background-color: var(--bg-secondary);
  border-color:var(--bg-secondary);
  font-family: var(--bs-font2)!important;
  font-family: var(--bs-font2) !important;
  font-size: 12px;
  /*white-space: break-spaces;*/

}

div.sub-container-body {
  background-color: transparent;
  margin: 5px 10px 5px 10px!important;
}
/*!
 * Modificado por : Yaremi Paz 17/10/2022
 * Solo para el uso del dasboard de usuario
 */
.bg-principal1 {
	background:var(--bg-principal1) !important;
	color: var(--white);
}
.bg-principal2{
	background:var(--bg-principal2)!important;
	color: var(--white);
}
.bg-secundario1 {
	background:var(--bg-secundario1)!important;
	color: var(--white);
}
.bg-secundario2 {
	background:var(--bg-secundario2)!important;
	color:var(--white);
}
.bg-secundario3 {
	background: var(--bg-secundario3)!important;
	color: var(--white);
}
.bg-secundario4 {
	background:var(--bg-secundario4)!important;
	color: var(--white);
}
.dash_menu_boton{
  color: var(--white);
}
div.container-body, body {
  background: #f1f1f1 !important;
}
#contenido_web{
  background:var(--white)!important;	
}
/* =======================  New for boostrap ================== */
.nav-item{
  font-size:1em;
  font-weight: 400;
  font-family: var(--bs-font2)!important;
}
.col-form-label{
  font-size: 15px;
  color:var(--bg-principal1)!important;	
  font-family: var(--bs-font2)!important;
  font-weight: bold;
}
td, tr {
  border-color:#f1f1f1!important;	
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #F0F0F0 !important;
  color: var(--bg-primary)!important;	
}
.nav-link {
  color: var(--bg-primary)!important;	
} 
.btn-default{
  background-color: #F0F0F0 !important;
  color: var(--bg-secondary)!important;	
  font-family: var(--bs-font3)!important;
}
.comp{
  background-color:var(--bg-principal1) !important;
  color: var(--white)!important;	
}
.comp a{
  color: var(--white)!important;	
}
.expo{
  background-color: var(--red2) !important;
  color: var(--white)!important;	
}
.expo a{
  color: var(--white)!important;	
}
.pres{
  background-color:var(--amarillo) !important;
  color: var(--white)!important;	
}
.pres a{
  color: var(--white)!important;	
}
.inve {
  background-color:#ffd500 !important;
}
.inve a{
  color: var(--black)!important;	
}
.proy {
  background-color:#ff4845 !important;
}
.proy a{
  color: var(--white)!important;	
}
.emis {
  background-color:#02f5d4 !important;
}
.emis a{
  color: var(--black)!important;	
}
.rece {
  background-color: #80ee98 !important;
}
.rece a{
  color: var(--black)!important;	
}
.navbar{
  font-family: var(--bs-font2)!important;
}
label{
  font-family: var(--bs-font2)!important;
}
.card {
  font-family: var(--bs-font1)!important;
}
.text-info {
  color: var(--red2) !important;
}
.has-error{
  color: var(--red)!important;	
}
b {
  font-family: var(--bs-font2)!important;
}
.nav-item:hover{
  background-color: var(--lightgray2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.list-group-item{
  font-size:13px!important;
}
#cods_acti{
  font-size:13px!important;
}
.menu-preregistro, .menu-buscar {
  display:none;
}
#menuparticipantesregistrados{
  font-size:0.65rem!important;
}