body {
    background-color: #c4cada;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

.cardcabecera {
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(218, 216, 216);
}

.cardcuerpo {
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(218, 216, 216);
}

.card-title {
    margin-right: 25px;
    margin-top: 0px;
}

.rubik {
    font-family: "Rubik";
    color: rgb(0, 0, 0);
}

.divider {
    width: 60%;
    height: 2px;
    background-color: #6d858c; /* Color del separador */
    margin: 15px 0; /* Espaciado vertical */
    border-radius: 2px;
}

.rubik_radio {
    font-family: "Rubik";
    font-size: 14px;
    color: black;
}

.radioc {
    background-color: #fff;
}

.rounded {
    border-radius: 0.25rem !important;
    border: 1px solid #ccc;
    padding: 4px;
}

.tablecont {
    text-align: center;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.btn_enviar {
    background-color: #fff;
}



.title_table {
    background-color: #353a52 !important;
    font-family: "Rubik";
    color: #ffffff !important;
    text-align: center !important;
    padding: 4px !important;
}


.text_table {
    font-family: "Rubik";
    font-size: 14px;
    text-align: center
}

.text_radio {
    font-family: "Rubik";
    font-size: 14px;
    text-align: center;
}

td {
    vertical-align: middle;
    padding: 0 !important;
}

.td_content {
    padding: 0 !important;
}

.form-control, .form-select {
    width: 100%;
    height: 100% !important;
    box-sizing: border-box;
    border: none;
}

.form-group .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

input[type="text"].form-control, input[type="number"].form-control, .form-check-input[type="radio"], .form-check-input[type="checkbox"]  {
    background: #e9e8e8;
}

.form-check-input[type="radio"]:checked, .form-check-input[type="checkbox"]:checked {
    background-color: #3d7ad6;
    border-color: #616466;
}

.btn_agregar, .btn_eliminar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    background: #d8d7da;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.table-bordered {
    border: 1px solid #000000;
}

.container_aprobacion {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.title_container_aprobacion {
    font-family: "Rubik";
    color: #a5444c !important;
    padding: 4px !important;
}
.link_formulario{
    text-align: center;
    margin-top: 35px;
}

.container_form{
    background-color: #F0F0F0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='271' height='271' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23BEBEBE' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FF4E4E'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

.alert{
    padding: 1px;
    margin-bottom: 1px;
    border-radius: 5px;
    text-align: center;
}

.button-pdf{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px 5px 5px;
}

#buscarFormulario {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
}

.formulario-row.destacado td {
    background-color: #fff3cd !important;
    font-weight: 600;
}

.formulario-row.destacado input.form-control {
    background-color: #fff3cd !important;
    font-weight: 600;
}

    .btn-csv-export {
    background-color: #198754;
    color: #fff;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    font-family: inherit;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .btn-csv-export:hover {
    background-color: #157347;
  }

  .btn-csv-export svg {
    fill: #fff;
  }


.timeline {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
}

.timeline .timeline-item {
    position: relative;
}

.timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .timeline-item:after {
    /* background-color: rgb(230, 230, 230);
    */
    background-color: rgb(55, 209, 137);
    left: -38px;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
}
/*--------------------------------------------------------------*/

/* ===============================================================
   COLORES DINÁMICOS POR SECCIÓN (cliente / proveedor)
   =============================================================== */

/* Tablas dentro de la sección PROVEEDOR (color por defecto, ya definido arriba) */
body.tema-proveedor .title_table {
    background-color: #353a52 !important;
}

/* Tablas dentro de la sección CLIENTE */
body.tema-cliente .title_table {
    background-color: #354f52 !important;
}

.btn-logout-power {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #F8FAFC;
    margin-left: 12px;
    transition: background 0.2s ease, color 0.2s ease;
}
.btn-logout-power:hover {
    background: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}