.textguardarcobro{width:100%!important;font-size: 16px;}
.enviarporcorreobtn{color:#000; margin-top: 11px; margin-left:10px!important; background:#ff3b3b !important;width:35%;}
.imprimircomprobantebtn{color:#000;margin-left: 10px!important;background:#4CAF50!important;font-size: 17px;width: 35%;margin-top: 14px;}
.espacioabajo{margin-bottom: 15%!important;}
.inputscobros{text-align:center;background: ghostwhite;font-size: 15px;font-weight: 600;float: left;}
.btndivcobro{background: none!important;margin: 0px!important;padding: 0px!important;margin-left: 15px!important;margin-top: 10px!important;}
.flotacobro{position: fixed;background: lightgray;bottom: -20px;margin-left: -33px !important;padding: 4px;}
.guardarcobro{margin-top: 11px;width: 40%;float: left;}
.btncancelcobro{margin-top: 11px;margin-right: 20px;background:red!important;width: 40%!important;margin-left: 10px;}
.labelcobro{text-align:center;font-size: 14px;font-weight: 700;}
.noseve{display: none;}
#tablaResultados 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 10;
  display: none;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 200px !important;
  overflow: scroll;
}
#tablaResultados td {
    padding: 5px;
    border-top: 1px solid #ccc;
    padding:15px;
}
.pdfconstancia{
    margin-top: 11px;
    color: #fff;
    background: orange;
    margin-left: 10px;
    border-radius: 6px;
    width: 24%;
    padding-top: 17px;
    height: 49px;
    cursor: pointer;
    }
.pdfconstancia:hover{
    background: darkorange;
    }

tr.odd input,
tr.even input {
    border-radius: 5px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    width: 90px;
    border-color: #f0f0f0;
    border-width: 1px;
    }
input:not(#password):not(#passwordRep):not(#codigo_confirmacion) {
    text-transform: uppercase!important;
}
      
td{
     text-transform: uppercase!important;
    }   
h6{
    font-size: 15px;
}
.descargartablas{
    float: left;
    margin-top: 35px;
}
        .btn-exceldos {
            cursor: pointer;
            background: yellowgreen;
            padding: 8px;
            border-radius: 19px;
            font-weight: 700;
            padding-left: 20px;
            padding-right: 20px;
            float: left;
            margin-top: -30px;
            transition: background-color 0.3s ease;
            margin-left: 10px; /* Transición para el cambio de color de fondo */
        }

        .btn-exceldos:hover {
            background: limegreen; /* Cambiar el color de fondo al pasar el mouse sobre el botón */
        }
        .btn-pdfdos {
            cursor: pointer;
            background: orangered;
            padding: 8px;
            border-radius: 19px;
            font-weight: 700;
            padding-left: 20px;
            float: left;
            padding-right: 20px;
            margin-top: -30px;
            transition: background-color 0.3s ease;
            margin-left: 10px; /* Transición para el cambio de color de fondo */
        }

        .btn-pdfdos:hover {
            background: orange; /* Cambiar el color de fondo al pasar el mouse sobre el botón */
        }


.fechasgraficas{float: left;width: 50%;background: none;border: none;}
.fechasgraficas input{width: 32%!important;margin-left: 2px;}
.titulograficas{width: 50%;float: left;padding-top: 25px;}
    .mostrarmobildos select{
        width: 100%!important;
        margin-top: -16px !important;
    }
