html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}

th {
    text-align: center;
    vertical-align: middle;
}

.row_disabled {
    background: #e5e5e5;
}

td {
    vertical-align: middle;
}

@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}


.panel {
    background-color: whitesmoke;
}

.dash-azul {
    color: #007bff;
}

.dash-verde {
    color: #28a745;
}

.solo-lectura {
    pointer-events: none;
    background-color: #f8f9fa; /* opcional, para indicar que está bloqueado */
    color: #555;
}

select.readonly {
    pointer-events: none; /* No permite abrir el select */
    background-color: #e9ecef; /* Mismo estilo que input readonly */
    color: #495057;
}