/* /Pages/Account/UserInfoDisplay.razor.rz.scp.css */
.user-card[b-zawk3aao41] {
    position: relative;
    display: inline-block;
    width: 250px;    
    cursor: pointer;
    padding: 8px 16px;    
    background-color: transparent; 
    border: none; 
    box-shadow: none; 
}

.user-info[b-zawk3aao41] {
    display: flex;
    align-items: center;
}

.user-icon[b-zawk3aao41] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e0e0e0;
    overflow: hidden;
    margin-right: 8px;
}

    .user-icon img[b-zawk3aao41] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.username[b-zawk3aao41] {
    flex-grow: 1;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.dropdown-arrow[b-zawk3aao41] {
    font-size: 12px;
    color: #666;
    cursor: pointer;
}

.dropdown-menu[b-zawk3aao41] {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    width: 200px;
    max-width: 100%;
    background-color: white;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dropdown-item[b-zawk3aao41] {
    text-decoration: none;
    color: #333;
    padding: 8px 12px;
    display: block;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

    .dropdown-item:hover[b-zawk3aao41] {
        background-color: #f0f0f0;
        color: #000;
        text-decoration: none !important;
    }

.dropdown-item.logout[b-zawk3aao41] {
        color: red;
}

    .dropdown-item.logout:hover[b-zawk3aao41] {
        background-color: rgba(255, 0, 0, 0.1);
        color: red;
    }
/* /Pages/CEDUCA/AddColegiado.razor.rz.scp.css */

.texto[b-kwajoisj2e] {
    width: 60%;
    height: 35px;
    margin: 0 auto;
    border: none; /* <-- This thing here */
    border: solid 1px lightgrey;
    border-radius: 5px;
}
/* /Pages/Colegiados/FichaAcademico.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

table[b-x1s1mef4re] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-x1s1mef4re] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-x1s1mef4re] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-x1s1mef4re] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-x1s1mef4re] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-x1s1mef4re] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-x1s1mef4re] {
    border-bottom-right-radius: 10px;
}

th[b-x1s1mef4re] {
    padding: 10px 20px 0px 20px;
}

td[b-x1s1mef4re] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-x1s1mef4re] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-x1s1mef4re] {
    top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-x1s1mef4re] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-x1s1mef4re] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-x1s1mef4re] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-x1s1mef4re] {
    position: relative;
    width: 23px;
    height: 24px;
}

.editar[b-x1s1mef4re] {
    position: relative;
    width: 19px;
    height: 19px;
}

.button-add[b-x1s1mef4re] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-x1s1mef4re] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-x1s1mef4re] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}
/* /Pages/Colegiados/FichaBeneficiarios.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

table[b-xdlz56wg4c] {
    border-collapse: separate;
    border-spacing: 0 0.5em;    
    padding: 10px;
}

    table th:first-child[b-xdlz56wg4c] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-xdlz56wg4c] {
        border-radius: 0 10px 10px 0;
    }

thead[b-xdlz56wg4c],tbody[b-xdlz56wg4c],tfoot[b-xdlz56wg4c],tr[b-xdlz56wg4c],td[b-xdlz56wg4c],th[b-xdlz56wg4c] {
    border-style: none;
    border-width: 0;
}

tr td:first-child[b-xdlz56wg4c] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-xdlz56wg4c] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-xdlz56wg4c] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-xdlz56wg4c] {
    border-bottom-right-radius: 10px;
}

th[b-xdlz56wg4c] {
    padding: 10px 20px 0px 20px;
}

td[b-xdlz56wg4c] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-xdlz56wg4c] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-xdlz56wg4c] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-xdlz56wg4c] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-xdlz56wg4c] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-xdlz56wg4c] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-xdlz56wg4c] {
    position: relative;
    width: 23px;
    height: 24px;
}

.editar[b-xdlz56wg4c] {
    position: relative;
    width: 19px;
    height: 19px;
}

.button-add[b-xdlz56wg4c] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-xdlz56wg4c] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-xdlz56wg4c] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}
/* /Pages/Colegiados/FichaBitacora.razor.rz.scp.css */
table[b-4cy3tjullh] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-4cy3tjullh] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-4cy3tjullh] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-4cy3tjullh] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-4cy3tjullh] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-4cy3tjullh] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-4cy3tjullh] {
    border-bottom-right-radius: 10px;
}

th[b-4cy3tjullh] {
    padding: 10px 20px 0px 20px;
}

td[b-4cy3tjullh] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}


.mastertable[b-4cy3tjullh] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-4cy3tjullh] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-4cy3tjullh] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-4cy3tjullh] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-4cy3tjullh] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-4cy3tjullh] {
    position: relative;
    width: 23px;
    height: 24px;
}

.button-add[b-4cy3tjullh] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-4cy3tjullh] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-4cy3tjullh] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}
/* /Pages/Colegiados/FichaCeduca.razor.rz.scp.css */
table[b-mlveexppa3] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-mlveexppa3] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-mlveexppa3] {
        border-radius: 0 10px 10px 0;
    }

thead[b-mlveexppa3], tbody[b-mlveexppa3], tfoot[b-mlveexppa3], tr[b-mlveexppa3], td[b-mlveexppa3], th[b-mlveexppa3] {
    border-style: none;
    border-width: 0;
}

tr td:first-child[b-mlveexppa3] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-mlveexppa3] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-mlveexppa3] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-mlveexppa3] {
    border-bottom-right-radius: 10px;
}

th[b-mlveexppa3] {
    padding: 10px 20px 0px 20px;
}

td[b-mlveexppa3] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-mlveexppa3] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-mlveexppa3] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-mlveexppa3] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-mlveexppa3] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-mlveexppa3] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-mlveexppa3] {
    position: absolute;
    width: 23px;
    height: 24px;
}
/* /Pages/Colegiados/FichaConstancias.razor.rz.scp.css */
table[b-yzs0z8q3wa] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
}

    table th:first-child[b-yzs0z8q3wa] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-yzs0z8q3wa] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-yzs0z8q3wa] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-yzs0z8q3wa] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-yzs0z8q3wa] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-yzs0z8q3wa] {
    border-bottom-right-radius: 10px;
}

th[b-yzs0z8q3wa] {
    padding: 10px 20px 0px 20px;  
}

td[b-yzs0z8q3wa] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-yzs0z8q3wa] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-yzs0z8q3wa] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;    
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-yzs0z8q3wa] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-yzs0z8q3wa] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-yzs0z8q3wa] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}
/* /Pages/Colegiados/FichaDatos.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

body[b-rycyw1bulk] {
    font-family: 'CustomFont', Arial, sans-serif;
    background-color: #f4f5f7;
    margin: 0;
    padding: 20px;
}

.datos-container[b-rycyw1bulk] {
    display: grid;
    grid-template-columns: 1fr; /* Apiladas inicialmente */
    margin-top: 10px;
    gap: 20px;
}

@media (min-width: 768px) {
    .datos-container[b-rycyw1bulk] {
        grid-template-columns: repeat(2, 1fr); /* Dos columnas en pantallas medianas y grandes */
    }
}

.card[b-rycyw1bulk] {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    position: relative; /* Posicionamiento para el icono */
}

    .card h2[b-rycyw1bulk] {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #4a5568;
        border-bottom: 1px solid #e2e8f0;
        padding-bottom: 5px;
        display: flex;
        justify-content: space-between; /* Para alinear el ícono al final */
        align-items: center;
    }

        .card h2[b-rycyw1bulk]::after {
            content: "▼";
            font-size: 12px;
            color: #4a5568;
            margin-left: 5px;
        }

    .card.facturacion[b-rycyw1bulk] {
        padding: 10px 20px; /* Reduce el alto */
    }

.grid[b-rycyw1bulk] {
    display: grid;
    gap: 15px;
}

