html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}



p {
    margin:0;
}



    input:-internal-autofill-selected,
    input:-internal-autofill-selected:focus {
        transition: background-color 600000s 0s, color 600000s 0s;
        font-size:16px;
    }



#bottom-nav {
    position:fixed;
    bottom:10px;
    z-index:10;
    background-color:#333;
    padding:10px 0;
    width:100%;
}

    #bottom-nav .nav-item {
        text-align:center;

    }

    #bottom-nav .nav-item i {
        font-size:20px;
    }

    #bottom-nav .nav-item .text {
        text-transform:uppercase;
        text-align:center;
        font-size:12px;
    }


#profile {
    position:fixed; 
    z-index:10000; 
    right:10px; 
    top:0; 


}

#profile-picture {
    width:60px;
    border-radius:20px;
}

#profile .dropdown-menu {
    position: absolute !important;
    right: 0;
    left: auto;
}

#profile .dropdown-toggle::after {
    display: none !important; 
}


.navbar 
{
    padding: 0 !important;
}


.navbar-collapse  .navbar-nav {
    background-color: var(--bs-body-bg);
    padding: 0 15px;
}

.navbar-collapse .nav-link {
    padding: 21px 0;
}



@media (min-width: 576px) 
{

    .navbar-collapse  .navbar-nav {
        background-color: transparent;
        padding: 0;
    }

    .navbar-collapse .nav-link {
        padding: 8px 14px !important;
    }
  
}


.profile-photo 
{
    border-radius: 10px;
}



body {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header {
    flex-shrink: 0;
}

footer {
    flex-shrink: 0;
}

main {
    flex: 1 0 auto;
}




.cedula {
    flex-grow: 4 !important; /* ajusta el ancho del campo cedula contra el 1 de TIpo de documento*/
}


.ui-widget {
    font-family: "Poppins" !important;
}