@media (min-width: 0px) and (max-width: 520px) {

    body {
        font-size: xx-small;
    }

    img {
        width: 100%;
    }

    .btn.btn-sm.btn-primary.botonconsultar.mibtn,
    .btn.btn-sm.btn-success.botonmodificar.mibtn,
    .btn.btn-sm.btn-danger.botoneliminar.mibtn {
        padding: 0;
        width: 10px;
        height: 15px;
    }

    .svg-inline--fa.fa-file-alt.fa-w-12.misvg,
    .svg-inline--fa.fa-file-signature.fa-w-18.misvg,
    .svg-inline--fa.fa-trash-alt.fa-w-14.misvg {
        font-size: 10px !important;
        vertical-align: 5px !important;
    }

    .card-body {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .dataTables_wrapper.container-fluid.dt-bootstrap4.no-footer {
        padding-left: 5px;
        padding-right: 5px;
    }

    table {
        font-size: 6px !important;
        padding: 0 !important;
    }

    th {
        padding-left: 2px !important;
        padding-right: 0 !important;
    }

    input.form-control.form-control-sm {
        width: 115px !important;
        /*max-width: 115px !important;*/
    }

    .modal-body strong {
        font-size: xx-small;
    }

    .modal-dialog {
        max-width: 10px;
        width: auto;
    }

    .card-header.alert-primary {
        font-size: 10px;
    }

    .form-check-label {
        font-size: xx-small;
        width: 80px;
    }

    .form-check.form-check-inline {
        width: 90px;
    }

    .table.table-user-information {
        margin-left: 20px !important;
        width: 230px !important;
    }

}
 /*X-Small devices (portrait phones, less than 576px)*/
@media (min-width: 521px) and (max-width: 572px) {

    body {
        font-size:xx-small;
    }

    img {
        width: 100%;
    }

    table {
        /*background: red;*/
        font-size: 7px;
        /*border-collapse:  inherit;*/
        border-spacing: 0;
        /*width: 100%;*/
        border: 1px solid #ddd;
    }

  
    
    /*th,  td {
        text-align: left;
        padding: 0px;
        margin: 0px;
        width: 9px;
    }*/

    /*.svg-inline--fa .fa-file-signature .fa-w-18 {
        font-size: 10px;
    }*/

    /*button .btn-sm {
        padding: 0;
        width: 20px;
        height: 25px;
    }*/
      

    table tr {
       /* width: 400px;*/
    }

    .table-bordered.miclass.dataTable.no-footer {
        width: 400px;
        /*max-width: 100px;*/
    }

    .btn.btn-sm.btn-primary.botonconsultar.mibtn,
    .btn.btn-sm.btn-success.botonmodificar.mibtn,
    .btn.btn-sm.btn-danger.botoneliminar.mibtn {
        padding: 0;
        width: 20px;
        height: 25px;
    }

    .svg-inline--fa.fa-file-alt.fa-w-12.misvg,
    .svg-inline--fa.fa-file-signature.fa-w-18.misvg,
    .svg-inline--fa.fa-trash-alt.fa-w-14.misvg {
        font-size: 14px !important;
    }

    .modal-body strong {
        font-size: xx-small;
    }

    .modal-dialog {
        max-width: 10px;
        width: auto;
    }

    #divDatos {
        width: 400px;
    }

    .card-header.alert-primary {
        font-size: 10px;
    }

    .form-check-label {
        font-size: xx-small;
        width: 80px;
    }

    .form-check.form-check-inline {
        width: 90px;
    }

}

 /*Small devices (landscape phones, less than 768px)*/
@media (min-width: 573px) and (max-width: 768px) {
    body {
        font-size: xx-small;
    }

    img {
        width: 100%;
    }

    table {
        /*background: red;*/
        font-size: xx-small;
        border-collapse: collapse;
        border-spacing: 0;
        width: 300px;
        border: 1px solid #ddd;
    }

    th, td {
        text-align: left;
        padding: 0px;
    }

    .modal-dialog {
        max-width: 500px;
    }
}

 /*Medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px) {
    .modal-dialog {
        max-width: 800px;
    }
 
}

 /*Large devices (desktops, less than 1200px)*/
@media (min-width: 1199.98px) {
    .modal-dialog {
        max-width: 800px;
    }
   
}

 /*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .modal-dialog {
        max-width: 800px;
    }
  
}