.grid-2[b-rycyw1bulk] {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3[b-rycyw1bulk] {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4[b-rycyw1bulk] {
    grid-template-columns: repeat(4, 1fr);
}

.item[b-rycyw1bulk] {
    font-size: 16px;    
    font-weight: 600;    
}

    .item span[b-rycyw1bulk] {
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: #8c8c8c;
    }

.item[b-rycyw1bulk] {
    color: #1d1b7d; /* Color para los datos */
}

.highlight[b-rycyw1bulk] {
    font-size: 16px;
    font-weight: bold;
    color: #1d1b7d; /* Color para datos destacados */
}

textarea[b-rycyw1bulk] {
    width: 100%;
    max-width: 100%; /* Asegura que no exceda el contenedor */
    height: 120px; /* Ajusta la altura si es necesario */
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 10px;
    font-family: 'CustomFont', Arial, sans-serif;
    font-size: 14px;
    color: #1d1b7d;
    resize: none;
}

    textarea:focus[b-rycyw1bulk] {
        outline: none;
        border-color: #1d1b7d;
        box-shadow: 0 0 5px rgba(29, 27, 125, 0.3);
    }

.wide-textarea textarea[b-rycyw1bulk] {
    width: 100%;
    height: 150px;
}
/* /Pages/Colegiados/FichaDatos1.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.usuario[b-89lp1mx3vr] {
    background-color: #f2f4fa;
    display: flex;
    flex-direction: row;
    padding: 20px;
    width: 100%;
}

    .usuario .div[b-89lp1mx3vr] {
        background-color: #f2f4fa;
        overflow: hidden;
        width: 1920px;
        height: 1267px;
        position: relative;
    }

    .usuario .overlap[b-89lp1mx3vr] {
        position: absolute;
        width: 258px;
        height: 74px;
        top: 63px;
        left: 1591px;
        background-color: #ffffff;
        border-radius: 16px;
        border: 1px solid;
        border-color: #919fc9;
    }

    .usuario .account-circle[b-89lp1mx3vr] {
        position: absolute;
        width: 67px;
        height: 67px;
        top: 2px;
        left: 1px;
    }

    .usuario .text-wrapper[b-89lp1mx3vr] {
        position: absolute;
        width: 94px;
        top: 15px;
        left: 73px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: #000000;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .element-outlined[b-89lp1mx3vr] {
        top: 23px;
        left: 214px;
        position: absolute;
        width: 24px;
        height: 24px;
    }

    .usuario .overlap-group[b-89lp1mx3vr] {
        position: absolute;
        width: 229px;
        height: 1611px;
        top: 0;
        left: 0;
        background-color: #d9d9d9;
    }

    .usuario .image[b-89lp1mx3vr] {
        position: absolute;
        width: 165px;
        height: 83px;
        top: 26px;
        left: 32px;
        object-fit: cover;
    }

    .usuario .ellipse[b-89lp1mx3vr] {
        position: absolute;
        width: 144px;
        height: 144px;
        top: 75px;
        left: 297px;
    }

    .usuario .text-wrapper-2[b-89lp1mx3vr] {
        position: absolute;
        width: 59px;
        top: 86px;
        left: 463px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: #747474;
        font-size: 32px;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
    }

    .usuario .overlap-2[b-89lp1mx3vr] {
        position: absolute;
        width: 307px;
        height: 56px;
        top: 126px;
        left: 463px;
    }

    .usuario .frances-annette[b-89lp1mx3vr] {
        position: absolute;
        width: 236px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 900;
        color: var(--x-15-1b-32);
        font-size: 22px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .rectangle[b-89lp1mx3vr] {
        position: absolute;
        width: 94px;
        height: 24px;
        top: 32px;
        left: 213px;
        background-color: #747474;
        border-radius: 4px;
    }

    .usuario .text-wrapper-3[b-89lp1mx3vr] {
        position: absolute;
        width: 71px;
        top: 31px;
        left: 225px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #fafbff;
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-4[b-89lp1mx3vr] {
        position: absolute;
        width: 51px;
        top: 317px;
        left: 297px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: #3f00ff;
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-5[b-89lp1mx3vr] {
        position: absolute;
        width: 90px;
        top: 317px;
        left: 384px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-6[b-89lp1mx3vr] {
        position: absolute;
        width: 112px;
        top: 317px;
        left: 511px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-7[b-89lp1mx3vr] {
        position: absolute;
        width: 78px;
        top: 317px;
        left: 660px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-8[b-89lp1mx3vr] {
        position: absolute;
        width: 92px;
        top: 317px;
        left: 775px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-9[b-89lp1mx3vr] {
        position: absolute;
        width: 57px;
        top: 317px;
        left: 903px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-10[b-89lp1mx3vr] {
        position: absolute;
        width: 141px;
        top: 317px;
        left: 996px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-11[b-89lp1mx3vr] {
        position: absolute;
        width: 70px;
        top: 317px;
        left: 1174px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-12[b-89lp1mx3vr] {
        position: absolute;
        width: 176px;
        top: 317px;
        left: 1281px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-13[b-89lp1mx3vr] {
        position: absolute;
        width: 107px;
        top: 317px;
        left: 1494px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-14[b-89lp1mx3vr] {
        position: absolute;
        width: 86px;
        top: 317px;
        left: 1637px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-15[b-89lp1mx3vr] {
        position: absolute;
        width: 86px;
        top: 317px;
        left: 1759px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .subtract[b-89lp1mx3vr] {
        position: absolute;
        width: 88px;
        height: 2px;
        top: 347px;
        left: 278px;
    }

    .usuario .overlap-3[b-89lp1mx3vr] {
        position: relative;
        width: 780px;
        height: 456px;                
    }

    .usuario .rectangle-2[b-89lp1mx3vr] {
        position: absolute;
        width: 778px;
        height: 456px;
        top: 0;
        left: 2px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .usuario .img[b-89lp1mx3vr] {
        top: 21px;
        left: 734px;
        position: absolute;
        width: 24px;
        height: 24px;
    }

    .usuario .text-wrapper-16[b-89lp1mx3vr] {
        position: absolute;
        width: 182px;
        top: 25px;
        left: 37px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .vector[b-89lp1mx3vr] {
        width: 780px;
        top: 63px;
        left: 0;
        position: absolute;
        height: 1px;
        object-fit: cover;
    }

    .usuario .group[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 93px;
        left: 73px;
    }

    .usuario .overlap-group-2[b-89lp1mx3vr] {
        position: relative;
        width: 217px;
        height: 43px;
    }

    .usuario .text-wrapper-17[b-89lp1mx3vr] {
        position: absolute;
        width: 74px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-18[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 19px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .overlap-wrapper[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 42px;
        top: 97px;
        left: 324px;
    }

    .usuario .overlap-4[b-89lp1mx3vr] {
        position: relative;
        width: 217px;
        height: 42px;
    }

    .usuario .text-wrapper-19[b-89lp1mx3vr] {
        position: absolute;
        width: 155px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-20[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 20px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .overlap-group-wrapper[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 41px;
        top: 149px;
        left: 73px;
    }

    .usuario .overlap-5[b-89lp1mx3vr] {
        position: relative;
        width: 217px;
        height: 41px;
    }

    .usuario .text-wrapper-21[b-89lp1mx3vr] {
        position: absolute;
        width: 120px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-22[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 17px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .div-wrapper[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 153px;
        left: 324px;
    }

    .usuario .text-wrapper-23[b-89lp1mx3vr] {
        position: absolute;
        width: 155px;
        top: 0;
        left: 2px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-24[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 21px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-2[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 40px;
        top: 204px;
        left: 72px;
    }

    .usuario .overlap-6[b-89lp1mx3vr] {
        position: relative;
        width: 217px;
        height: 40px;
    }

    .usuario .text-wrapper-25[b-89lp1mx3vr] {
        position: absolute;
        width: 137px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-26[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 16px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-3[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 39px;
        top: 210px;
        left: 324px;
    }

    .usuario .overlap-7[b-89lp1mx3vr] {
        position: relative;
        width: 217px;
        height: 39px;
    }

    .usuario .group-4[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 42px;
        top: 258px;
        left: 73px;
    }

    .usuario .text-wrapper-27[b-89lp1mx3vr] {
        position: absolute;
        width: 144px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-28[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 18px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-5[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 39px;
        top: 263px;
        left: 324px;
    }

    .usuario .text-wrapper-29[b-89lp1mx3vr] {
        position: absolute;
        width: 134px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-6[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 314px;
        left: 73px;
    }

    .usuario .text-wrapper-30[b-89lp1mx3vr] {
        position: absolute;
        width: 104px;
        top: 0;
        left: 1px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-7[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 39px;
        top: 316px;
        left: 324px;
    }

    .usuario .text-wrapper-31[b-89lp1mx3vr] {
        position: absolute;
        width: 156px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-8[b-89lp1mx3vr] {
        position: absolute;
        width: 224px;
        height: 42px;
        top: 370px;
        left: 74px;
    }

    .usuario .overlap-8[b-89lp1mx3vr] {
        position: relative;
        width: 220px;
        height: 42px;
    }

    .usuario .text-wrapper-32[b-89lp1mx3vr] {
        position: absolute;
        width: 217px;
        top: 20px;
        left: 3px;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-9[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 39px;
        top: 370px;
        left: 324px;
    }

    .usuario .overlap-9[b-89lp1mx3vr] {
        position: relative;
        width: 763px;
        height: 274px;        
        left: 10px;
        background-color: #ffffff;
        border-radius: 10px;        
    }

    .usuario .element-outlined-2[b-89lp1mx3vr] {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 21px;
        left: 720px;
    }

    .usuario .text-wrapper-33[b-89lp1mx3vr] {
        position: absolute;
        width: 182px;
        top: 25px;
        left: 21px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .vector-2[b-89lp1mx3vr] {
        width: 761px;
        top: 63px;
        left: 2px;
        position: absolute;
        height: 1px;
        object-fit: cover;
    }

    .usuario .group-10[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 78px;
        left: 293px;
    }

    .usuario .text-wrapper-34[b-89lp1mx3vr] {
        position: absolute;
        width: 177px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-11[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 90px;
        left: 39px;
    }

    .usuario .text-wrapper-35[b-89lp1mx3vr] {
        position: absolute;
        width: 91px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-12[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 148px;
        left: 39px;
    }

    .usuario .text-wrapper-36[b-89lp1mx3vr] {
        position: absolute;
        width: 116px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-13[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 200px;
        left: 39px;
    }

    .usuario .overlap-10[b-89lp1mx3vr] {
        position: absolute;
        width: 763px;
        height: 196px;
        top: 693px;
        left: 1092px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .usuario .group-14[b-89lp1mx3vr] {
        position: absolute;
        width: 221px;
        height: 43px;
        top: 141px;
        left: 39px;
    }

    .usuario .overlap-11[b-89lp1mx3vr] {
        position: absolute;
        width: 780px;
        height: 326px;
        top: 875px;
        left: 304px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .usuario .element-outlined-3[b-89lp1mx3vr] {
        top: 21px;
        left: 737px;
        position: absolute;
        width: 24px;
        height: 24px;
    }

    .usuario .text-wrapper-37[b-89lp1mx3vr] {
        position: absolute;
        width: 186px;
        top: 25px;
        left: 22px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .vector-3[b-89lp1mx3vr] {
        width: 778px;
        top: 64px;
        left: 2px;
        position: absolute;
        height: 1px;
        object-fit: cover;
    }

    .usuario .group-15[b-89lp1mx3vr] {
        position: absolute;
        width: 152px;
        height: 43px;
        top: 90px;
        left: 29px;
    }

    .usuario .overlap-12[b-89lp1mx3vr] {
        position: relative;
        width: 148px;
        height: 43px;
    }

    .usuario .text-wrapper-38[b-89lp1mx3vr] {
        width: 148px;
        position: absolute;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-39[b-89lp1mx3vr] {
        width: 107px;
        position: absolute;
        top: 19px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-16[b-89lp1mx3vr] {
        position: absolute;
        width: 152px;
        height: 43px;
        top: 163px;
        left: 29px;
    }

    .usuario .group-17[b-89lp1mx3vr] {
        position: absolute;
        width: 230px;
        height: 65px;
        top: 236px;
        left: 29px;
    }

    .usuario .overlap-13[b-89lp1mx3vr] {
        position: relative;
        width: 226px;
        height: 65px;
    }

    .usuario .text-wrapper-40[b-89lp1mx3vr] {
        position: absolute;
        width: 226px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: #8c8c8c;
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-41[b-89lp1mx3vr] {
        width: 163px;
        top: 28px;
        font-weight: 700;
        font-size: 22px;
        position: absolute;
        left: 0;
        font-family: "CustomFont", Helvetica;
        color: #1d1b7d;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-18[b-89lp1mx3vr] {
        position: absolute;
        width: 152px;
        height: 43px;
        top: 163px;
        left: 220px;
    }

    .usuario .group-19[b-89lp1mx3vr] {
        position: absolute;
        width: 152px;
        height: 43px;
        top: 163px;
        left: 384px;
    }

    .usuario .group-20[b-89lp1mx3vr] {
        position: absolute;
        width: 152px;
        height: 43px;
        top: 163px;
        left: 555px;
    }

    .usuario .group-21[b-89lp1mx3vr] {
        position: absolute;
        width: 124px;
        height: 43px;
        top: 90px;
        left: 220px;
    }

    .usuario .overlap-14[b-89lp1mx3vr] {
        position: relative;
        width: 120px;
        height: 43px;
    }

    .usuario .text-wrapper-42[b-89lp1mx3vr] {
        width: 115px;
        position: absolute;
        top: 19px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-22[b-89lp1mx3vr] {
        position: absolute;
        width: 131px;
        height: 43px;
        top: 90px;
        left: 384px;
    }

    .usuario .overlap-15[b-89lp1mx3vr] {
        position: relative;
        width: 127px;
        height: 43px;
    }

    .usuario .text-wrapper-43[b-89lp1mx3vr] {
        position: absolute;
        width: 127px;
        top: 0;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #8c8c8c;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .text-wrapper-44[b-89lp1mx3vr] {
        width: 100px;
        position: absolute;
        top: 19px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .group-23[b-89lp1mx3vr] {
        position: absolute;
        width: 198px;
        height: 43px;
        top: 90px;
        left: 555px;
    }

    .usuario .overlap-16[b-89lp1mx3vr] {
        position: relative;
        width: 194px;
        height: 43px;
    }

    .usuario .text-wrapper-45[b-89lp1mx3vr] {
        position: absolute;
        width: 194px;
        top: 19px;
        left: 0;
        font-family: "CustomFont", Helvetica;
        font-weight: 400;
        color: #1d1b7d;
        font-size: 16px;
        letter-spacing: 0;
        line-height: normal;
    }

    .usuario .overlap-17[b-89lp1mx3vr] {
        position: absolute;
        width: 120px;
        height: 25px;
        top: 157px;
        left: 779px;
    }

    .usuario .rectangle-3[b-89lp1mx3vr] {
        position: absolute;
        width: 120px;
        height: 24px;
        top: 1px;
        left: 0;
        border-radius: 4px;
        border: 1px solid;
        border-color: #919fc9;
    }

    .usuario .text-wrapper-46[b-89lp1mx3vr] {
        position: absolute;
        width: 75px;
        top: 0;
        left: 24px;
        font-family: "Poppins", Helvetica;
        font-weight: 400;
        color: #6882ce;
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
    }
/* /Pages/Colegiados/FichaDireccion.razor.rz.scp.css */
table[b-r5q2aedfzi] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-r5q2aedfzi] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-r5q2aedfzi] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-r5q2aedfzi] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-r5q2aedfzi] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-r5q2aedfzi] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-r5q2aedfzi] {
    border-bottom-right-radius: 10px;
}

