* {
    font-family: 'Nunito', sans-serif;
}
html {
    font-size: 14px;
}

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

body {
    margin-bottom: 60px;
    overflow-x: hidden;
}
.nav-item-mn {
    text-decoration: none;
    color:white;
}
.ro{
    border-radius:30px;
}

h1, p {
    margin: 1em auto;
}

#dtp{
    border:none;
    outline:none;
    border-radius: 0 5px 0 5px;
}

::-webkit-calendar-picker-indicator{
    background-color:#ffffff;
    padding:5px;
    cursor:pointer;
    border-radius:3px;
}
.error {
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}
.bgi-up {
    background-image: url("../imgs/edit.png");
}
.bgi-dis {
    background-image: url("../imgs/off.png");
}

.thd-color {
    background-color: black;
    color: white;
}

.trs {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

#active{
    display:none;
}

.oculto{
    display:none;
}

.bg-bolita {
    background-image: url("../imgs/bg-main.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Esto mantiene la imagen fija mientras se desplaza la página */
    background-position: center center; /* Centra la imagen horizontal y verticalmente */
}

.navbar-icon {
    background-image: url("../imgs/btnmenu.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 2rem;
    width: 2rem;
}

.sidebar{
    width:75%;
}
.bgbolita{
    background:#D00 !important;
}

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

@media(max-width: 991px) {
    .nav-item-mn {
        color: #373a47 !important;
        font-size:1.5rem;
    }
    .offcanvas-header{
        display:flex;
        justify-content:end;
    }
    
}

@media(min-width: 992px) {
    .nav-item-mn {
        color: white !important;
    }
}