body p.texto {
    float: right;
    width: 89%;
    margin-top: -4px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.multiselect {
            position: relative;
            display: inline-block;
            width: 23%;
            margin-top: 10px;
            margin-left: 10px;
        }
        .selectBox {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            height: 41px;
            padding-top: 9px !important;
            cursor: pointer;
            padding: 7px;
            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: white;
            overflow: hidden;
        }
        .selectBox::after {
            content: "\25BC";
            position: absolute;
            right: 10px;
            top: 10px;
        }
        .checkboxes {
            display: none;
            position: absolute;
            z-index: 1;
            border: 1px solid #ccc;
            border-top: none;
            background-color: white;
            max-height: 150px;
            overflow-y: auto;
            width: 100%;
        }
        .checkboxes label {
            display: block;
            padding: 5px;
        }
        .checkboxes label:hover {
            background-color: #f1f1f1;
        }        
        .selectAll {
            display: block;
            padding: 5px;
            cursor: pointer;
            background-color: #f1f1f1;
            text-align: center;
        }
        .selectAll:hover {
            background-color: #ddd;
        }



















.input-container {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    width: 100%;
}

.input-container span {
    margin-right: 5px;
    margin-left: 5px;
    color: #666;
    font-size: 2em;
}

.input-container input {
    border: none;
    background: none;
    outline: none;
    font-size: 1em;
    padding: 5px;
    flex-grow: 1;
}

.input-container input[type=number] {
    -moz-appearance: textfield;
}

.input-container input::-webkit-outer-spin-button,
.input-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.notificaciones{width: 59%; margin:.5%; padding:10px; float:left; background:aqua; box-sizing:border-box; border-radius: 10px;}
.ingresos{width: 12%; margin:.5%; padding:10px; float:left; background:forestgreen; color:#fff; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;padding-top: 25px;padding-bottom: 13px;}
.egresos{width: 12%; margin:.5%; padding:10px; float:left; background:orangered; color:#fff; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;padding-top: 25px;padding-bottom: 13px;}
.saldo{width: 12%; margin:.5%; padding:10px; float:left; background:greenyellow; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;padding-top: 25px;padding-bottom: 13px;}
.superior{margin-top: -6px!important;margin-bottom: -6px!important;}
.slide-container {}
#slide-text {font-size: 17px;color: #333;}
.daterange {display: inline-block;width: 100%;padding: 6px !important;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor: pointer;}
.datetimerange {width: 100%;max-width:100;cursor: pointer;}
.daterange:focus {border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
.add-button {width: 100%;padding: 10px;background-color: #4CAF50;color: white;border: none;border-radius: 4px;cursor: pointer;}
    .add-button:hover {background-color: #45a049;}
    .number-input {position: relative;width: 100px;margin: 0 auto;}
    .number-input input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;margin: 0;width: 100%;text-align: center;border: 1px solid #ccc;border-radius: 5px;outline: none;padding: 0.5em;box-sizing: border-box;}
    .number-input input[type="number"]::-webkit-inner-spin-button,
    .number-input input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
    .number-input input[type="number"]:hover,
    .number-input input[type="number"]:focus {border-color: #aaa;}
    .number-input button {position: absolute;top: 0;background-color: #f5f5f5;border: none;color: #666;width: 2em;height: 100%;font-size: 1em;cursor: pointer;padding: 0;outline: none;border-radius: 5px;}
    .number-input button:hover {background-color: #ddd;}
    .number-input button:first-of-type {left: 0;}
    .number-input button:last-of-type {right: 0;}
    .number-input {position: relative;width: 100px;margin: 0 auto;}
    .number-input input[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;margin: 0;width: 100%;text-align: center;border: 1px solid #ccc;border-radius: 5px;outline: none;padding: 0.5em;box-sizing: border-box;}
    .number-input input[type="number"]::-webkit-inner-spin-button,
    .number-input input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
    .number-input input[type="number"]:hover,
    .number-input input[type="number"]:focus {border-color: #aaa;}

    .number-input button {position: absolute;top: 0;background-color: #f5f5f5;border: none;color: #666;width: 2em;height: 100%;font-size: 1em;cursor: pointer;padding: 0;outline: none;border-radius: 5px;}
    .number-input button:hover {background-color: #ddd;}
    .number-input button:first-of-type {left: 0;}
    .number-input button:last-of-type {right: 0;}
    .upload-photo {position: relative;width: 100%;}
    .input-file {display: none;}
    .file-label {display: block;padding: 10px;background-color: #f0f0f0;border: 1px solid #ccc;border-radius: 5px;text-align: center;cursor: pointer;}
    .file-label i {margin-right: 5px;}
    .preview {margin-top: 10px;width: 100%;height: 150px;background-color: #f0f0f0;background-size: cover;background-position: top;border: 1px solid #ccc;border-radius: 5px;}
    .paginacion a {text-align: center;display: inline!important;}
    input[type="time"] {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;font-size: 16px;}
    .formObj {max-width: 99%;margin: 0 auto;padding: 0px 30px 15px 25px;border: 1px solid #ccc;border-radius: 5px;background-color: #f9f9f9;display: flex;flex-wrap: wrap;margin-top: 10px;}
    .formObj .column {flex: 1;padding: 0 10px;}
    .formObj div {margin-bottom: 15px;}
    .formObj label {display: block;margin-bottom: 5px;}
    .formObj input[type="text"],.formObj input[type="email"],.formObj input[type="password"],.formObj input[type="number"],.formObj input[type="date"], .formObj select,.formObj button {width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;font-size: 16px;}
    .select2-container--default .select2-selection--single {width: 100% !important;padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;font-size: 16px;height: 40px !important;}
    .select2-container--default .select2-selection--multiple {width: 100% !important;padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;font-size: 16px;height: 40px !important;}
    .select2-container--default {width: 100% !important;}
    .archivo {position: relative;overflow: hidden;display: inline-block;padding: 6px 12px;cursor: pointer;border: 1px solid #ccc;border-radius: 4px;background-color: #2DD2F7;color: #333;width: 99%;float:left;margin: 0.5%;margin-top: 15px;transition: background-color 0.3s;}
    .archivo:hover {background-color: #1CAAC9;}
    .archivo input[type=file] {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;cursor: pointer;}
    .formObj button {background-color: #4CAF50;color: white;border: none;cursor: pointer;width: 25%;text-align: center;}
    .formObj button:hover {background-color: #45a049;}
    .formObj a {display: block;margin-top: 10px;text-align: center;}
    #togglePassword {background-color: transparent;border: none;cursor: pointer;padding: 0;margin-left: 5px;font-size: 14px;color: #007bff;}
    #togglePassword:hover {text-decoration: underline;}
    .placeholder {color: #999;font-style: italic;}

    #tabla3_wrapper .dataTables_length,
    #tabla3_wrapper .dataTables_filter {display: none;}
    #tabla3_wrapper .sorting:before,
    #tabla3_wrapper .sorting_asc:before,
    #tabla3_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla3_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla3 {border-collapse: collapse;width: 100%;}
    #tabla3 td, #tabla3 th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla3 th {background-color: #91328A;color: white;text-align: center;}
    #tabla3 tbody tr:nth-child(odd) {background-color: #f2f2f2;}
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla3_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}
    #tabla4_wrapper .dataTables_length,
    #tabla4_wrapper .dataTables_filter {display: none;}
    #tabla4_wrapper .sorting:before,
    #tabla4_wrapper .sorting_asc:before,
    #tabla4_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla4_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla4 {border-collapse: collapse;width: 100%;}
    #tabla4 td, #tabla4 th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla4 th {background-color: #91328A;color: white;text-align: center;}
    #tabla4 tbody tr:nth-child(odd) {background-color: #f2f2f2;}
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla4_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}


    #tabla5_wrapper .dataTables_length,
    #tabla5_wrapper .dataTables_filter {display: none;}
    #tabla5_wrapper .sorting:before,
    #tabla5_wrapper .sorting_asc:before,
    #tabla5_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla5_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla5 {border-collapse: collapse;width: 100%;}
    #tabla5 td, #tabla5 th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla5 th {background-color: #91328A;color: white;text-align: center;}
    #tabla5 tbody tr:nth-child(odd) {background-color: #f2f2f2;}
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla5_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}


    #tabla6_wrapper .dataTables_length,
    #tabla6_wrapper .dataTables_filter {display: none;}
    #tabla6_wrapper .sorting:before,
    #tabla6_wrapper .sorting_asc:before,
    #tabla6_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla6_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla6 {border-collapse: collapse;width: 100%;}
    #tabla6 td, #tabla6 th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla6 th {background-color: #91328A;color: white;text-align: center;}
    #tabla6 tbody tr:nth-child(odd) {background-color: #f2f2f2;}
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla6_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}


    #tabla2_wrapper .dataTables_length,
    #tabla2_wrapper .dataTables_filter {display: none;}
    #tabla2_wrapper .sorting:before,
    #tabla2_wrapper .sorting_asc:before,
    #tabla2_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla2_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla2 {border-collapse: collapse;width: 100%;}
    #tabla2 td, #tabla2 th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla2 th {background-color: #91328A;color: white;text-align: center;}
    #tabla2 tbody tr:nth-child(odd) {background-color: #f2f2f2;}    
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla2_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}
    #tabla_wrapper .dataTables_length,
    #tabla_wrapper .dataTables_filter {display: none;}
    #tabla_wrapper .sorting:before,
    #tabla_wrapper .sorting_asc:before,
    #tabla_wrapper .sorting_desc:before {content: "\25B2";padding-left: 5px;}
    #tabla_wrapper .sorting_desc:before {content: "\25BC";}
    #tabla {border-collapse: collapse;width: 100%;}
    #tabla td, #tabla th {border: 1px solid #ddd;padding: 8px;text-align: center;}
    #tabla th {background-color: #91328A;color: white;text-align: center;}
    #tabla tbody tr:nth-child(odd) {background-color: #f2f2f2;}
    .tabla-img {width: 50px;height: 50px;border-radius: 50%;}
    #tabla_info {margin-top: 10px;font-size: 14px;padding-left: 11px;}
    .dataTables_length, .dataTables_filter {margin-top: 10px;}
    .dataTables_paginate {float: right;margin-top: -10px;height: 51px;}
    .dataTables_paginate .paginate_button {padding: 5px 10px;margin-right: 5px;border: 1px solid #ccc;border-radius: 3px;background-color: #f5f5f5;cursor: pointer;}
    .dataTables_paginate .paginate_button:hover {background-color: #e0e0e0;}
    .acciones button {background-color: transparent;border: none;cursor: pointer;}
    input[type="checkbox"] {margin-left: 10px;width: 20px;height: 20px;margin-right: 5px;}
    select, input[type="text"] {margin-left: 5px;padding: 8px;font-size: 16px;border: 1px solid #ced4da;border-radius: 4px;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
    select[name="acciones"] {margin-left: 10px;width: 150px;width: 65%;}
    .formato{width: 29%!important;margin-left: 0px!important;}
    .formatobuscar{width: 81% !important;margin-left: 0px !important;}        
    button#aplicar_acciones {margin-left: 10px;padding: 8px 20px;background-color: #007bff;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;}
    .tabla-contenedor {overflow-x: auto !important;overflow-y: auto !important;max-width: 100%;margin-bottom: 20px;width: 100%;max-height: 70vh;}

    .acciones {display: flex;}
    .acciones {display: flex;}
    .acciones button {color: white;border: none;padding: 10px 12px;margin-right: 5px;border-radius: 5px;cursor: pointer;font-size: 20px;}
    .acciones button i {margin-right: 5px;}
    .acciones button:nth-child(1) {background-color: red;}
    .acciones button:nth-child(2) {background-color: #28a745;}
    .acciones button:nth-child(3) {background-color: #007bff;}
    .acciones button:nth-child(4) {background-color: orange;}

    .toTop {border: none;display: flex;cursor: pointer;transition: opacity 0.3s, transform 0.3s;position: fixed; right: 1rem; bottom: 1rem; z-index: 9999;}
    .toTop:not(.is-visible) {pointer-events: none;opacity: 0;transform: translateY(-2rem);}
    .toTop svg {stroke-width: 3px;stroke: currentColor;fill: none;width: 24px;}
    .toTop {background-color: #252525;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);border-radius: 0.5rem;padding: 0.75rem;color: #fff;}

    /* Barra de desplazamiento */
    ::-webkit-scrollbar { width: 2px;}
    ::-webkit-scrollbar-track {background: #f1f1f1;}
    ::-webkit-scrollbar-thumb {background: #000;}
    ::-webkit-scrollbar-thumb:hover {background: #2e2c2c;}

    p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
    body {margin: 0px;font-family: Arial, sans-serif;padding: 0 0 0 36px;}
    *{box-sizing: border-box;}

    .contenedor_encabezado {width: 100%;box-sizing: border-box;background: #000;color: #fff;padding-left: 36px;padding-top: 8px;padding-bottom: 8px;}
    .contenedor_principal {width: 100%;box-sizing: border-box; float: left; padding-top: 8px;padding-bottom: 8px;}
    .bloques {width: 99%;margin: .5%;padding: 10px;float: left;background: #f0f0f0;box-sizing: border-box;border-radius: 10px;}
    .bloquesgraficas {width: 99%;margin: .5%;margin-top: 0px;    float: left;    box-sizing: border-box;border-radius: 10px;}
    .chart-container {margin-top:15px!important;position:relative;width: 24%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px;height: 300px;padding-bottom: 50px;}
    .chart-containerdos {margin-top:15px!important;position:relative;width: 49%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px; height: 300px;padding-bottom: 50px;}
    .chart-containertres {margin-top:15px!important;position:relative;width: 90%;margin:5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px; height: 300px;padding-bottom: 50px;}
    .con_interiores {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b !important;font-weight: 600;color:#fff;}
    .con_interiores:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .con_interioresdos {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b!important;font-weight: 600;color:#fff;}
    .con_interioresdos:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}        
    .contenedores_cat {width: 19%;margin: .5%;background: #f0f0f0;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;transition: transform 0.3s ease;}
    .contenedores_cat:hover {transform: scale(1.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

    .fafafa {font-size: 30px;color: white;}
    .button-icon {border: none;background: none;cursor: pointer;}
    
    .no-arrows::-webkit-inner-spin-button,
    .no-arrows::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
    .no-arrows {-moz-appearance: textfield;}
    .imgpersona{width: 25%;padding-top: 3px;height: auto;margin-left: 0px;margin-right: auto;box-shadow: 0 0 115px #000;}
    .btn {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #dc3545;color: #fff!important;font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btn:hover {background-color: #c82333;}
    .btndorado {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #ffd700; /* Color dorado */color: #000!important; /* Letras negras */font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btndorado:hover {background-color: #c0c000; /* Cambio de tono dorado al pasar el cursor */}
    h2{font-size: 19px;}
    .logo img {width: 110px;height: auto;margin-right: 10px;}
    
    .mostrar_expandido {display: none;}
    .top-bar {display: none;}
    .checkmobil{width: 11%;height: 50px;float: left;padding-top: 4px;background: #f0f0f0;padding-left: 5px;margin-top: 12px;margin-bottom: -12px;}
    .checkmobil label{margin-left: 2px !important;display: block;margin-top: -40px;}
    .selectmobil{width: 27%; float: left;padding-top: 8px;background: #f0f0f0;}
    .buscarmobil{width: 28%; float: left;padding-top: 8px;background: #f0f0f0;}
    .mostrarmobil{width: 25%; float: left;padding-top: 8px;background: #f0f0f0;} 
    .mostrarmobildos{width: 14%; float: left;padding-top: 8px;}     
    .mostrarmobildos select{
    width: 55% !important;
    margin-top: 1px !important;
    }
    .mostrarmobil select{width: 66%;padding: 9.8px}
    .masmobil{width: 8%; float: left;padding-top: 8px;background: #f0f0f0;}
    .asistencia{width: 8%; float: left;padding-top: 8px;background: #f0f0f0;}

    .buscarmobilreg{width: 28%; float: left;padding-top: 8px;}
    .mostrarmobilreg{width: 14%; float: left;padding-top: 8px;margin-left: 10px;} 
    .checkmobilreg{width: 7%;height: 50px;float: left;padding-top: 25px;padding-left: 9px;margin-top: 12px;margin-bottom: -12px;}
    .checkmobilreg label{margin-left: 2px !important;display: block;margin-top: -40px;}

    .formsuc{width:24%;float:left; margin:.5%;margin-top: 15px;}
    .cincuenta{width:49%;float:left; margin:.5%;margin-top: 15px;}
    .cien{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .ciendos{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitres{width:32.3%;float:left; margin:.5%;margin-top: 15px;}
    .treintaitresdos{width:32.3%;float:left; margin:.5%;}
    .lbNum{margin-bottom: 5px;}
    .lbRad{float:left;margin-right:70px;padding: 8px;}
    .veinticinco{width:24%;float:left; margin:.5%;margin-top: 15px;}
    .veinticincodos{width:24%;float:left; margin:.5%;margin-top: 58px;}        
    .message {padding: 10px;border-radius: 5px;font-size: 16px;font-weight: bold;margin-top: 10px;margin-bottom: 15px;margin-left: 10px;}
    .red {background-color: #ffe6e6;border: 1px solid #ff9999;color: #cc0000;}
    .green {background-color: #e6ffe6;border: 1px solid #99ff99;color: #006600;}
    select, input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="time"], input[type="date"], input[type="datetime-local"] {
    border: 1px solid #ccc;border-radius: 5px;padding: 8px;font-size: 16px;}
    .masmobil{display: block !important;}
    
    .foto_emp_suc{width: 96px;border-radius: 100%;}
    .treintaitresacien{width:32.3%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresacienfecha{width:32.3%;float:left; margin:.5%;margin-top: 15px;margin-bottom: 0px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresaciendos{width:32.3%;float:left;}
    .treintaitresacienmin{width:32.3%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .sesentaiseis{width:65%;float:left; margin:.5%;margin-top: 15px;}

    .trece{width:13%;float:left;}
    .doce{width:20%;padding-top: 41px;float:left;}
    .docedos{width:20%;padding-top: 41px;float:left;}
    .cuarentaitres{width:39%;float:left; margin:.5%;margin-top: 15px; border-radius:10px; padding:10px;}
    .noventa{width:90%; float:left;box-sizing: border-box;}
    .sesentainueve{width:69%; float:left;box-sizing: border-box;}
    .setentainueve{width:79%; float:left;box-sizing: border-box;}
    .diez {width:10%;float: left;margin-left: 0.5%;}
    .diez button{width:100%!important;}
    .mas{background:#ff3b3b !important; width:85%;}    
    .masasistencia{background:#ff3b3b !important; width:85%;}   
    .fechas{width:20%!important;margin-top: 8px!important;float:left!important;}



@media only screen and (max-width: 1056px) {
    .textguardarcobro{width:100%!important;font-size: 15px;}
    .enviarporcorreobtn{color:#000; margin-top: -9px; margin-left:10px!important; background:#ff3b3b !important;font-size: 13px;}
    .imprimircomprobantebtn{color:#000;margin-left: 10px!important;background:#4CAF50!important;font-size: 14px;width: 35%;margin-top: -9px;}
    .espacioabajo{margin-bottom: 15%!important;}
    .inputscobros{text-align:center!important;background: ghostwhite!important;font-size: 11px!important;font-weight: 600!important;float: left!important;}
    .btndivcobro{background: none!important;margin: 0px!important;padding: 0px!important;margin-left: 15px!important;margin-top: 28px!important;}
    .flotacobro{        position: fixed;
        background: lightgray;
        bottom: -17px;
        margin-left: -33px !important;
        padding: 5px;}
    .guardarcobro{margin-top: -10px;width: 40%;float: left;}
    .btncancelcobro{margin-top: -10px;margin-right: 20px;background:red !important;width: 40%!important;margin-left: 10px;font-size: 15px;}
    .labelcobro{text-align:center;font-size: 11px;font-weight: 700;}
    .fechasgraficas{float: left;width: 75%;background: none;border: none;}
    .fechasgraficas input{width: 32%!important;margin-left: 2px;}
    .titulograficas{width: 25%;float: left;padding-top: 30px;font-size: 18px;}
    .notificaciones{width: 99%; margin:.5%; padding:10px; float:left; background:aqua; box-sizing:border-box; border-radius: 10px;}
    .ingresos{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:forestgreen; color:#fff; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;}
    .egresos{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:orangered; color:#fff; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;}
    .saldo{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:greenyellow; box-sizing:border-box; border-radius: 10px;padding-top: 25px;padding-bottom: 13px;}
    .superior{margin-top: -6px!important;margin-bottom: 0px!important;}
    .fechas{width:30%!important;margin-top: 8px!important;float:left!important;}
    .formato{width: 40%!important;margin-left: 0px!important;}
    .formatobuscar{width: 66% !important;margin-left: 0px !important;}
    .mas{background:#ff3b3b !important; width:85%;}    
    .masasistencia{background:#ff3b3b !important; width:85%;} 
    select, input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="time"] {
    border: 1px solid #ccc;border-radius: 5px;padding: 8px;font-size: 16px;}
    body {margin: 0px;font-family: Arial, sans-serif;padding: 0 0 0 36px;}
    .imgpersona{width: 25%;padding-top: 5px;height: auto;margin-left: 0px;margin-right: auto;box-shadow: 0 0 115px #000;}
    .telefono{display: none;}

    .contenedor_encabezado {font-size: 15px; width: 100%;box-sizing: border-box;background: #000;color: #fff;padding-left: 36px;padding-top: 8px;padding-bottom: 8px;}
    h1{font-size: 15px; margin: 0px; padding: 0px;}
    .contenedor_principal {width: 100%;box-sizing: border-box;padding-top: 8px;padding-bottom: 8px; float: left;}
    .bloques {width: 99%;margin: .5%;padding: 10px;float: left;background: #f0f0f0;box-sizing: border-box;border-radius: 10px;}
    .bloquesgraficas {width: 49%;margin: .5%;margin-top: 0px;    float: left;    box-sizing: border-box;border-radius: 10px;}
    .chart-container {margin-top:5px!important;position:relative;width: 49%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px;height: 300px;padding-bottom: 50px;}
    .chart-containerdos {margin-top:5px!important;position:relative;width: 49%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px; height: 300px;padding-bottom: 50px;}
    .con_interiores {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b !important;font-weight: 600;color:#fff;}
    .con_interiores:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .con_interioresdos {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b!important;font-weight: 600;color:#fff;}
    .con_interioresdos:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}        
    .contenedores_cat {width: 32%;margin: .5%;background: #f0f0f0;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;transition: transform 0.3s ease;}
    .contenedores_cat:hover {transform: scale(1.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

    .btn {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #dc3545;color: #fff!important;font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btn:hover {background-color: #c82333;}
    .btndorado {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #ffd700; /* Color dorado */color: #000!important; /* Letras negras */font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btndorado:hover {background-color: #c0c000;}
    
    .checkmobil{width: 11%;height: 50px;float: left;padding-top: 4px;background: #f0f0f0;padding-left: 11px;}
    .selectmobil{width: 33%;height: 50px; float: left;padding-top: 8px;background: #f0f0f0;}
    .selectmobil select[name="acciones"] {margin-left: 10px;width: 120px;}
    .buscarmobil input{width: 100px;}
    .buscarmobil{width: 23%;height: 50px; float: left;padding-top: 8px;background: #f0f0f0;}
    .mostrarmobil{width: 33%;height: 50px; float: left;padding-top: 8px;background: #f0f0f0;padding-left: 11px;} 
    .mostrarmobildos {
        width: 34%;
        height: 50px;
        float: left;
        padding-top: 8px;
        padding-left: 11px;
    }
    .masmobil{width: 10%;height: 50px; float: left;padding-top: 8px;background: #f0f0f0;}
    .asistencia{width: 10%;height: 50px; float: left;padding-top: 8px;background: #f0f0f0;}

    .buscarmobilreg{width: 28%; float: left;padding-top: 8px;}
    .mostrarmobilreg{width: 14%; float: left;padding-top: 8px;margin-left: 10px;} 
    .checkmobilreg{width: 7%;height: 50px;float: left;padding-top: 25px;padding-left: 9px;margin-top: 12px;margin-bottom: -12px;}
    .checkmobilreg label{margin-left: 2px !important;display: block;margin-top: -40px;}

    .formsuc{width:24%;float:left; margin:.5%;margin-top: 15px;}
    .cincuenta{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .cien{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .ciendos{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitres{width:32.3%;float:left; margin:.5%;margin-top: 15px;}
    .treintaitresdos{width:32.3%;float:left; margin:.5%;}
    .lbNum{margin-bottom: 5px;}
    .lbRad{float:left;margin-right:50px;padding:5px;}
    .veinticinco{width:49%;float:left; margin:.5%;margin-top: 15px;}
    .veinticincodos{width:24%;float:left; margin:.5%;margin-top: 58px;}        

    .foto_emp_suc{width: 96px;border-radius: 100%;}
    .treintaitresacien{width:49%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresacienfecha{width:49%;float:left; margin:.5%;margin-top: 15px;margin-bottom: 5px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresaciendos{width:32.5%;float:left;}
    .treintaitresacienmin{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .sesentaiseis{width:65%;float:left; margin:.5%;margin-top: 15px;}

    .trece{width:13%;float:left;}
    .doce{width:20%;padding-top: 41px;float:left;}
    .docedos{width:20%;padding-top: 41px;float:left;}
    .cuarentaitres{width:39%;float:left; margin:.5%;margin-top: 15px; border-radius:10px; padding:10px;}
    .noventa{width:85%; float:left;box-sizing: border-box;}
    .sesentainueve{width:69%; float:left;box-sizing: border-box;}
    .setentainueve{width:79%; float:left;box-sizing: border-box;}
    .diez {width:10%;float: left;}
    .diez button{width:100%!important;}
    .tabla-contenedor {overflow-x: auto !important;overflow-y: auto !important;max-width: 100%;margin-bottom: 20px;width: 100%;max-height: 70vh;}
}

@media only screen and (max-width: 750px) {
    .textguardarcobro{width:100%!important;font-size: 11px;}
    .enviarporcorreobtn{color:#000; margin-top: 11px; margin-left:20px!important; background:#ff3b3b !important;font-size: 13px;margin-bottom: 7px;}
    .imprimircomprobantebtn{color:#000;margin-left: 10px!important;background:#4CAF50!important;font-size: 13px;width: 35%;margin-top: 14px;margin-bottom: 7px;}
    .inputscobros{        text-align: center !important;
        background: ghostwhite !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        float: left !important;
        height: 22px !important;
        border-radius: 4px !important;}
    .btndivcobro{        background: none !important;
        margin: 0px !important;
        padding: 0px !important;
        margin-top: -8px !important;}
    .guardarcobrobtn{font-size: 10px;height: 30px;}
    .flotacobro{        position: fixed;
        background: lightgray;
        bottom: -4px;
        margin-left: 0px !important;
        padding: 2px;
        width: 100% !important;}
    .guardarcobro{margin-top: 11px;width: 40%;float: left;}
    .btncancelcobro{        margin-top: 11px;
        margin-right: 20px;
        background: red !important;
        width: 40% !important;
        margin-left: 10px;
        font-size: 10px;
        height: 32px;
        margin-bottom: 4px;}
    .espacioabajo{margin-bottom: 145px !important;}
    .labelcobro{text-align:center;font-size: 11px;font-weight: 700;}
    .fechasgraficas{float: left;width: 100%;background: none;border: none;}
    .fechasgraficas input{width: 32% !important;margin-left: 2px;margin-top: -6px !important;margin-bottom: 11px !important;}
    .titulograficas{width: 100%;float: left;padding-top: 12px;font-size: 26px;text-align: center;}
    .notificaciones{width: 99%; margin:.5%; padding:10px; float:left; background:aqua; box-sizing:border-box; border-radius: 10px;}
    .ingresos{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:forestgreen; color:#fff; box-sizing:border-box; border-radius: 10px;}
    .egresos{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:orangered; color:#fff; box-sizing:border-box; border-radius: 10px;}
    .saldo{margin-bottom: 9px;width: 32.3%; margin:.5%; padding:10px; float:left; background:greenyellow; box-sizing:border-box; border-radius: 10px;}
    .superior{margin-top: -6px!important;margin-bottom: 0px!important;}
    .fechas{width: 98% !important;margin-top: 8px !important;float: left !important;margin-left: 5px;}
    .formato{width: 26%!important;margin-left: 0px!important;}
    .formatobuscar{width: 100% !important;margin-left: 0px !important;}   
    p{font-size: 14px;}
    body {padding-left: 0px; padding-top: 60px;}    
    select, input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="time"], input[type="date"], input[type="datetime-local"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #fff;padding: 8px;border-radius: 5px;border: 1px solid #ccc;font-size: 16px;height: 50px;}
    .top-bar {position:fixed; background-color: #1D2327;color: #fff;height: 60px;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;z-index: 1; width: 100%; top: 0px;}
    .logomobil img {display: block;width: 110px;height: auto;margin-right: 10px;}
    .imgpersona{width: 25%;padding-top: 5px;height: auto;margin-left: 0px;margin-right: auto;box-shadow: 0 0 115px #000;}

    .contenedor_encabezado {font-size: 15px; width: 100%;box-sizing: border-box;background: #000;color: #fff;padding-left: 36px;padding-top: 8px;padding-bottom: 8px;}
    h1{font-size: 20px; margin: 0px; padding: 0px;}
    .contenedor_principal {width: 100%;box-sizing: border-box;padding-top: 8px;padding-bottom: 8px;float: left;}
    .bloques {width: 99%;margin: .5%;padding: 10px;float: left;background: #f0f0f0;box-sizing: border-box;border-radius: 10px;}
    .bloquesgraficas {width: 99%;margin: .5%;margin-top: 0px;    float: left;    box-sizing: border-box;border-radius: 10px;}
    .chart-container {margin-top:0px!important;position:relative;width: 99%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px;height: 350px;padding-bottom: 50px;}
    .chart-containerdos {margin-top:0px!important;position:relative;width: 99%;margin:0.5%;float:left;background: #f0f0f0;padding: 10px;border-radius: 10px; height: 350px;padding-bottom: 50px;}
    .con_interiores {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b !important;font-weight: 600;color:#fff;}
    .con_interiores:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .con_interioresdos {width: 49%;margin: .5%;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;background: #ff3b3b!important;font-weight: 600;color:#fff;}
    .con_interioresdos:hover {transform: scale(1.02);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}        
    .contenedores_cat {width: 49%;margin: .5%;background: #f0f0f0;padding: 10px;border-radius: 10px;float: left;box-sizing: border-box;transition: transform 0.3s ease;}
    .contenedores_cat:hover {transform: scale(1.05);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

    .btn {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #dc3545;color: #fff!important;font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btn:hover {background-color: #c82333;}
    .btndorado {display: inline-block;padding: 0.3em 0.3em;border: none;border-radius: 4px;background-color: #ffd700; /* Color dorado */color: #000!important; /* Letras negras */font-size: 1em;font-weight: bold;text-align: center;text-decoration: none!important;cursor: pointer;transition: background-color 0.3s;}
    .btndorado:hover {background-color: #c0c000;}
    .checkmobil{width: 21%;height: 50px;float: left;background: none;margin-left: 0px;margin-right: 3px;padding-top: 8px;}
    .checkmobil label{margin-left: 18px;}
    .selectmobil{width: 100%;height: 50px;float: left;padding-top: 8px;background: none;margin-top: 0px;margin-bottom: -5px;}
    .selectmobil select[name="acciones"] {margin-left: 10px;width: 70%;}
    .buscarmobil input{width: 104% !important;margin-left: -16px !important;}
    .mostrarmobil select{margin-left: -6px;width: 104%;}
    .buscarmobil{width: 97%;height: 50px;float: left;padding-top: 8px;background: none;padding-left: 11px;margin-top: 14px;}
    .mostrarmobil{margin-top: 22px;width: 97%;height: 50px;float: left;padding-top: 8px;background: none;padding-left: 11px;margin-bottom: 33px;} 
    .mostrarmobil label{margin-left: -5px;}
    .buscarmobil label{margin-left: -14px;}
    .mostrarmobildos label{margin-left: -13px !important;margin-top: -35px !important;position: absolute;}
    .mostrarmobildos {
        width: 100%;
        height: 50px;
        float: left;
        padding-top: 30px;
        margin-top: 28px;
        padding-left: 11px;
    }
    .mostrarmobildos select{
        width: 101% !important;
        margin-top: -16px !important;
        margin-left: -15px;
    }
    .masmobil{height: 50px;float: left;width: 100%;background: none;margin-left: -6px;margin-bottom: 6px;}
    .asistencia{height: 50px;float: left;width: 100%;background: none;margin-left: -6px;margin-bottom: 6px;}
    button#aplicar_acciones {margin-left: 10px;padding: 13px 20px;background-color: #007bff;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;}

    .buscarmobilreg{width: 55%; float: left;padding-top: 8px;}
    .mostrarmobilreg{width: 20%; float: left;padding-top: 8px;margin-left: 10px;} 
    .checkmobilreg{width: 19%;height: 50px;float: left;padding-top: 25px;padding-left: 9px;margin-top: 12px;margin-bottom: -12px;}
    .checkmobilreg label{margin-left: 2px !important;display: block;margin-top: -40px;}

    .telefono{display: block;}
    .telefonono{display: none;}
    .masmobil button{width: 98%;}
    .asistencia button{width: 98%;}
    #tabla_info {margin-top: 2px;font-size: 14px;padding-left: 11px;margin-bottom: 25px;}
    
    .formsuc{width:24%;float:left; margin:.5%;margin-top: 15px;}
    .cincuenta{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .cien{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .ciendos{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitres{width:99%;float:left; margin:.5%;margin-top: 15px;}
    .treintaitresdos{width:32.3%;float:left; margin:.5%;}
    .veinticinco{width:49%;float:left; margin:.5%;margin-top: 15px;}
    .veinticincodos{width:99%;float:left; margin:.5%;margin-top: 58px;}        

    .foto_emp_suc{width: 96px;border-radius: 100%;}
    .treintaitresacien{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresacienfecha{width:99%;float:left; margin:.5%;margin-top: 15px;margin-bottom: 5px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .treintaitresaciendos{width: 99%;margin-bottom: 0px;float: left;}
    .treintaitresacienmin{width:99%;float:left; margin:.5%;margin-top: 15px;background:#f0f0f0; border-radius:10px; padding:10px;}
    .sesentaiseis{width:99%;float:left; margin:.5%;margin-top: 15px;}

    .doce{width:100%;padding-top: 41px;float:left;}
    .docedos{width:20%;padding-top: 41px;float:left;}
    .cuarentaitres{width:100%;float:left; margin:.5%;margin-top: 15px; border-radius:10px; padding:10px;}
    .noventa{width:87%; float:left;box-sizing: border-box;}
    .sesentainueve{width:69%; float:left;box-sizing: border-box;}
    .setentainueve{width:79%; float:left;box-sizing: border-box;}
    .diez {width:10%;float: left;}
    .diez button{width:100%!important;height: 51px;}
    .formObj {max-width: 100%;margin: 0 auto;padding: 0px 0px 0px 0px;border: 1px solid #ccc;border-radius: 5px;background-color: #f9f9f9;display: flex;flex-wrap: wrap;margin-top: 10px;}

    .multiselect {
        position: relative;
        display: inline-block;
        width: 98%;
        margin-top: 10px;
        margin-left: 5px;
        }    
    .tabla-contenedor {overflow-x: auto !important;overflow-y: auto !important;max-width: 100%;margin-bottom: 20px;width: 100%;height: 50vh;}

}