th[b-r5q2aedfzi] {
    padding: 10px 20px 0px 20px;
}

td[b-r5q2aedfzi] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-r5q2aedfzi] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-r5q2aedfzi] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-r5q2aedfzi] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-r5q2aedfzi] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-r5q2aedfzi] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-r5q2aedfzi] {
    position: relative;
    width: 23px;
    height: 24px;
}

.editar[b-r5q2aedfzi] {
    position: relative;
    width: 19px;
    height: 19px;
}

.button-add[b-r5q2aedfzi] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-r5q2aedfzi] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-r5q2aedfzi] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}
/* /Pages/Colegiados/FichaEstadoCuenta.razor.rz.scp.css */
table[b-aqnuo5yslt] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-aqnuo5yslt] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-aqnuo5yslt] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-aqnuo5yslt] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-aqnuo5yslt] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-aqnuo5yslt] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-aqnuo5yslt] {
    border-bottom-right-radius: 10px;
}

th[b-aqnuo5yslt] {
    padding: 10px 20px 0px 20px;  
}

td[b-aqnuo5yslt] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-aqnuo5yslt] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-aqnuo5yslt] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-aqnuo5yslt] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-aqnuo5yslt] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-aqnuo5yslt] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-aqnuo5yslt] {    
    position: relative;
    width: 23px;
    height: 24px;
}

.editar[b-aqnuo5yslt] {
    position: relative;
    width: 19px;
    height: 19px;
}
/* /Pages/Colegiados/FichaLaboral.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

table[b-pu8mrai7cy] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

    table th:first-child[b-pu8mrai7cy] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-pu8mrai7cy] {
        border-radius: 0 10px 10px 0;
    }

tr td:first-child[b-pu8mrai7cy] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-pu8mrai7cy] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-pu8mrai7cy] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-pu8mrai7cy] {
    border-bottom-right-radius: 10px;
}

th[b-pu8mrai7cy] {
    padding: 10px 20px 0px 20px;
}

td[b-pu8mrai7cy] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-pu8mrai7cy] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-pu8mrai7cy] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.status-pending[b-pu8mrai7cy] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #fff0c2;
    color: #a68b00;
}

.status-paid[b-pu8mrai7cy] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #c8e6c9;
    color: #388e3c;
}

.status-unpaid[b-pu8mrai7cy] {
    border-radius: 0.2rem;
    background-color: red;
    padding: 0.2rem 1rem;
    text-align: center;
    background-color: #ffcdd2;
    color: #c62828;
}

.delete[b-pu8mrai7cy] {
    position: relative;
    width: 23px;
    height: 24px;
}

.editar[b-pu8mrai7cy] {
    position: relative;
    width: 19px;
    height: 19px;
}

.button-add[b-pu8mrai7cy] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-pu8mrai7cy] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-pu8mrai7cy] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}
/* /Pages/Colegiados/FichaRecibos.razor.rz.scp.css */
table[b-5msd811k5l] {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    padding: 10px;
}

table th:first-child[b-5msd811k5l] {
    border-radius: 10px 0px 0px 10px;
}

table th:last-child[b-5msd811k5l] {
    border-radius: 0 10px 10px 0;
}

tr td:first-child[b-5msd811k5l] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-5msd811k5l] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-5msd811k5l] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-5msd811k5l] {
    border-bottom-right-radius: 10px;
}

th[b-5msd811k5l] {
    padding: 10px 20px 0px 20px;  
}

td[b-5msd811k5l] {
    padding: 10px 20px 0px 20px;
    background-color: white;
}

.mastertable[b-5msd811k5l] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 50px;
}

.text-wrapper[b-5msd811k5l] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}

