/* Contenido de styles.css */
@media only screen and (min-width: 768px) {
    nav img {
        max-width: 100px;
        height: auto;
    }
    .titulo{
        margin-top: 30px;
    }
    .busqueda-placa{
        margin-left: 5%;
        display: inline-block;
    }
    .busqueda-placa-actualizacion{
        margin-left: 65%;
        display: inline-block;
    }
    .table th, .table td {
        text-align: center;
    }
    .table-consulta{
        margin-top: 20px;
        margin-left: 35px;
    }
    .table-registro{
        margin-left: -35px;
        width: 78%;
    }
    .table-actualizacion {
        margin-top: 50px;
        margin-left: -100px;
    }
    .form-inline {
        margin-left: 35%;
    }
    .btn-custom {
        background-color: #ff6600;
        color: #fff;
        cursor: pointer;
    }
    .btn-custom:hover {
        color: #000;
    }
    .custom-link {
        color: #ff6600;
        text-decoration: none;
        text-decoration: underline;
        margin-left: 1350px;
        margin-bottom: -50px;
    }
    .custom-link-salir {
        color: #ff6600;
        text-decoration: none;
        text-decoration: underline;
        margin-bottom: -50px;
        margin-left: 10px;
    }
    .custom-link:hover {
        color: #cc5500;
    }
    .custom-link-salir:hover {
        color: #cc5500;
    }
    .custom-link-pagina {
        color: #ff6600;
        text-decoration: none;
        text-decoration: underline;
        width: auto;
        margin-left: -30px;
    }
    .custom-link-pagina:hover {
        color: #cc5500;
    }
    .custom-link-registrar{
        color: #ff6600;
        text-decoration: none;
        text-decoration: underline;
        width: auto;
        margin-left: 15px;
    }
    .custom-link-registrar:hover {
        color: #cc5500;
    }
    .box{
        position: relative;
        margin-top: 5%;
        margin-left: 30%;
        margin-right: 30%;
        width: 30%;
        padding: 30px;
    }
    .logo-login img {
        width: 60%; 
        height: auto;
        display:block;
        margin:auto;
    }
    .container {
        display: flex;
        margin-top: 30px;
        margin-left: 20px
    }
    .form-container{
        position: absolute;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .form-container form {
        width: 100%; /* Ajusta el ancho del formulario al contenedor */
        max-width: 400px; /* Establece un ancho máximo según tus necesidades */
        padding: 20px; /* Ajusta el relleno del formulario según tus necesidades */
    }
    .form-container img {

        margin-bottom: 20px; /* Agrega margen inferior a la imagen */
    }
    .col-sm-12 {
        width: 100%;
        margin-left: -150px;
    }
    .table{
        max-width: 200%;
        width: 150%;
        font-size: 14px;
    }
    .table td, .table th {
        padding: 0.45rem;
        vertical-align: middle;
        border-top: 1px solid #dee2e6;
    }
    .table-light th, .table-light thead th {
        vertical-align: middle;
    }
    .fila-tabla{
        transition: background-color 0.3s; 
    }
    .fila-tabla:hover{
        background-color: #eeecec
    }
    fieldset{
        border: 1px solid #ccc; /* Borde de 1 píxel sólido de color gris claro */
        border-radius: 5px; /* Esquinas redondeadas */
        padding: 20px; /* Espaciado interno para separar el contenido del borde */
        margin-bottom: 20px; /* Margen inferior para separar múltiples fieldsets si es necesario */
        margin-top: -12px;
        width: 80%;
        margin-left: -30px;
    }
    /* Estilo para la leyenda (título) del fieldset */
    legend {
        font-weight: bold; /* Hacer el texto en negrita */
        color: #333; /* Color del texto */
        width: auto;
        font-size: 110%;
    }
    .form-group-registro {
        margin-bottom: 5rem;
    }
    .usuario-logueado1{
        margin-left: 1280px;
        margin-bottom: -50px;
    }
    .usuario-logueado2{
        margin-left: 900px;
        margin-bottom: -50px;
    }
    .opt-filtros{
        padding: 5px;
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .leyenda-filtros{
        font-weight: normal;
        font-size: medium;
    }
    label {
        display: inline-block;
        margin-bottom: 0rem;
        margin-top: 15px;
    }
    .form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
        margin-top: -20px;
    }
    .form-check {
        display: block;
        padding-left: 1.5rem;
        margin-top: -5px;
    }
    .form-check-label {
        margin-top: 0rem;
    }
    .btn-insertar{
        background-color: #ff6600;
        color: #fff;
        width: 100%;
        cursor: pointer;
    }
    .btn-insertar:hover{
        color: #000;
    }
    .buscar-item{
        margin-top: 10px;
        width: 20%;
    }
    .alert {
        width: 80%;
    }
    .alert-registro{
        margin-left: -4%;
    }
    .btn-buscar_actualizacion{
        background-color: #ff6600;
        color: #fff;
        margin-top: -68px;
        margin-left: 170px;
        width: 120px;
        cursor: pointer;
    }
    .btn-buscar_actualizacion:hover{
        color: #000;
    }
    .custom-input-actualizacion{
        width: 55% !important;
        margin-left: 0px;
        font-size: 16px; /* Tamaño de la fuente del input */
        font-weight: bold; /* Texto en negrita */
        text-transform: uppercase; /* pone a mayúsculas */
    }
    .btn-index {
        background-color: #ff6600;
        color: #fff;
        width: 120px;
        cursor: pointer;
    }
    .btn-index:hover{
        color: #000;
    }
    .custom-input-placa{
        width: 55% !important;
        margin-right: 5px;
        font-size: 16px; /* Tamaño de la fuente del input */
        font-weight: bold; /* Texto en negrita */
        text-transform: uppercase; /* pone a mayúsculas */
    }
    .input-text{
        text-transform: uppercase; 
    }
    .modified-row {
        background-color: orange; /* fila resaltada cuando actualiza */
      }
    .table.dataTable.dataTable_width_auto {
        width: 200%;
      }
    /* Estilos del modal    */
    .modal-content {
        width: 120%;
        margin-left: -10%;
        margin-top: 20%;
    }
    .text-primary {
        color: #000000 !important;
    }
    .col-item {
        width: 100%;
        margin-left: 30px;
        margin-top: -32px;
    }
    .form-row1 {
        margin-top: 5px;
    }
    .custom-width-id{
        width: 25% !important;
    }
    .form-inline .form-control {
        width: 100%;
    }
    .form-fila {
        margin-top: -15px;
    }
    .form-check-filtros {
        justify-content: normal !important;
        padding: 1px !important;
        margin-left: 25px;
    }
    .btn-cerrar {
        color: #fff;
        background-color: #8f9091;
        border-color: #8f9091;
        width: 18%;
        cursor: pointer;
    }
    .btn-cerrar:hover {
        color: #000;
    }
    .error-modal{
        margin-left: 0%;
        display: flex;
        flex-direction: row;
    }
}