body {
  font-family: "Roboto", arial, sans-serif;
  font-size: 100%;
}

.header-secondary{
  background: #1F2133;
}

.header-secondary i{
  color: #fff;
  font-size: 1rem;
}

.header-secondary .fab{
  color: #FFFFFF;
}

/* home */

.home-hero {
  height: 420px;
  border-radius: 5px;
  background-image: url(../images/HomeLobby2025.png);
  background-size: cover;
  background-position: center;
}

.borde-redondo-25 {
  border-radius: 25px;
}
.card.bienvenidos .card-title{
 font-size: 16px;
}

.card.bienvenidos ul li{
  font-size: 1rem;
 }

.card.bienvenidos ol li{
  font-size: 1rem;
 }

.card.bienvenidos dl dt{
  font-size: 1rem;
 }

.card.bienvenidos dl dd{
  font-size: 1rem;
 }

.card.bienvenidos table th{
  font-size: 1rem;
 }

.card.bienvenidos table span{
  font-size: 1rem;
 }

.card.bienvenidos .card-text{
  font-size: 16px;
 }

.cards-home-container {
  transform: translateY(-5rem);
}
.card-home {
  border-radius: 8px;
}
.card-header{
  min-height: 80px;
}
.card-home .card-header {
  background-color: #2A63A9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color:white;
  font-weight: bold;
}

.card-home .card-header img{
  width: 10rem;
}

.card-home .card-body {
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 7rem;
}

.card-home .card-body a{
  color:black;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

footer {
  color: #fff;
  background-color: #112D48;
}
footer ul {
  list-style: none;
  padding: 0;
}

footer .card{
  background: none;
}

footer ul li {
  line-height: 2rem;
  font-size: 1rem;
}

footer ul li a{
  color: #fff;
  text-decoration: none;
}



footer ul li a:hover {
  color: #e0e0e0;
}

footer .logo-gobierno {
  width: 50%;
  height: 50%;
}

.table-dark {
  --bs-table-bg: #2A63A9;
  border-color: #2A63A9;
}

.navbar-dark, .bg-dark{
  background-color: #1F2133 !important;
}



.lobby-base {
    font-size: 16px !important;
}

.nav_header {
    background-color: #1F2133;
    color: white;
    height: 92px;
}

.nav-link {
    color: white;
    font-weight: bold;
}

.nav-link:hover {
    color: #0d6efd;
    text-decoration: underline;
}

#loginApp {
    background-color: #ffffff;
    color: #344054;
    border-radius: 0 !important;
    font-weight: 600;
}

.header_logo_rrss {
    height: 136px;
    background-color: #001c41;
}

#accessibilidadMenu:hover {
    text-decoration: none;
}

.lobby-grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

.blackBackground {
    background-color: black !important;
}
.high-contrast a, .high-contrast li, .high-contrast p , .high-contrast label {
    color: #0080FF !important;
}
.high-contrast .card-body  {
    background-color: black !important;
}
.high-contrast th  {
    color: #0080FF !important;
}
.high-contrast h1, .high-contrast h2, .high-contrast h3, .high-contrast h4, .high-contrast h5, .high-contrast h6{
    color: #40C090 !important;
}
.high-contrast .dropdown-menu{
    background-color: black !important;
    border-color: white !important;
}
.high-contrast .card-header{
    color: #40C090 !important;
}
.high-contrast .card-header i{
    color: black !important;
}
.high-contrast table{
    border-color: white !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.high-contrast table thead.table-dark th{
    color: #40C090 !important;
    background-color: black !important;
}
.high-contrast table tbody tr:nth-of-type(odd) td {
    background-color: #2e2d2c !important;
    color: #0080FF !important;
    box-shadow: none !important;
}

.high-contrast table tbody tr:nth-of-type(even) td {
    background-color: black !important;
    color: #0080FF !important;
    box-shadow: none !important;
}

.high-contrast .left-nav-menu .col-2, .high-contrast .left-nav-menu .col-10{
    background-color: black !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: white !important;
}

.high-contrast .btn-outline-dark, .high-contrast .btn-danger{
    border-color: white !important;
    background-color: transparent !important;
}

.high-contrast .alert{
    background-color: black !important;
    border-color: white !important;
}
.high-contrast .alert-danger{
    color:red !important;
}
.high-contrast .btn-primary,.high-contrast .btn-success{
    background-color: transparent !important;
    color: white !important;
    border-color: white !important;
}
a {
    cursor: pointer
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 1000; 
}