.delete[b-5msd811k5l] {
    position: relative;
    width: 23px;
    height: 24px;
}
/* /Pages/Colegiados/FormularioColegiado.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}


body[b-8f58c4cbxa] {
    font-family: 'CustomFont';    
    background-color: #f7f9fc;
    margin: 0;
    padding: 20px;
}

.form-section[b-8f58c4cbxa] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 20px;
}

.form-header[b-8f58c4cbxa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .form-header h3[b-8f58c4cbxa] {
        margin: 0;
        font-size: 18px;
        color: #333;
    }

.arrow[b-8f58c4cbxa] {
    font-size: 14px;    
    cursor: pointer;
}

    .arrow[b-8f58c4cbxa]::after {
        content: "▼";
        font-size: 12px;
        margin-left: 5px;
    }

.divider[b-8f58c4cbxa] {
    border-top: 1px solid #ddd;
    margin: 10px 0 20px;
}

.form-group[b-8f58c4cbxa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas iguales */
    gap: 20px; /* Espacios entre columnas y filas */
}

    .form-group .col[b-8f58c4cbxa] {
        display: flex;
        align-items: center; /* Alinea label y input verticalmente */
        gap: 10px; /* Espacio entre el label y el input */
    }

    .form-group label[b-8f58c4cbxa] {
        font-size: 14px;
        color: #8C8C8C; /* Color cambiado */
        white-space: nowrap; /* Evita que el texto del label haga salto de línea */
    }

    .form-group input[b-8f58c4cbxa],
    .form-group select[b-8f58c4cbxa],
    .form-group textarea[b-8f58c4cbxa] {
        padding: 8px 12px;
        border: 1px solid #ddd; /* Borde suave */
        border-radius: 4px;
        font-size: 14px;
        width: 100%; /* Se ajusta al contenedor */
        background-color: #fff; /* Fondo blanco */
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Simula relieve interior */
    }

    .form-group textarea[b-8f58c4cbxa] {
        resize: none;
        height: 80px;
    }

        .form-group input:focus[b-8f58c4cbxa],
        .form-group select:focus[b-8f58c4cbxa],
        .form-group textarea:focus[b-8f58c4cbxa] {
            outline: none;
            border-color: #007BFF; /* Color de borde al enfocar */
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Resaltado */
        }

@media (max-width: 768px) {
    .form-group[b-8f58c4cbxa] {
        grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
    }

        .form-group .col[b-8f58c4cbxa] {
            flex-direction: column; /* Pone label encima del input en pantallas pequeñas */
            align-items: flex-start; /* Alinea al inicio */
        }
}

.texto[b-8f58c4cbxa] {
    width: 60%;
    height: 25px;
    margin: 0 auto;
    border: none; /* <-- This thing here */
    border: solid 1px lightgrey;
    border-radius: 5px;
}

.rz-textbox[b-8f58c4cbxa] {
    font-size: 12px;
}

.rz-dropdown[b-8f58c4cbxa] {
    font-size: 12px;
}
/* /Pages/Colegiados/IndiceColegiado.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.indicecolegiado[b-9hih8x30tt] {
    background-color: #f2f4fa;   
}

.fields[b-9hih8x30tt] {
    display: flex;
    width: 340px;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    position: relative;
    top: 10px;
    left: 10px;
    background-color: #ffffff;
    border-radius: 4px;
}

.atom[b-9hih8x30tt] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    flex: 1;
    flex-grow: 1;
}

.text[b-9hih8x30tt] {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: var(--fields-text-placeholder-font-family);
    font-weight: var(--fields-text-placeholder-font-weight);
    color: var(--fieldstext);
    font-size: var(--fields-text-placeholder-font-size);
    letter-spacing: var(--fields-text-placeholder-letter-spacing);
    line-height: var(--fields-text-placeholder-line-height);
    white-space: nowrap;
    font-style: var(--fields-text-placeholder-font-style);
}

.group-8[b-9hih8x30tt] {
    position: absolute;
    width: 32px;
    height: 99px;
    top: 220px;
    left: 1611px;
    background-color: #d9ddec;
    border-radius: 8px;
}

.button-add[b-9hih8x30tt] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: relative;
    top: 10px;
    left: 15px;
    background-color: #51d497;
    border-radius: 6px;
    cursor: pointer;
}

.button-image[b-9hih8x30tt] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-label[b-9hih8x30tt] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}

/* /Pages/Counter.razor.rz.scp.css */
/*h1 {
    color: red;
}*/
/* /Pages/Pagos/AddTimbre.razor.rz.scp.css */
table[b-ft9epyj252] {
    border-collapse: separate;
    border-spacing: 0 0.1em;
    padding: 5px;
}

    table th:first-child[b-ft9epyj252] {
        border-radius: 10px 0px 0px 10px;
    }

    table th:last-child[b-ft9epyj252] {
        border-radius: 0 10px 10px 0;
    }

thead[b-ft9epyj252], tbody[b-ft9epyj252], tfoot[b-ft9epyj252], tr[b-ft9epyj252], td[b-ft9epyj252], th[b-ft9epyj252] {
    
}

tr td:first-child[b-ft9epyj252] {
    border-top-left-radius: 10px;
}

tr td:last-child[b-ft9epyj252] {
    border-top-right-radius: 10px;
}

tr td:first-child[b-ft9epyj252] {
    border-bottom-left-radius: 10px;
}

tr td:last-child[b-ft9epyj252] {
    border-bottom-right-radius: 10px;
}

th[b-ft9epyj252] {
    padding: 0 20px 0 20px;
}

td[b-ft9epyj252] {
    padding: 0 20px 0 20px;
    background-color: white;
}

.mastertable[b-ft9epyj252] {
    background-color: #1d1b7d;
    color: #fafbff;
    height: 51px;
}

.text-wrapper[b-ft9epyj252] {
    top: 10px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
    vertical-align: middle;
}
/* /Pages/Pagos/Pago1.razor.rz.scp.css */

@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.pago[b-jwjycd7d7g] {
    background-color: #f2f4fa;
}

.pago-card[b-jwjycd7d7g] {
    display: flex;
    width: 1450px;
    height: 1598px;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    position: relative;
    left: 10px;
}

.overlap-2[b-jwjycd7d7g] {
    position: absolute;
    width: 941px;
    height: 51px;
    top: 65px;
    left: 50px;
    background-color: #f2f4fa;
    border-radius: 10px;
}

.overlap-3[b-jwjycd7d7g] {
    position: absolute;
    width: 616px;
    height: 69px;
    top: 116px;
    left: 1000px;
    background-color: #fbfcff;
    border-radius: 10px;
}

.overlap-4[b-jwjycd7d7g] {
    position: absolute;
    width: 616px;
    height: 759px;
    top: 202px;
    left: 1000px;
    background-color: #fbfcff;
    border-radius: 10px;
}

.group-1[b-jwjycd7d7g] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 48px;
}

.group-2[b-jwjycd7d7g] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 235px;
}

.group-3[b-jwjycd7d7g] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 500px;
}

.text-1[b-jwjycd7d7g] {
    position: absolute;
    width: 116px;
    top: 0;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text-2[b-jwjycd7d7g] {
    position: absolute;
    width: 217px;
    top: 17px;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text-3[b-jwjycd7d7g] {
    position: absolute;
    width: 32px;
    top: 27px;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.text-4[b-jwjycd7d7g] {
    position: absolute;    
    top: 32px;
    left: 186px;
    font-family: "Poppins", Helvetica;
    font-weight: 700;
    color: #5c5c5c;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.text-5[b-jwjycd7d7g] {
    width: 127px;
    top: 167px;
    left: 68px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}

.text-6[b-jwjycd7d7g] {
    width: 127px;
    top: 235px;
    left: 68px;
    font-size: 18px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
}

.text-7[b-jwjycd7d7g] {
    width: 52px;
    top: 303px;
    left: 68px;
    font-size: 18px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
}


.text-8[b-jwjycd7d7g] {
    width: 83px;
    top: 167px;
    left: 490px;
    font-size: 18px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
}

.text-9[b-jwjycd7d7g] {
    width: 83px;
    top: 235px;
    left: 490px;
    font-size: 18px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
}

.text-10[b-jwjycd7d7g] {
    width: 83px;
    top: 303px;
    left: 490px;
    font-size: 18px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
}


.text-11[b-jwjycd7d7g] {
    top: 26px;
    left: 20px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.text-12[b-jwjycd7d7g] {
    top: 26px;
    left: 428px;
    font-weight: 700;
    font-size: 22px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.vector1[b-jwjycd7d7g] {
    top: 212px;
    position: absolute;
    width: 523px;
    height: 1px;
    left: 59px;
    object-fit: cover;
}

.vector2[b-jwjycd7d7g] {
    top: 276px;
    position: absolute;
    width: 523px;
    height: 1px;
    left: 59px;
    object-fit: cover;
}

.vector3[b-jwjycd7d7g] {
    top: 337px;
    position: absolute;
    width: 523px;
    height: 1px;
    left: 59px;
    object-fit: cover;
}

.fields-1[b-jwjycd7d7g] {
    display: flex;
    flex-direction: column;
    width: 145px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 30px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-2[b-jwjycd7d7g] {
    display: flex;
    flex-direction: column;
    width: 164px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 239px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-2M[b-jwjycd7d7g] {
    display: flex;
    flex-direction: column;
    width: 138px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 187px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-3[b-jwjycd7d7g] {
    display: flex;
    flex-direction: column;
    width: 164px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 427px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-3M[b-jwjycd7d7g] {
    display: flex;
    flex-direction: column;
    width: 164px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 337px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-R[b-jwjycd7d7g] {
    position: absolute;
    width: 559px;
    height: 92px;
    top: 528px;
    left: 41px;
    border-radius: 10px;
    background-color: rgba(247, 247, 253, 1);
}

.fields-RM[b-jwjycd7d7g] {
    position: absolute;
    width: 559px;
    height: 129px;
    top: 528px;
    left: 41px;
    border-radius: 10px;
    background-color: rgba(247, 247, 253, 1);
}

.overlap-wrapper[b-jwjycd7d7g] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 48px;
}

.button-add[b-jwjycd7d7g] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: absolute;
    top: 10px;
    left: 775px;
    background-color: #51d497;
    border-radius: 4px;
    cursor: pointer;
}

.button-addline[b-jwjycd7d7g] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 87px;
    height: 30px;
    gap: 6px;
    padding: 8px 24px;
    top: 134px;
    left: 513px;
    border: 1px solid;
    border-color: rgba(96, 93, 236, 1);
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 4px;
    cursor: pointer;
}

.button-image[b-jwjycd7d7g] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-imageaddline[b-jwjycd7d7g] {
    width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.button-label[b-jwjycd7d7g] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}

.button-labeladdline[b-jwjycd7d7g] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(96, 93, 236, 1);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 16px;
    white-space: nowrap;
    font-style: normal;
}

.button-pagar[b-jwjycd7d7g] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 616px;
    height: 84px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: absolute;
    top: 675px;
    left: 0;
    background-color: #1d1b7d;
    border-radius: 4px;
    cursor: pointer;
}
/* /Pages/Pagos/PagoCol.razor.rz.scp.css */

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos.ttf') format('truetype');
}

body[b-davyoy9imo] {
    font-family: 'Aptos', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fc;
    color: #333;
}

.container[b-davyoy9imo] {
    width: 90%;
    max-width: 1400px;
    margin-left: 5px;
}

.text1[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap; 
    margin-right: 10px; 
}

.text11[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.text2[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text22[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}


.text3[b-davyoy9imo] {
    font-family: "Poppins", Helvetica;
    font-weight: 700;
    color: #5c5c5c;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.text4[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}

.text5[b-davyoy9imo] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
}

.invoice-details[b-davyoy9imo] {
    display: flex;        
    align-items: center;
    justify-content: space-between;
    gap: 30px; /* Espacio entre elementos */
}

    

.card[b-davyoy9imo] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.content[b-davyoy9imo] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-container[b-davyoy9imo] {
    width: 63%;
}

.buttons[b-davyoy9imo] {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

button[b-davyoy9imo] {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    flex: 1 1 calc(25% - 10px);
    text-align: center;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    button:hover[b-davyoy9imo] {
        background-color: #218838;
    }

@media (max-width: 768px) {
    button[b-davyoy9imo] {
        flex: 1 1 100%;
    }
}

table[b-davyoy9imo] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

thead[b-davyoy9imo] {
    background-color: #343a40;
    color: white;
}

th[b-davyoy9imo], td[b-davyoy9imo] {
    padding: 10px;
    text-align: left;
}

.summary[b-davyoy9imo] {
    width: 35%;
}

.invoice-card[b-davyoy9imo] {
    margin-bottom: 20px;
}

    .invoice-card p[b-davyoy9imo] {
        margin: 5px 0;
    }

    .invoice-card span[b-davyoy9imo] {
        font-weight: bold;
    }

.pay-button[b-davyoy9imo] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    .pay-button:hover[b-davyoy9imo] {
        background-color: #0056b3;
    }

.button-pagar[b-davyoy9imo] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    transition: background-color 0.3s ease;
}

    .button-pagar:hover[b-davyoy9imo] {
        background-color: #1d1b7d; /* Mantén el color sin cambios */
    }

    .button-pagar:disabled[b-davyoy9imo] {
        background-color: #cccccc; /* Gris deshabilitado */
        cursor: not-allowed; /* Cursor indicando que no es clickeable */
    }

.button-pagando[b-davyoy9imo] {
    background-color: #343a40;
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

.visa-card[b-davyoy9imo] {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.visa-logo img[b-davyoy9imo] {
    max-width: 200px;
    margin: 0 auto 10px;
    display: block;
}

.visa-details[b-davyoy9imo],
.visa-footer[b-davyoy9imo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

    .visa-details label[b-davyoy9imo],
    .visa-footer label[b-davyoy9imo] {
        font-weight: bold;
        color: #333;
        margin-right: 10px;
        flex: 1;
        text-align: left;
    }

.visa-input[b-davyoy9imo] {
    flex: 2;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    color: #555;
    background-color: #f9f9f9;
    width: 100%;
    box-sizing: border-box;
}

.short-input[b-davyoy9imo] {
    width: 70px; /* Tamaño específico para inputs cortos como CVV y Vencimiento */
    text-align: center;
}
/* /Pages/Pagos/Pagos.razor.rz.scp.css */

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos.ttf') format('truetype');
}

body[b-1zqbwiiy7x] {
    font-family: 'Aptos', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fc;
    color: #333;
}

.container[b-1zqbwiiy7x] {
    width: 90%;
    max-width: 1800px;
    margin-left: 5px;
}

.text1[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-right: 10px;
}

.text11[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.text2[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text22[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}


.text3[b-1zqbwiiy7x] {
    font-family: "Poppins", Helvetica;
    font-weight: 700;
    color: #5c5c5c;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.text4[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}

.text5[b-1zqbwiiy7x] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
}

.invoice-details[b-1zqbwiiy7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px; /* Espacio entre elementos */
}



.card[b-1zqbwiiy7x] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.content[b-1zqbwiiy7x] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-container[b-1zqbwiiy7x] {
    width: 58%;
}

.buttons[b-1zqbwiiy7x] {
    margin-bottom: 10px;    
    flex-wrap: wrap;
    gap: 10px;
}

button[b-1zqbwiiy7x] {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
    flex: 1 1 calc(25% - 10px);
    text-align: center;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    button:hover[b-1zqbwiiy7x] {
        background-color: #218838;
    }

@media (max-width: 768px) {
    button[b-1zqbwiiy7x] {
        flex: 1 1 100%;
    }
}

table[b-1zqbwiiy7x] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

thead[b-1zqbwiiy7x] {
    background-color: #343a40;
    color: white;
}

th[b-1zqbwiiy7x], td[b-1zqbwiiy7x] {
    padding: 10px;    
    text-align: left;
}

.summary[b-1zqbwiiy7x] {
    width: 40%;
}

.invoice-card[b-1zqbwiiy7x] {
    margin-bottom: 20px;
}

    .invoice-card p[b-1zqbwiiy7x] {
        margin: 5px 0;
    }

    .invoice-card span[b-1zqbwiiy7x] {
        font-weight: bold;
    }

.summary-card[b-1zqbwiiy7x] {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: none;
}

.summary-table[b-1zqbwiiy7x] {
    width: 100%;
    margin: 5px 0;
    border: none;
    border-collapse: collapse;
}

    .summary-table td[b-1zqbwiiy7x] {
        padding: 15px 0;
        text-align: left;
        white-space: nowrap;        
    }

.total[b-1zqbwiiy7x] {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    background-color: #f8f9fc; /* Light gray background */
    padding: 10px;
    border-radius: 5px;
}

.pay-button[b-1zqbwiiy7x] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    .pay-button:hover[b-1zqbwiiy7x] {
        background-color: #0056b3;
    }


.button-addline[b-1zqbwiiy7x] {
    background-color: white;
    color: rgba(96, 93, 236, 1);
    border-color: rgba(96, 93, 236, 1);
    border-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    border-top-width: 3px;
    border-bottom-width: 3px;
    width: 80px;
    padding: 8px 10px;
    cursor: pointer;
    font-family: "CustomFont", Helvetica;
}

.button-image[b-1zqbwiiy7x] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-imageaddline[b-1zqbwiiy7x] {
    width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.button-label[b-1zqbwiiy7x] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}

.button-labeladdline[b-1zqbwiiy7x] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(96, 93, 236, 1);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 16px;
    white-space: nowrap;
    font-style: normal;
}

.button-pagar[b-1zqbwiiy7x] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

.button-pagando[b-1zqbwiiy7x] {
    background-color: #343a40;
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}
/* /Pages/Pagos/PagosOLD.razor.rz.scp.css */

@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.pago[b-cel3dvrt68] {
    background-color: #f2f4fa;
}

.pago-card[b-cel3dvrt68] {
    display: flex;
    width: 1450px;
    height: 1598px;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    position: relative;
    left: 10px;
}

.overlap-2[b-cel3dvrt68] {
    position: absolute;
    width: 941px;
    height: 51px;
    top: 65px;
    left: 50px;
    background-color: #f2f4fa;
    border-radius: 10px;
}

.overlap-3[b-cel3dvrt68] {
    position: absolute;
    width: 616px;
    height: 69px;
    top: 116px;
    left: 1000px;
    background-color: #fbfcff;
    border-radius: 10px;
}

.overlap-4[b-cel3dvrt68] {
    position: absolute;
    width: 616px;
    height: 759px;
    top: 202px;
    left: 1000px;
    background-color: #fbfcff;
    border-radius: 10px;
}

.group-1[b-cel3dvrt68] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 25px;
}

.group-2[b-cel3dvrt68] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 130px;
}

.group-3[b-cel3dvrt68] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 550px;
}

.text-1[b-cel3dvrt68] {
    position: absolute;
    width: 116px;
    top: 0;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text-2[b-cel3dvrt68] {
    position: absolute;
    width: 217px;
    top: 17px;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text-3[b-cel3dvrt68] {
    position: absolute;
    width: 32px;
    top: 27px;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.text-4[b-cel3dvrt68] {
    position: absolute;
    width: 121px;
    top: 12px;
    left: 43px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #5c5c5c;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
}

.text-5[b-cel3dvrt68] {
    position: absolute;
    width: 107px;
    top: 50px;
    left: 81px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #5c5c5c;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
}

.text-6[b-cel3dvrt68] {
    position: absolute;
    width: 107px;
    top: 81px;
    left: 81px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #5c5c5c;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
}

.text-10[b-cel3dvrt68] {
    top: 26px;
    left: 20px;
    font-weight: 700;
    font-size: 22px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.text-11[b-cel3dvrt68] {
    top: 26px;
    left: 428px;
    font-weight: 700;
    font-size: 22px;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    color: rgba(33, 33, 33, 1);
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.text-12[b-cel3dvrt68] {
    position: absolute;
    top: 75px;
    left: 20px;
    font-weight: 500;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    font-family: "CustomFont", Helvetica;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.text-13[b-cel3dvrt68] {
    position: absolute;
    top: 75px;
    left: 428px;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    font-family: "CustomFont", Helvetica;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
}

.checkbox-1[b-cel3dvrt68] {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 47px;
    left: 58px;
}

.checkbox-2[b-cel3dvrt68] {
    position: absolute;
    width: 17px;
    height: 17px;
    top: 77px;
    left: 58px;
}

.fields-1[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 105px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 15px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-2[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 150px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 134px;
    left: 125px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-2M[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 138px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    position: absolute;
    top: 134px;
    left: 187px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-3[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 110px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 134px;
    left: 425px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-3M[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 164px;
    height: 34px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 20px;
    position: absolute;
    top: 134px;
    left: 310px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-4[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 134px;
    left: 280px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}
.fields-R[b-cel3dvrt68] {
    position: absolute;
    width: 559px;
    height: 92px;
    top: 528px;
    left: 41px;
    border-radius: 10px;
    background-color: rgba(247, 247, 253, 1);
}

.fields-RM[b-cel3dvrt68] {
    position: absolute;
    width: 559px;
    height: 129px;
    top: 528px;
    left: 41px;
    border-radius: 10px;
    background-color: rgba(247, 247, 253, 1);
}

.fields-OBS[b-cel3dvrt68] {
    position: absolute;
    width: 540px;
    height: 30px;
    top: 470px;
    left: 50px;
    border-radius: 10px;
    background-color: rgba(247, 247, 253, 1);
}

.overlap-wrapper[b-cel3dvrt68] {
    position: absolute;
    width: 221px;
    height: 40px;
    top: 18px;
    left: 48px;
}

.button-add[b-cel3dvrt68] {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: absolute;
    top: 10px;
    left: 775px;
    background-color: #51d497;
    border-radius: 4px;
    cursor: pointer;
}

.button-addline[b-cel3dvrt68] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 80px;
    height: 25px;
    gap: 6px;
    padding: 8px 24px;
    top: 142px;
    left: 530px;
    border: 1px solid;
    border-color: rgba(96, 93, 236, 1);
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 4px;
    cursor: pointer;
}

.button-image[b-cel3dvrt68] {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.button-imageaddline[b-cel3dvrt68] {
    width: 16px;
    height: 16px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.button-label[b-cel3dvrt68] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 24px;
    white-space: nowrap;
    font-style: normal;
}

.button-labeladdline[b-cel3dvrt68] {
    width: fit-content;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: rgba(96, 93, 236, 1);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 16px;
    white-space: nowrap;
    font-style: normal;
}

.button-pagar[b-cel3dvrt68] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 616px;
    height: 84px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: absolute;
    top: 675px;
    left: 0;
    background-color: #1d1b7d;
    border-radius: 4px;
    cursor: pointer;
}

.button-pagando[b-cel3dvrt68] {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 616px;
    height: 84px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px 32px;
    position: absolute;
    top: 675px;
    left: 0;
    background-color: #343a40;
    border-radius: 4px;
    cursor: pointer;
}
.rz-dropdown-item[b-cel3dvrt68] {
    padding: 1px;
    height: 3.0rem;
}



.fields-102[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 150px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 184px;
    left: 125px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-103[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 110px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 184px;
    left: 425px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}


.fields-104[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 184px;
    left: 280px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-202[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 150px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 234px;
    left: 125px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}

.fields-203[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 110px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 234px;
    left: 425px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}


.fields-204[b-cel3dvrt68] {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 40px;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 4px 8px;
    position: absolute;
    top: 234px;
    left: 280px;
    background-color: rgba(247, 247, 253, 1);
    border-radius: 4px;
}
/* /Pages/Pagos/TCVisa.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.pago-colegiado[b-w77gifri36] {
    background-color: #f2f4fa;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

    .pago-colegiado .div[b-w77gifri36] {
        background-color: #f2f4fa;
        overflow: hidden;
        width: 1920px;
        height: 1080px;
        position: relative;
    }

    .pago-colegiado .overlap-group[b-w77gifri36] {
        position: absolute;
        width: 789px;
        height: 978px;
        top: 40px;
        left: 674px;
    }

    .pago-colegiado .rectangle[b-w77gifri36] {
        position: absolute;
        width: 789px;
        height: 908px;
        top: 69px;
        left: 0;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .pago-colegiado .rectangle-2[b-w77gifri36] {
        position: absolute;
        width: 225px;
        height: 150px;
        top: 0;
        left: 296px;
        background-color: #e6e8ea;
        border-radius: 10px;
    }

.imgvisa[b-w77gifri36] {
    position: absolute;
    width: 179px;
    height: 71px;
    top: 30px;
    left: 18px;
    object-fit: cover;
}

    .pago-colegiado .text[b-w77gifri36] {
        position: absolute;
        top: 190px;
        left: 279px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--fieldstext);
        font-size: 22px;
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-wrapper[b-w77gifri36] {
        top: 306px;
        left: 79px;
        font-weight: 700;
        font-size: 22px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-2[b-w77gifri36] {
        top: 472px;
        left: 79px;
        font-weight: 700;
        font-size: 22px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-3[b-w77gifri36] {
        top: 636px;
        left: 79px;
        font-weight: 700;
        font-size: 22px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-4[b-w77gifri36] {
        top: 631px;
        left: 601px;
        font-weight: 700;
        font-size: 22px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .img[b-w77gifri36] {
        position: absolute;
        width: 663px;
        height: 85px;
        top: 351px;
        left: 79px;
    }

    .pago-colegiado .rectangle-3[b-w77gifri36] {
        width: 663px;
        top: 511px;
        left: 79px;
        position: absolute;
        height: 85px;
    }

    .pago-colegiado .rectangle-4[b-w77gifri36] {
        width: 260px;
        top: 672px;
        left: 79px;
        position: absolute;
        height: 85px;
    }

    .pago-colegiado .rectangle-5[b-w77gifri36] {
        width: 248px;
        top: 672px;
        left: 494px;
        position: absolute;
        height: 85px;
    }

    .pago-colegiado .text-5[b-w77gifri36] {
        top: 380px;
        left: 255px;
        font-weight: 400;
        font-size: 30px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-6[b-w77gifri36] {
        top: 540px;
        left: 308px;
        font-weight: 400;
        font-size: 30px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-7[b-w77gifri36] {
        top: 704px;
        left: 157px;
        font-weight: 400;
        font-size: 30px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .text-8[b-w77gifri36] {
        top: 702px;
        left: 588px;
        font-weight: 400;
        font-size: 30px;
        position: absolute;
        font-family: "CustomFont", Helvetica;
        color: var(--fieldstext);
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .pago-colegiado .button[b-w77gifri36] {
        all: unset;
        box-sizing: border-box;
        display: flex;
        width: 789px;
        height: 118px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 20px 32px;
        position: absolute;
        top: 860px;
        left: 0;
        background-color: #1d1b7d;
        border-radius: 4px;
    }

    .pago-colegiado .element-outlined[b-w77gifri36] {
        position: relative;
        width: 24px;
        height: 24px;
    }

    .pago-colegiado .text-wrapper-2[b-w77gifri36] {
        position: relative;
        width: 285px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: rgba(255, 255, 255, 1);
        font-size: 33px;
        text-align: center;
        letter-spacing: 0;
        line-height: 24px;
    }

    .pago-colegiado .overlap[b-w77gifri36] {
        position: absolute;
        width: 229px;
        height: 2564px;
        top: 0;
        left: 0;
        background-color: #d9d9d9;
    }

           
        
/* /Pages/Procesos/Procesos.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.procesos[b-agkj8obj5e] {
    background-color: #f2f4fa;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

    .procesos .div[b-agkj8obj5e] {
        background-color: #f2f4fa;
        overflow: hidden;
        width: 1800px;
        height: 1080px;
        position: relative;
    }

    .procesos .overlap-group[b-agkj8obj5e] {
        position: absolute;
        width: 1600px;
        height: 808px;
        top: 10px;
        left: 10px;
        background-color: #ffffff;
        border-radius: 10px;
    }

    .procesos .vector[b-agkj8obj5e] {
        position: absolute;
        width: 1600px;
        height: 1px;
        top: 62px;
        left: 4px;
        object-fit: cover;
    }

    .procesos .imagencard-wrapper[b-agkj8obj5e] {
        position: absolute;
        width: 106px;
        height: 113px;
        top: 0;
        left: 0;
        background-color: #1d1b7d;
    }

    .procesos .imagencard[b-agkj8obj5e] {
        position: absolute;
        width: 62px;
        height: 66px;
        top: 24px;
        left: 19px;
    }

    .procesos .textcard-wrapper[b-agkj8obj5e] {
        position: absolute;
        width: 147px;
        top: 46px;
        left: 121px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .procesos .text-wrapper[b-agkj8obj5e] {
        position: absolute;
        width: 369px;
        top: 25px;
        left: 43px;
        font-family: "CustomFont", Helvetica;
        font-weight: 700;
        color: var(--x-15-1b-32);
        font-size: 18px;
        letter-spacing: 0;
        line-height: normal;
    }

    .procesos .card-1[b-agkj8obj5e] {
        position: absolute;
        width: 294px;
        height: 113px;
        top: 154px;
        left: 81px;
        background-color: #ebeff8;
        border: 1px solid;
        border-color: #1d1b7d;
    }

    .procesos .card-2[b-agkj8obj5e] {
        position: absolute;
        width: 294px;
        height: 113px;
        top: 154px;
        left: 446px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: #8c8c8c;
    }

    .procesos .card-3[b-agkj8obj5e] {
        position: absolute;
        width: 294px;
        height: 113px;
        top: 154px;
        left: 811px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: #8c8c8c;
    }

    .procesos .card-4[b-agkj8obj5e] {
        position: absolute;
        width: 294px;
        height: 113px;
        top: 154px;
        left: 1176px;
        background-color: #ffffff;
        border: 1px solid;
        border-color: #8c8c8c;
    }
/* /Pages/TimbreElectronico/PDFViewer.razor.rz.scp.css */

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos.ttf') format('truetype');
}

body[b-rcm4yp44qr] {
    font-family: 'Aptos', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fc;
    color: #333;
}

.container[b-rcm4yp44qr] {
    width: 90%;
    max-width: 1400px;
    margin-left: 5px;
}

.text1[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-right: 10px;
}

.text11[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.text2[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text22[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}


.text3[b-rcm4yp44qr] {
    font-family: "Poppins", Helvetica;
    font-weight: 700;
    color: #5c5c5c;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
}

.text4[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}

.text5[b-rcm4yp44qr] {
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: rgba(33, 33, 33, 1);
    font-size: 22px;
    letter-spacing: 0;
    line-height: 24px;
}

.invoice-details[b-rcm4yp44qr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px; /* Espacio entre elementos */
}



.card[b-rcm4yp44qr] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.content[b-rcm4yp44qr] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-container[b-rcm4yp44qr] {
    width: 63%;
}

.buttons[b-rcm4yp44qr] {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

button[b-rcm4yp44qr] {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    flex: 1 1 calc(25% - 10px);
    text-align: center;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    button:hover[b-rcm4yp44qr] {
        background-color: #218838;
    }

@media (max-width: 768px) {
    button[b-rcm4yp44qr] {
        flex: 1 1 100%;
    }
}

table[b-rcm4yp44qr] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

thead[b-rcm4yp44qr] {
    background-color: #343a40;
    color: white;
}

th[b-rcm4yp44qr], td[b-rcm4yp44qr] {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.summary[b-rcm4yp44qr] {
    width: 35%;
}

.invoice-card[b-rcm4yp44qr] {
    margin-bottom: 20px;
}

    .invoice-card p[b-rcm4yp44qr] {
        margin: 5px 0;
    }

    .invoice-card span[b-rcm4yp44qr] {
        font-weight: bold;
    }

.summary-card[b-rcm4yp44qr] {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: none;
}

.summary-table[b-rcm4yp44qr] {
    width: 100%;
    margin: 10px 0;
    border: none;
}

    .summary-table td[b-rcm4yp44qr] {
        padding: 15px;
        border: none;
        border-bottom: 1px solid #e0e0e0; /* Light gray line */
    }

.total[b-rcm4yp44qr] {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    background-color: #f8f9fc; /* Light gray background */
    padding: 10px;
    border-radius: 5px;
}

.pay-button[b-rcm4yp44qr] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

    .pay-button:hover[b-rcm4yp44qr] {
        background-color: #0056b3;
    }

.button-pagar[b-rcm4yp44qr] {
    background-color: #1d1b7d; /* Blue button */
    color: white;
    width: 100%;
    padding: 15px 32px; 
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    transition: background-color 0.3s ease;
}

    .button-pagar:hover[b-rcm4yp44qr] {
        background-color: #1d1b7d; /* Mantén el color sin cambios */
    }

    .button-pagar:disabled[b-rcm4yp44qr] {
        background-color: #cccccc; /* Gris deshabilitado */
        cursor: not-allowed;       /* Cursor indicando que no es clickeable */
    }


.button-pagando[b-rcm4yp44qr] {
    background-color: #343a40;
    color: white;
    width: 100%;
    padding: 15px 32px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
}

.visa-card[b-rcm4yp44qr] {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.visa-logo img[b-rcm4yp44qr] {
    max-width: 80px;
    margin: 0 auto 10px;
    display: block;
}

.visa-details[b-rcm4yp44qr],
.visa-footer[b-rcm4yp44qr] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    flex: 0;
}

    .visa-details label[b-rcm4yp44qr],
    .visa-footer label[b-rcm4yp44qr] {
        font-weight: bold;
        flex: 0 0 150px;
        text-align: left;
        color: #333;
        margin-bottom: 5px;
    }

.visa-input[b-rcm4yp44qr] {
    flex: 1;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;    
    color: #555;
    background-color: #f9f9f9;
}

.short-input[b-rcm4yp44qr] {
    max-width: 70px; 
    width: 100%;
}

.medium-input[b-rcm4yp44qr] {
    max-width: 200px;
    width: 100%;
}


.spin[b-rcm4yp44qr] {
    display: inline-block;
    animation: spin-b-rcm4yp44qr 1s linear infinite;
}

@keyframes spin-b-rcm4yp44qr {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Shared/ColegiadoIndividual.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

a[b-3hjrn74tpk] {
    text-decoration: none;
    color: #5c5c5c;
}

.colegiado-card[b-3hjrn74tpk] {
    position: relative;
    width: 1460px;
    height: 107px;
    top: 60px;
    left: 10px;
    background-color: #ffffff;
    border-radius: 16px;
    border: 1px solid;
    border-color: #919fc9;
    margin-bottom: 20px;
}

.foto[b-3hjrn74tpk] {
    top: 10px;
    position: absolute;
    width: 86px;
    height: 86px;
    left: 89px;
}

.text-codigo[b-3hjrn74tpk] {
    width: 59px;
    position: absolute;
    top: 36px;
    left: 528px;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: var(--x-15-1b-32);
    font-size: 22px;
    letter-spacing: 0;
    line-height: normal;
}

.text-nombre[b-3hjrn74tpk] {
    top: 34px;
    position: absolute;
    width: 236px;
    left: 233px;
    font-family: "CustomFont", Helvetica;
    font-weight: 900;
    color: var(--x-15-1b-32);
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
}

.text-status[b-3hjrn74tpk] {
    position: absolute;
    width: 140px;
    top: 0;
    left: 0px;
    font-family: "CustomFont", Helvetica;
    font-weight: 500;
    color: #fafbff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.text-tipo[b-3hjrn74tpk] {
    position: absolute;
    width: 100px;
    top: 0;
    left: 2px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.text-carrera[b-3hjrn74tpk] {
    position: absolute;
    width: 75px;
    top: 0;
    left: 24px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #6882ce;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.text-bloquear[b-3hjrn74tpk] {
    top: 33px;
    color: #5c5c5c;
    position: absolute;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.text-pagar[b-3hjrn74tpk] {
    top: 33px;
    left: 80px;
    color: #5c5c5c;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.text-editar[b-3hjrn74tpk] {
    left: 142px;
    top: 33px;
    color: #5c5c5c;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.text-jubilar[b-3hjrn74tpk] {
    left: 204px;
    top: 33px;
    color: #5c5c5c;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.text-defuncion[b-3hjrn74tpk] {
    left: 269px;
    color: #5c5c5c;
    position: absolute;
    top: 33px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.text-activar[b-3hjrn74tpk] {
    left: 350px;
    color: #5c5c5c;
    position: absolute;
    top: 33px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.overlap-status[b-3hjrn74tpk] {
    position: absolute;
    width: 71px;
    height: 25px;
    top: 42px;
    left: 752px;
}

.overlap-carrera[b-3hjrn74tpk] {
    position: absolute;
    width: 120px;
    height: 25px;
    top: 42px;
    left: 621px;
}

.overlap-tipo[b-3hjrn74tpk] {
    position: absolute;
    width: 154px;
    height: 25px;
    top: 42px;
    left: 900px;
}

.bag-status1[b-3hjrn74tpk] {
    background-color: #51d497;    
}

.bag-status3[b-3hjrn74tpk] {
    background-color: #51d497;
}

.bag-status2[b-3hjrn74tpk] {
    background-color: red;
}

.bag-status4[b-3hjrn74tpk] {
    background-color: red;
}

.bag-status5[b-3hjrn74tpk] {
    background-color: black;
}

.bag-status6[b-3hjrn74tpk] {
    background-color: orange;
}

.bag-status[b-3hjrn74tpk] {
    width: 140px;
    height: 24px;    
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 4px;
}

.bag-tipo[b-3hjrn74tpk] {
    width: 100px;
    height: 24px;
    background-color: #d45183;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 4px;
}
.bag-carrera[b-3hjrn74tpk] {
    width: 120px;
    height: 24px;
    border: 1px solid;
    border-color: #919fc9;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 4px;
}



.group-toolbar[b-3hjrn74tpk] {
    position: absolute;
    width: 334px;
    height: 49px;
    top: 28px;
    left: 1047px;
}

.usuarios .text-wrapper-6[b-3hjrn74tpk] {
    top: 33px;
    left: 80px;
    color: #5c5c5c;
    position: absolute;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.button-bloquear[b-3hjrn74tpk] {
    position: absolute;
    left: 17px;
    width: 16px;
    height: 21px;
    top: 1px;
}

.button-pagar[b-3hjrn74tpk] {
    position: absolute;
    left: 83px;
    width: 26px;
    height: 19px;
    top: 5px;
}

.button-editar[b-3hjrn74tpk] {
    position: absolute;
    left: 150px;
    width: 22px;
    height: 22px;
    top: 4px;
}

.button-jubilar[b-3hjrn74tpk] {
    position: absolute;
    left: 216px;
    width: 17px;
    height: 26px;
    top: 1px;
}


.button-defuncion[b-3hjrn74tpk] {
    position: absolute;
    left: 284px;
    width: 18px;
    height: 29px;
    top: 0;
}

.button-activar[b-3hjrn74tpk] {
    position: absolute;
    left: 351px;
    width: 30px;
    height: 30px;
    top: 0;
}
/* /Shared/ColegiadoResumen.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

body[b-h9k5cer5az] {
    font-family: 'Aptos', Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f9fc;
    color: #333;
}

.card[b-h9k5cer5az] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    flex-direction: unset;
}

.header-card[b-h9k5cer5az] {
    display: flex;
    justify-content: space-between;
}

.profile[b-h9k5cer5az] {
    display: flex;
    align-items: center;
}

.profile-img[b-h9k5cer5az] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 10px;
}

.profile-details h1[b-h9k5cer5az] {
    margin: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    font-size: 32px;
    color: #747474;
    white-space: nowrap;
}

.profile-details p[b-h9k5cer5az] {
    margin: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 900;
    font-size: 22px;    
    white-space: nowrap;
}

.profile-details .badges[b-h9k5cer5az] {
    margin-top: 10px;
}

.badge[b-h9k5cer5az] {
    width: 150px;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
}

.badge-grey[b-h9k5cer5az] {
   
}

.badge-blue[b-h9k5cer5az] {
    background-color: white;
    color: #007bff;
    border-color: #007bff;
    border-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    border-top-width: 3px;
    border-bottom-width: 3px;
}

.badge-red[b-h9k5cer5az] {
    background-color:  #D45184;
    color: white;
}

.payment-info p[b-h9k5cer5az] {
    margin: 5px 0;
    font-family: "CustomFont", Helvetica;
    color: #8C8C8C;
}

.payment-info span[b-h9k5cer5az] {
    font-weight: bold;
    font-family: "CustomFont", Helvetica;
    color: #1D1B7D;
}
























.colegiado-card[b-h9k5cer5az] {
    position: relative;
    background-color: #f2f4fa;
    overflow: hidden;
    width: 1402px;
    height: 267px;
    left: 10px;
}

.foto[b-h9k5cer5az] {
    position: relative;
    width: 144px;
    height: 144px;
    top: 75px;
    left: 97px;
}

.text-codigo[b-h9k5cer5az] {
    position: absolute;
    width: 59px;
    top: 86px;
    left: 263px;
    font-family: "CustomFont", Helvetica;
    font-weight: 700;
    color: #747474;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.text-nombre[b-h9k5cer5az] {
    position: absolute;
    width: 236px;
    top: 0;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 900;
    color: var(--x-15-1b-32);
    font-size: 22px;
    letter-spacing: 0;
    line-height: normal;
}

.text-status[b-h9k5cer5az] {
    position: absolute;
    width: 71px;
    top: 60px;
    left: 0px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #fafbff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.text-carrera[b-h9k5cer5az] {
    position: absolute;
    width: 75px;
    top: 60px;
    left: 0px;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #6882ce;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.overlap[b-h9k5cer5az] {
    position: absolute;
    width: 307px;
    height: 56px;
    top: 126px;
    left: 263px;
}

.overlap-2[b-h9k5cer5az] {
    position: absolute;
    width: 120px;
    height: 25px;
    top: 157px;
    left: 263px;
}


.overlap-12[b-h9k5cer5az] {
    position: absolute;
    width: 417px;
    height: 82px;
    top: 151px;
    left: 523px;
}

.overlap-13[b-h9k5cer5az] {
    position: absolute;
    width: 417px;
    height: 22px;
    top: 171px;
    left: 523px;
}

.overlap-14[b-h9k5cer5az] {
    position: absolute;
    width: 417px;
    height: 22px;
    top: 191px;
    left: 523px;
}


.bag-status1[b-h9k5cer5az] {
    background-color: #51d497;
}

.bag-status3[b-h9k5cer5az] {
    background-color: #51d497;
}

.bag-status2[b-h9k5cer5az] {
    background-color: red;
}

.bag-status4[b-h9k5cer5az] {
    background-color: red;
}

.bag-status5[b-h9k5cer5az] {
    background-color: black;
}

.bag-status6[b-h9k5cer5az] {
    background-color: orange;
}

.bag-status[b-h9k5cer5az] {
    width: 140px;
    height: 24px;
    position: absolute;
    top: 60px;
    left: 0px;
    border-radius: 4px;
}

.overlap-carrera[b-h9k5cer5az] {
    width: 120px;
    height: 24px;
    position: absolute;
    top: 60px;
    left: 0px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #919fc9;
}

.text-wrap-38[b-h9k5cer5az] {
    position: absolute;
    width: 203px;
    top: 0;
    left: 0;
    font-family: "CustomFont", Helvetica;
    font-weight: 40;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}

.text-wrap-39[b-h9k5cer5az] {
    position: absolute;
    width: 217px;
    top: 0;
    left: 200px;
    font-family: "CustomFont", Helvetica;
    font-weight: 400;
    color: #1d1b7d;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
}



/* /Shared/CustomInputFile2.razor.rz.scp.css */
/* Contenedor principal */
.file-upload-container[b-fh7emwye0o] {
    text-align: center;
    background-color: #f9f9fc;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: auto;
    font-family: Arial, sans-serif;
}

/* Información del archivo */
.file-info[b-fh7emwye0o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}

/* Ícono del archivo */
.file-icon img[b-fh7emwye0o] {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* Nombre del archivo */
.file-name[b-fh7emwye0o] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

/* Botón de eliminar archivo */
.file-remove[b-fh7emwye0o] {
    color: #e63946;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    text-decoration: none;
}

    .file-remove:hover[b-fh7emwye0o] {
        text-decoration: none;
    }

/* Botón reemplazar archivo */
.file-actions[b-fh7emwye0o] {
    margin-top: 15px;
}

.replace-button[b-fh7emwye0o] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

    .replace-button:hover[b-fh7emwye0o] {
        background-color: #0056b3;
    }

/* Detalles del archivo */
.file-details[b-fh7emwye0o] {
    font-size: 12px;
    color: #6c757d;
    margin-top: 10px;
    display: block;
}

    .file-details strong[b-fh7emwye0o] {
        color: #333;
    }
/* /Shared/InputImg.razor.rz.scp.css */
/* Contenedor principal */
.file-upload-container[b-olk0uw9ne0] {
    text-align: center;
    background-color: #f9f9fc;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: auto;
    font-family: Arial, sans-serif;
}

/* Información del archivo */
.file-info[b-olk0uw9ne0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}

/* Ícono del archivo */
.file-icon img[b-olk0uw9ne0] {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* Nombre del archivo */
.file-name[b-olk0uw9ne0] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

/* Botón de eliminar archivo */
.file-remove[b-olk0uw9ne0] {
    color: #e63946;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    text-decoration: none;
}

    .file-remove:hover[b-olk0uw9ne0] {
        text-decoration: none;
    }

/* Botón reemplazar archivo */
.file-actions[b-olk0uw9ne0] {
    margin-top: 15px;
}

.replace-button[b-olk0uw9ne0] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

    .replace-button:hover[b-olk0uw9ne0] {
        background-color: #0056b3;
    }

/* Detalles del archivo */
.file-details[b-olk0uw9ne0] {
    font-size: 12px;
    color: #6c757d;
    margin-top: 10px;
    display: block;
}

    .file-details strong[b-olk0uw9ne0] {
        color: #333;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

.page[b-ngq0j4f3dg] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #f2f4fa;
}

main[b-ngq0j4f3dg] {
    flex: 1;
}

.sidebar[b-ngq0j4f3dg] {
    
}

.top-row[b-ngq0j4f3dg] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ngq0j4f3dg]  a, .top-row[b-ngq0j4f3dg]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ngq0j4f3dg]  a:hover, .top-row[b-ngq0j4f3dg]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ngq0j4f3dg]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ngq0j4f3dg] {
        display: none;
    }

    .top-row.auth[b-ngq0j4f3dg] {
        justify-content: space-between;
    }

    .top-row[b-ngq0j4f3dg]  a, .top-row[b-ngq0j4f3dg]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ngq0j4f3dg] {
        flex-direction: row;
    }

    .sidebar[b-ngq0j4f3dg] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        background-color: #0D111D;
    }

    .top-row[b-ngq0j4f3dg] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ngq0j4f3dg]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ngq0j4f3dg], article[b-ngq0j4f3dg] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
    article[b-ngq0j4f3dg] {
        background-color: #f2f4fa;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
@font-face {
    font-family: 'CustomFont';
    src: url('fonts/Aptos.ttf') format('truetype');
}

img[b-fyjpicpte4] {
    margin-right: 10px;
}

.navbar-toggler[b-fyjpicpte4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-fyjpicpte4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-fyjpicpte4] {
    font-size: 1.1rem;
}

.oi[b-fyjpicpte4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-fyjpicpte4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    color: #d7d7d7;
}

    .nav-item:first-of-type[b-fyjpicpte4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-fyjpicpte4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-fyjpicpte4]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-fyjpicpte4]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-fyjpicpte4]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-fyjpicpte4] {
        display: none;
    }

    .collapse[b-fyjpicpte4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-fyjpicpte4] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}