/* /Components/CardAccesosComponents/CardAccesos.razor.rz.scp.css */
.card_login[b-fgsy8m5pxw] {
    position: relative;
    display: flex; 
    flex-direction: column;
    margin: auto;
    width: 30%;
    padding: 0;
    background-color: #ffffff;
    border-radius: .5vw;
    padding-top: 1vw;
    box-shadow: 0 0 .5vw #6b6b6b92;
}

.content_buttons_sections[b-fgsy8m5pxw] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-fgsy8m5pxw], .ticked[b-fgsy8m5pxw] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #F3C69B;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .ticked[b-fgsy8m5pxw] {
        font-size: 1.2vw;
        font-weight: 100;
        color: #00b1ff;
        width: 50%;
        margin: auto
    }

        .label_section:hover[b-fgsy8m5pxw], .ticked:hover[b-fgsy8m5pxw] {
            color: #F4953C;
        }

        .label_section[b-fgsy8m5pxw]:after, .ticked[b-fgsy8m5pxw]:after {
            display: block;
            width: 0;
            height: .2vw;
            margin: auto;
            background-color: #514D49;
            content: "";
            transition: all .2s ease-in-out;
        }

    .label_section:hover[b-fgsy8m5pxw]:after, .ticked:hover[b-fgsy8m5pxw]:after {
        width: 100%;
    }

.selected[b-fgsy8m5pxw]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514d49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_form[b-fgsy8m5pxw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1vw;
}

.img_logo[b-fgsy8m5pxw] {
    width: 90%;
    margin: 0 auto;
}

.content_carrusel[b-fgsy8m5pxw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fgsy8m5pxw .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-fgsy8m5pxw {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }
    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-fgsy8m5pxw] {
    display: none;
}

.input_form[b-fgsy8m5pxw] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-fgsy8m5pxw] {
        border-bottom: .2vw solid #514d49;
    }

.button_sumit[b-fgsy8m5pxw] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #514d49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.button_sumit span[b-fgsy8m5pxw] {
    position: relative;
    z-index: 2;
}

    .button_sumit[b-fgsy8m5pxw]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-fgsy8m5pxw]:after {
        bottom: 0;
    }

.content_bottom[b-fgsy8m5pxw] {
    width: 100%;
    margin: 0;
    margin-top: .5vw;
    border-radius: 0 0 .5vw .5vw;
    background-color: #e1e1e1;
}

.content_relative[b-fgsy8m5pxw] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-fgsy8m5pxw] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-fgsy8m5pxw .2s forwards;
}

    .alert_input[b-fgsy8m5pxw]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.alert_bottom[b-fgsy8m5pxw] {
    position: absolute;
    top: 15%;
    right: 105%;
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #480b05;
    animation: apareser-b-fgsy8m5pxw .2s forwards;
}

    .alert_bottom[b-fgsy8m5pxw]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-fgsy8m5pxw] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-fgsy8m5pxw] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-fgsy8m5pxw 1s infinite;
}

@keyframes loading-b-fgsy8m5pxw {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/CardContactoMunicipioComponents/CardContactoMunicipio.razor.rz.scp.css */
.content_table[b-6a2yxvclsj] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6a2yxvclsj] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6a2yxvclsj] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-6a2yxvclsj] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-6a2yxvclsj] {
        background-color: #F4953C;
    }

    .btn_cirquel i[b-6a2yxvclsj] {
        margin: auto;
    }

.content_filtros[b-6a2yxvclsj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-6a2yxvclsj] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-6a2yxvclsj], .ticked[b-6a2yxvclsj] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-6a2yxvclsj] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-6a2yxvclsj], .ticked:hover[b-6a2yxvclsj] {
        color: #514D49;
    }

    .label_section[b-6a2yxvclsj]:after, .ticked[b-6a2yxvclsj]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-6a2yxvclsj]:after, .ticked:hover[b-6a2yxvclsj]:after {
        width: 100%;
    }

.selected[b-6a2yxvclsj]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-6a2yxvclsj] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-6a2yxvclsj .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6a2yxvclsj {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-6a2yxvclsj] {
    display: none;
}

.input_form[b-6a2yxvclsj] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6a2yxvclsj] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-6a2yxvclsj] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-6a2yxvclsj] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-6a2yxvclsj]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-6a2yxvclsj]:after {
        bottom: 0;
    }

.content_relative[b-6a2yxvclsj] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6a2yxvclsj] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6a2yxvclsj .2s forwards;
}

    .alert_input[b-6a2yxvclsj]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-6a2yxvclsj] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6a2yxvclsj] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6a2yxvclsj {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-6a2yxvclsj] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-6a2yxvclsj], .content_grid_tabla_boddy[b-6a2yxvclsj] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-6a2yxvclsj] {
    background-color: #514D49;
    color: #fff;
}

.grid_3[b-6a2yxvclsj] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-6a2yxvclsj] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

.txt_plano[b-6a2yxvclsj] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-6a2yxvclsj] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.img_noticia[b-6a2yxvclsj] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-6a2yxvclsj] {
    grid-column: span 2;
}

.btn_edit[b-6a2yxvclsj], .btn_delete[b-6a2yxvclsj] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-6a2yxvclsj] {
    background-color: #F4953C;
}

.btn_delete[b-6a2yxvclsj] {
    background-color: #514D49;
}

    .btn_edit span[b-6a2yxvclsj], .btn_delete span[b-6a2yxvclsj] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-6a2yxvclsj], .btn_delete:hover span[b-6a2yxvclsj] {
        opacity: 1;
    }

    .btn_delete i[b-6a2yxvclsj], .btn_edit i[b-6a2yxvclsj] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-6a2yxvclsj]:after, .btn_delete[b-6a2yxvclsj]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-6a2yxvclsj]:after {
    background-color: #254ad8;
}

.btn_delete[b-6a2yxvclsj]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-6a2yxvclsj]:after, .btn_delete:hover[b-6a2yxvclsj]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-6a2yxvclsj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-6a2yxvclsj] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-6a2yxvclsj] {
        color: #514D49;
        background-color: #F4953C12;
    }

    .pagina[b-6a2yxvclsj]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-6a2yxvclsj]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-6a2yxvclsj] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #F4953C;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-6a2yxvclsj 1s initial;
}

.content_flex[b-6a2yxvclsj] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-6a2yxvclsj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-6a2yxvclsj] {
    display: flex;
    flex-direction: row;
}

.card_contacto[b-6a2yxvclsj] {
    width: 80%;
    margin: auto;
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: 0.2vw 0.2vw 0.5vw #444444b2;
    background-color: #fff;
}

.title_card[b-6a2yxvclsj] {
    font-size: 2vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 1vw auto;
}

.text_plano[b-6a2yxvclsj] {
    font-size: 1.2vw;
    margin: 0 auto;
    text-align: center;
}

.grid_3[b-6a2yxvclsj] {
    margin: 2vw auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-6a2yxvclsj] {
    display: flex;
    flex-direction: column;
}

.icon_col[b-6a2yxvclsj] {
    margin: 1vw auto;
    font-size: 2vw;
    color: #F4953C;
    border: .2vw solid #F4953C;
    border-radius: 50%;
    padding: 1vw;
}

.action_base[b-6a2yxvclsj] {
    text-decoration: none;
    margin: auto;
}
/* /Components/CardEditarAgendaComponents/CardEditarAgenda.razor.rz.scp.css */
.content_table[b-u7jvm6wor2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-u7jvm6wor2] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-u7jvm6wor2] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-u7jvm6wor2], .content_btn[b-u7jvm6wor2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-u7jvm6wor2] {
    grid-column: span 2;
}

.content_buttons_sections[b-u7jvm6wor2] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-u7jvm6wor2], .ticked[b-u7jvm6wor2] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-u7jvm6wor2] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-u7jvm6wor2], .ticked:hover[b-u7jvm6wor2] {
        color: #514D49;
    }

    .label_section[b-u7jvm6wor2]:after, .ticked[b-u7jvm6wor2]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-u7jvm6wor2]:after, .ticked:hover[b-u7jvm6wor2]:after {
        width: 100%;
    }

.selected[b-u7jvm6wor2]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-u7jvm6wor2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-u7jvm6wor2 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-u7jvm6wor2] {
    display: none;
}

.input_form[b-u7jvm6wor2] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-u7jvm6wor2] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-u7jvm6wor2] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-u7jvm6wor2] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-u7jvm6wor2]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-u7jvm6wor2]:after {
        bottom: 0;
    }

.content_relative[b-u7jvm6wor2] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-u7jvm6wor2] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-u7jvm6wor2 .2s forwards;
}

    .alert_input[b-u7jvm6wor2]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-u7jvm6wor2] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-u7jvm6wor2] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-u7jvm6wor2 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-u7jvm6wor2] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-u7jvm6wor2], .content_grid_tabla_boddy[b-u7jvm6wor2] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-u7jvm6wor2] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-u7jvm6wor2] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-u7jvm6wor2] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-u7jvm6wor2] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-u7jvm6wor2] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.text_plano[b-u7jvm6wor2] {
    margin: auto 1vw;
    font-size: 1.2vw;
}

.grid_3[b-u7jvm6wor2] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-u7jvm6wor2] {
    width: 100%;
}

.file_oculto[b-u7jvm6wor2] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarBolsaTrabajoComponents/CardEditarBolsaTrabajo.razor.rz.scp.css */
.content_table[b-slerimaft3] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-slerimaft3] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-slerimaft3] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-slerimaft3], .content_btn[b-slerimaft3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.line_styls[b-slerimaft3] {
    color: #F4953C;
    width: 100%;
    height: 2px;
}

.span_2[b-slerimaft3] {
    grid-column: span 2;
}

.span_3[b-slerimaft3] {
    grid-column: span 3;
}

.content_buttons_sections[b-slerimaft3] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-slerimaft3], .ticked[b-slerimaft3] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-slerimaft3] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-slerimaft3] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-slerimaft3] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-slerimaft3] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-slerimaft3], .ticked:hover[b-slerimaft3] {
        color: #514D49;
    }

    .label_section[b-slerimaft3]:after, .ticked[b-slerimaft3]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-slerimaft3]:after, .ticked:hover[b-slerimaft3]:after {
        width: 100%;
    }

.selected[b-slerimaft3]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-slerimaft3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-slerimaft3 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-slerimaft3] {
    display: none;
}

.input_form[b-slerimaft3] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-slerimaft3] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-slerimaft3] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-slerimaft3] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-slerimaft3]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-slerimaft3]:after {
        bottom: 0;
    }

.content_relative[b-slerimaft3] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-slerimaft3] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-slerimaft3 .2s forwards;
}

    .alert_input[b-slerimaft3]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-slerimaft3] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-slerimaft3] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-slerimaft3] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-slerimaft3 1s infinite;
    z-index: 3;
}

@keyframes loading-b-slerimaft3 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-slerimaft3] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-slerimaft3], .content_grid_tabla_boddy[b-slerimaft3] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-slerimaft3] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-slerimaft3] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-slerimaft3] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-slerimaft3] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-slerimaft3] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-slerimaft3] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-slerimaft3] {
    width: 100%;
}

.file_oculto[b-slerimaft3] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarContactoMunicipioComponents/CardEditarContactoMunicipio.razor.rz.scp.css */
.content_table[b-80g2etg51g] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-80g2etg51g] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-80g2etg51g] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-80g2etg51g], .content_btn[b-80g2etg51g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.content_grid_form_3[b-80g2etg51g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.span_2[b-80g2etg51g] {
    grid-column: span 2;
}

.span_3[b-80g2etg51g] {
    grid-column: span 3;
}

.content_buttons_sections[b-80g2etg51g] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-80g2etg51g], .ticked[b-80g2etg51g] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-80g2etg51g] {
    position: relative;
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
    background-color: #fff;
}

.title_card[b-80g2etg51g] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-80g2etg51g] {
    font-size: 1vw;
    margin: auto 0;
}

.ticked[b-80g2etg51g] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-80g2etg51g], .ticked:hover[b-80g2etg51g] {
        color: #514D49;
    }

    .label_section[b-80g2etg51g]:after, .ticked[b-80g2etg51g]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-80g2etg51g]:after, .ticked:hover[b-80g2etg51g]:after {
        width: 100%;
    }

.selected[b-80g2etg51g]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-80g2etg51g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-80g2etg51g {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-80g2etg51g] {
    display: none;
}

.input_form[b-80g2etg51g] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-80g2etg51g] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-80g2etg51g] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-80g2etg51g] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-80g2etg51g]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-80g2etg51g]:after {
        bottom: 0;
    }

.content_relative[b-80g2etg51g] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-80g2etg51g] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-80g2etg51g .2s forwards;
}

    .alert_input[b-80g2etg51g]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-80g2etg51g] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-80g2etg51g] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-80g2etg51g {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-80g2etg51g] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-80g2etg51g], .content_grid_tabla_boddy[b-80g2etg51g] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-80g2etg51g] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-80g2etg51g] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-80g2etg51g] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-80g2etg51g] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-80g2etg51g] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-80g2etg51g] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-80g2etg51g] {
    width: 100%;
}

.file_oculto[b-80g2etg51g] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.icon_col[b-80g2etg51g] {
    font-size: 1.5vw;
    margin: auto 1vw;
    color: #514D49;
}

.icono_delete[b-80g2etg51g] {
    position: absolute;
    right: 3%;
    top: 35%;
    font-size: 1.5vw;
    color: #c2c2c2;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .icono_delete[b-80g2etg51g]:after {
        content: "Eliminar";
        position: absolute;
        background-color: #fff;
        color: #000;
        padding: .5vw 1vw;
        border-radius: 1vw;
        font-size: .8vw;
        top: -20%;
        right: 150%;
        opacity: 0;
        transition: all .2s ease-in-out;
        box-shadow: .2vw .2vw .5vw #21212166;
        z-index: 3;
    }

.icono_delete:hover[b-80g2etg51g] {
    color: #808080;
}

.icono_delete:hover[b-80g2etg51g]:after {
    opacity: 1;
}
/* /Components/CardEditarConvenioComponents/CardEditarConvenio.razor.rz.scp.css */
.content_table[b-vp68s9d34l] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-vp68s9d34l] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vp68s9d34l] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-vp68s9d34l], .content_btn[b-vp68s9d34l] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-vp68s9d34l] {
    grid-column: span 2;
}

.content_buttons_sections[b-vp68s9d34l] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-vp68s9d34l], .ticked[b-vp68s9d34l] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-vp68s9d34l] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-vp68s9d34l], .ticked:hover[b-vp68s9d34l] {
        color: #514D49;
    }

    .label_section[b-vp68s9d34l]:after, .ticked[b-vp68s9d34l]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-vp68s9d34l]:after, .ticked:hover[b-vp68s9d34l]:after {
        width: 100%;
    }

.selected[b-vp68s9d34l]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-vp68s9d34l] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-vp68s9d34l {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-vp68s9d34l] {
    display: none;
}

.input_form[b-vp68s9d34l] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-vp68s9d34l] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-vp68s9d34l] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-vp68s9d34l] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-vp68s9d34l]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-vp68s9d34l]:after {
        bottom: 0;
    }

.content_relative[b-vp68s9d34l] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-vp68s9d34l] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-vp68s9d34l .2s forwards;
}

    .alert_input[b-vp68s9d34l]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-vp68s9d34l] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-vp68s9d34l] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-vp68s9d34l {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-vp68s9d34l] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-vp68s9d34l], .content_grid_tabla_boddy[b-vp68s9d34l] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-vp68s9d34l] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-vp68s9d34l] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-vp68s9d34l] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-vp68s9d34l] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-vp68s9d34l] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.text_plano[b-vp68s9d34l] {
    margin: auto 1vw;
    font-size: 1.2vw;
}

.grid_3[b-vp68s9d34l] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-vp68s9d34l] {
    width: 100%;
}

.file_oculto[b-vp68s9d34l] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarDirectorioComponents/CardEditarDirectorio.razor.rz.scp.css */
.content_table[b-h7nr9umvq1] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-h7nr9umvq1] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-h7nr9umvq1] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-h7nr9umvq1], .content_btn[b-h7nr9umvq1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-h7nr9umvq1] {
    grid-column: span 2;
}

.content_buttons_sections[b-h7nr9umvq1] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-h7nr9umvq1], .ticked[b-h7nr9umvq1] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-h7nr9umvq1] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-h7nr9umvq1], .ticked:hover[b-h7nr9umvq1] {
        color: #514D49;
    }

    .label_section[b-h7nr9umvq1]:after, .ticked[b-h7nr9umvq1]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-h7nr9umvq1]:after, .ticked:hover[b-h7nr9umvq1]:after {
        width: 100%;
    }

.selected[b-h7nr9umvq1]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-h7nr9umvq1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-h7nr9umvq1 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-h7nr9umvq1] {
    display: none;
}

.input_form[b-h7nr9umvq1] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-h7nr9umvq1] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-h7nr9umvq1] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-h7nr9umvq1] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-h7nr9umvq1]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-h7nr9umvq1]:after {
        bottom: 0;
    }



.content_relative[b-h7nr9umvq1] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-h7nr9umvq1] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-h7nr9umvq1 .2s forwards;
}

    .alert_input[b-h7nr9umvq1]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-h7nr9umvq1] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-h7nr9umvq1] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-h7nr9umvq1 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-h7nr9umvq1] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-h7nr9umvq1], .content_grid_tabla_boddy[b-h7nr9umvq1] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-h7nr9umvq1] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-h7nr9umvq1] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-h7nr9umvq1] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-h7nr9umvq1] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-h7nr9umvq1] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-h7nr9umvq1] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-h7nr9umvq1] {
    width: 100%;
}

.file_oculto[b-h7nr9umvq1] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}


.comctemt_image[b-h7nr9umvq1] {
    position: relative;
    display: flex;
}

.icon_delete[b-h7nr9umvq1] {
    position: absolute;
    top: 5%;
    right: 3%;
    color: #808080;
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
}

.icon_delete:hover[b-h7nr9umvq1] {
    color: #fff;
}
/* /Components/CardEditarLugarturisticoComponents/CardEditarLugarturistico.razor.rz.scp.css */
.content_table[b-6yi48vw6wy] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6yi48vw6wy] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6yi48vw6wy] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-6yi48vw6wy], .content_btn[b-6yi48vw6wy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-6yi48vw6wy] {
    grid-column: span 2;
}

.span_3[b-6yi48vw6wy] {
    grid-column: span 3;
}

.content_buttons_sections[b-6yi48vw6wy] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-6yi48vw6wy], .ticked[b-6yi48vw6wy] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-6yi48vw6wy] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-6yi48vw6wy] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-6yi48vw6wy] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-6yi48vw6wy] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-6yi48vw6wy], .ticked:hover[b-6yi48vw6wy] {
        color: #514D49;
    }

    .label_section[b-6yi48vw6wy]:after, .ticked[b-6yi48vw6wy]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-6yi48vw6wy]:after, .ticked:hover[b-6yi48vw6wy]:after {
        width: 100%;
    }

.selected[b-6yi48vw6wy]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-6yi48vw6wy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6yi48vw6wy {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-6yi48vw6wy] {
    display: none;
}

.input_form[b-6yi48vw6wy] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6yi48vw6wy] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-6yi48vw6wy] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-6yi48vw6wy] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-6yi48vw6wy]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-6yi48vw6wy]:after {
        bottom: 0;
    }

.content_relative[b-6yi48vw6wy] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6yi48vw6wy] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6yi48vw6wy .2s forwards;
}

    .alert_input[b-6yi48vw6wy]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-6yi48vw6wy] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6yi48vw6wy] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6yi48vw6wy {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-6yi48vw6wy] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-6yi48vw6wy], .content_grid_tabla_boddy[b-6yi48vw6wy] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-6yi48vw6wy] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-6yi48vw6wy] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-6yi48vw6wy] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-6yi48vw6wy] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-6yi48vw6wy] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-6yi48vw6wy] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-6yi48vw6wy] {
    width: 100%;
}

.file_oculto[b-6yi48vw6wy] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.comctemt_image[b-6yi48vw6wy] {
    position: relative;
    display: flex;
}

.icon_delete[b-6yi48vw6wy] {
    position: absolute;
    top: 5%;
    right: 3%;
    color: #808080;
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
}

    .icon_delete:hover[b-6yi48vw6wy] {
        color: #fff;
    }
/* /Components/CardEditarNoticiaComponents/CardEditarNoticia.razor.rz.scp.css */
.content_table[b-6en2kiqi5y] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-6en2kiqi5y] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-6en2kiqi5y] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-6en2kiqi5y], .content_btn[b-6en2kiqi5y] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-6en2kiqi5y] {
    grid-column: span 2;
}

.content_buttons_sections[b-6en2kiqi5y] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-6en2kiqi5y], .ticked[b-6en2kiqi5y] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-6en2kiqi5y] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-6en2kiqi5y], .ticked:hover[b-6en2kiqi5y] {
        color: #514D49;
    }

    .label_section[b-6en2kiqi5y]:after, .ticked[b-6en2kiqi5y]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-6en2kiqi5y]:after, .ticked:hover[b-6en2kiqi5y]:after {
        width: 100%;
    }

.selected[b-6en2kiqi5y]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-6en2kiqi5y] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-6en2kiqi5y {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-6en2kiqi5y] {
    display: none;
}

.input_form[b-6en2kiqi5y] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-6en2kiqi5y] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-6en2kiqi5y] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-6en2kiqi5y] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-6en2kiqi5y]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-6en2kiqi5y]:after {
        bottom: 0;
    }

.content_relative[b-6en2kiqi5y] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-6en2kiqi5y] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-6en2kiqi5y .2s forwards;
}

    .alert_input[b-6en2kiqi5y]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-6en2kiqi5y] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-6en2kiqi5y] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6en2kiqi5y {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-6en2kiqi5y] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-6en2kiqi5y], .content_grid_tabla_boddy[b-6en2kiqi5y] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-6en2kiqi5y] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-6en2kiqi5y] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-6en2kiqi5y] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-6en2kiqi5y] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-6en2kiqi5y] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.text_plano[b-6en2kiqi5y] {
    margin: auto 1vw;
    font-size: 1.2vw;
}

.grid_3[b-6en2kiqi5y] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-6en2kiqi5y] {
    width: 100%;
}

.file_oculto[b-6en2kiqi5y] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarRfcComponents/CardEditarRfc.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-rt0cjvx22t] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-rt0cjvx22t .2s forwards;
}

@keyframes apareser-b-rt0cjvx22t {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-rt0cjvx22t]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-rt0cjvx22t] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.content_table[b-rt0cjvx22t] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-rt0cjvx22t] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-rt0cjvx22t] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-rt0cjvx22t], .content_btn[b-rt0cjvx22t] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-rt0cjvx22t] {
    grid-column: span 2;
}

.content_buttons_sections[b-rt0cjvx22t] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-rt0cjvx22t], .ticked[b-rt0cjvx22t] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-rt0cjvx22t] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-rt0cjvx22t], .ticked:hover[b-rt0cjvx22t] {
        color: #514D49;
    }

    .label_section[b-rt0cjvx22t]:after, .ticked[b-rt0cjvx22t]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-rt0cjvx22t]:after, .ticked:hover[b-rt0cjvx22t]:after {
        width: 100%;
    }

.selected[b-rt0cjvx22t]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-rt0cjvx22t] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-rt0cjvx22t {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-rt0cjvx22t] {
    display: none;
}

.input_form[b-rt0cjvx22t] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-rt0cjvx22t] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-rt0cjvx22t] {
    display: inline-flex;
    position: relative;
    width: 40%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-rt0cjvx22t] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-rt0cjvx22t]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-rt0cjvx22t]:after {
        bottom: 0;
    }

.content_relative[b-rt0cjvx22t] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-rt0cjvx22t] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-rt0cjvx22t .2s forwards;
}

    .alert_input[b-rt0cjvx22t]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-rt0cjvx22t] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-rt0cjvx22t] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-rt0cjvx22t {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-rt0cjvx22t] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-rt0cjvx22t], .content_grid_tabla_boddy[b-rt0cjvx22t] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-rt0cjvx22t] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-rt0cjvx22t] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-rt0cjvx22t] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-rt0cjvx22t] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-rt0cjvx22t] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-rt0cjvx22t] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-rt0cjvx22t] {
    width: 100%;
}

.file_oculto[b-rt0cjvx22t] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarSecretariaComponents/CardEditarSecretaria.razor.rz.scp.css */
.content_table[b-mv78lw5rqd] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-mv78lw5rqd] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-mv78lw5rqd] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-mv78lw5rqd], .content_btn[b-mv78lw5rqd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-mv78lw5rqd] {
    grid-column: span 2;
}

.content_buttons_sections[b-mv78lw5rqd] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-mv78lw5rqd], .ticked[b-mv78lw5rqd] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-mv78lw5rqd] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-mv78lw5rqd], .ticked:hover[b-mv78lw5rqd] {
        color: #514D49;
    }

    .label_section[b-mv78lw5rqd]:after, .ticked[b-mv78lw5rqd]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-mv78lw5rqd]:after, .ticked:hover[b-mv78lw5rqd]:after {
        width: 100%;
    }

.selected[b-mv78lw5rqd]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-mv78lw5rqd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-mv78lw5rqd {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-mv78lw5rqd] {
    display: none;
}

.input_form[b-mv78lw5rqd] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-mv78lw5rqd] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-mv78lw5rqd] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-mv78lw5rqd] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-mv78lw5rqd]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-mv78lw5rqd]:after {
        bottom: 0;
    }

.content_relative[b-mv78lw5rqd] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-mv78lw5rqd] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-mv78lw5rqd .2s forwards;
}

    .alert_input[b-mv78lw5rqd]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-mv78lw5rqd] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-mv78lw5rqd] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-mv78lw5rqd {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-mv78lw5rqd] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-mv78lw5rqd], .content_grid_tabla_boddy[b-mv78lw5rqd] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-mv78lw5rqd] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-mv78lw5rqd] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-mv78lw5rqd] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-mv78lw5rqd] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-mv78lw5rqd] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.text_plano[b-mv78lw5rqd] {
    margin: auto 1vw;
    font-size: 1.2vw;
}

.grid_3[b-mv78lw5rqd] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-mv78lw5rqd] {
    width: 100%;
}

.file_oculto[b-mv78lw5rqd] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditarTramiteComponents/CardEditarTramite.razor.rz.scp.css */
.content_table[b-av2vn75qj6] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-av2vn75qj6] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-av2vn75qj6] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-av2vn75qj6], .content_btn[b-av2vn75qj6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-av2vn75qj6] {
    grid-column: span 2;
}

.span_3[b-av2vn75qj6] {
    grid-column: span 3;
}

.content_buttons_sections[b-av2vn75qj6] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-av2vn75qj6], .ticked[b-av2vn75qj6] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-av2vn75qj6] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-av2vn75qj6] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-av2vn75qj6] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-av2vn75qj6] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-av2vn75qj6], .ticked:hover[b-av2vn75qj6] {
        color: #514D49;
    }

    .label_section[b-av2vn75qj6]:after, .ticked[b-av2vn75qj6]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-av2vn75qj6]:after, .ticked:hover[b-av2vn75qj6]:after {
        width: 100%;
    }

.selected[b-av2vn75qj6]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-av2vn75qj6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-av2vn75qj6 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-av2vn75qj6] {
    display: none;
}

.input_form[b-av2vn75qj6] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-av2vn75qj6] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-av2vn75qj6] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-av2vn75qj6] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-av2vn75qj6]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-av2vn75qj6]:after {
        bottom: 0;
    }

.content_relative[b-av2vn75qj6] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-av2vn75qj6] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-av2vn75qj6 .2s forwards;
}

    .alert_input[b-av2vn75qj6]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-av2vn75qj6] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-av2vn75qj6] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-av2vn75qj6] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-av2vn75qj6 1s infinite;
    z-index: 3;
}

@keyframes loading-b-av2vn75qj6 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-av2vn75qj6] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-av2vn75qj6], .content_grid_tabla_boddy[b-av2vn75qj6] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-av2vn75qj6] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-av2vn75qj6] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-av2vn75qj6] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-av2vn75qj6] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-av2vn75qj6] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-av2vn75qj6] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-av2vn75qj6] {
    width: 100%;
}

.file_oculto[b-av2vn75qj6] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/*PDF*/
.pdf_item[b-av2vn75qj6] {
    position: relative;
    display: inline-block;
    margin: 10px;
    text-align: center;
}

.pdf_wrapper[b-av2vn75qj6] {
    position: relative;
    display: inline-block;
}

.pdf_icon[b-av2vn75qj6] {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}

.icon_delete[b-av2vn75qj6] {
    position: absolute;
    top: 2px; 
    right: 2px; 
    background-color: #ff4c4c; 
    color: white;
    border-radius: 50%;
    padding: 2px 5px;
    cursor: pointer;
    font-size: 14px;
    z-index: 10;
    transition: all 0.3s ease;
}

    .icon_delete:hover[b-av2vn75qj6] {
        background-color: #8B0000;
        transform: scale(1.2);
    }

.pdf_name[b-av2vn75qj6] {
    margin-top: 5px;
    font-size: 12px;
    word-break: break-word;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
}

/* /Components/CardEditDependenciaComponents/CardEditDependencia.razor.rz.scp.css */
.content_table[b-xleejp1tgy] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-xleejp1tgy] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-xleejp1tgy] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-xleejp1tgy], .content_btn[b-xleejp1tgy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-xleejp1tgy] {
    grid-column: span 2;
}

.content_buttons_sections[b-xleejp1tgy] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-xleejp1tgy], .ticked[b-xleejp1tgy] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-xleejp1tgy] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-xleejp1tgy], .ticked:hover[b-xleejp1tgy] {
        color: #514D49;
    }

    .label_section[b-xleejp1tgy]:after, .ticked[b-xleejp1tgy]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-xleejp1tgy]:after, .ticked:hover[b-xleejp1tgy]:after {
        width: 100%;
    }

.selected[b-xleejp1tgy]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-xleejp1tgy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-xleejp1tgy {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-xleejp1tgy] {
    display: none;
}

.input_form[b-xleejp1tgy] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-xleejp1tgy] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-xleejp1tgy] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-xleejp1tgy] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-xleejp1tgy]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-xleejp1tgy]:after {
        bottom: 0;
    }

.content_relative[b-xleejp1tgy] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-xleejp1tgy] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-xleejp1tgy .2s forwards;
}

    .alert_input[b-xleejp1tgy]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-xleejp1tgy] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-xleejp1tgy] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-xleejp1tgy {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-xleejp1tgy] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-xleejp1tgy], .content_grid_tabla_boddy[b-xleejp1tgy] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-xleejp1tgy] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-xleejp1tgy] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-xleejp1tgy] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-xleejp1tgy] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-xleejp1tgy] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.text_plano[b-xleejp1tgy] {
    margin: auto 1vw;
    font-size: 1.2vw;
}

.grid_3[b-xleejp1tgy] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-xleejp1tgy] {
    width: 100%;
}

.file_oculto[b-xleejp1tgy] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEditRutaRecoleccionComponents/CardEditRutaRecoleccion.razor.rz.scp.css */
.content_table[b-vxuzz48fqi] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-vxuzz48fqi] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vxuzz48fqi] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-vxuzz48fqi], .content_btn[b-vxuzz48fqi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-vxuzz48fqi] {
    grid-column: span 2;
}

.span_3[b-vxuzz48fqi] {
    grid-column: span 3;
}

.content_buttons_sections[b-vxuzz48fqi] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-vxuzz48fqi], .ticked[b-vxuzz48fqi] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-vxuzz48fqi] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-vxuzz48fqi] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-vxuzz48fqi] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-vxuzz48fqi] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-vxuzz48fqi], .ticked:hover[b-vxuzz48fqi] {
        color: #514D49;
    }

    .label_section[b-vxuzz48fqi]:after, .ticked[b-vxuzz48fqi]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-vxuzz48fqi]:after, .ticked:hover[b-vxuzz48fqi]:after {
        width: 100%;
    }

.selected[b-vxuzz48fqi]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-vxuzz48fqi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-vxuzz48fqi {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-vxuzz48fqi] {
    display: none;
}

.input_form[b-vxuzz48fqi] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-vxuzz48fqi] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-vxuzz48fqi] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-vxuzz48fqi] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-vxuzz48fqi]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-vxuzz48fqi]:after {
        bottom: 0;
    }

.content_relative[b-vxuzz48fqi] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-vxuzz48fqi] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-vxuzz48fqi .2s forwards;
}

    .alert_input[b-vxuzz48fqi]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-vxuzz48fqi] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-vxuzz48fqi] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-vxuzz48fqi] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-vxuzz48fqi 1s infinite;
    z-index: 3;
}

@keyframes loading-b-vxuzz48fqi {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-vxuzz48fqi] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-vxuzz48fqi], .content_grid_tabla_boddy[b-vxuzz48fqi] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-vxuzz48fqi] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-vxuzz48fqi] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-vxuzz48fqi] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-vxuzz48fqi] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-vxuzz48fqi] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-vxuzz48fqi] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-vxuzz48fqi] {
    width: 100%;
}

.file_oculto[b-vxuzz48fqi] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardEnvioCorreoRestaurarPassComponents/CardEnvioCorreoRestaurarPass.razor.rz.scp.css */
.content_card[b-jisa3buf3x] {
    width: 40%;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tittle[b-jisa3buf3x] {
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 1vw auto;
}

.animation[b-jisa3buf3x] {
    width: 30%;
    margin: auto;
}

.text[b-jisa3buf3x] {
    font-size: 1.2vw;
    font-weight: 500;
    color: #494949;
    inline-size: .5vw;
    text-align: center;
    margin: 1vw auto;
    width: 90%;
}

.input_form[b-jisa3buf3x] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-jisa3buf3x] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-jisa3buf3x] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-jisa3buf3x] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-jisa3buf3x]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-jisa3buf3x]:after {
        bottom: 0;
    }

.content_relative[b-jisa3buf3x] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-jisa3buf3x] {
    position: absolute;
    left: 102%;
    min-width: 40%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser .2s forwards;
}

    .alert_input[b-jisa3buf3x]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.alert_bottom[b-jisa3buf3x] {
    position: absolute;
    top: 15%;
    right: 105%;
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #480b05;
    animation: apareser .2s forwards;
}

    .alert_bottom[b-jisa3buf3x]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-jisa3buf3x] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-jisa3buf3x] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-jisa3buf3x 1s infinite;
}

@keyframes loading-b-jisa3buf3x {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/CardNewBolsaTrabajoComponents/CarNewBolsaTrabajo.razor.rz.scp.css */
.content_table[b-i6k18fmbvs] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-i6k18fmbvs] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-i6k18fmbvs] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-i6k18fmbvs], .content_btn[b-i6k18fmbvs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.line_styls[b-i6k18fmbvs]{
    color:#F4953C;
    width:100%;
    height:2px;
}

.span_2[b-i6k18fmbvs] {
    grid-column: span 2;
}

.span_3[b-i6k18fmbvs] {
    grid-column: span 3;
}

.content_buttons_sections[b-i6k18fmbvs] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-i6k18fmbvs], .ticked[b-i6k18fmbvs] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-i6k18fmbvs] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-i6k18fmbvs] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-i6k18fmbvs] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-i6k18fmbvs] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-i6k18fmbvs], .ticked:hover[b-i6k18fmbvs] {
        color: #514D49;
    }

    .label_section[b-i6k18fmbvs]:after, .ticked[b-i6k18fmbvs]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-i6k18fmbvs]:after, .ticked:hover[b-i6k18fmbvs]:after {
        width: 100%;
    }

.selected[b-i6k18fmbvs]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-i6k18fmbvs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-i6k18fmbvs {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-i6k18fmbvs] {
    display: none;
}

.input_form[b-i6k18fmbvs] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-i6k18fmbvs] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-i6k18fmbvs] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-i6k18fmbvs] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-i6k18fmbvs]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-i6k18fmbvs]:after {
        bottom: 0;
    }

.content_relative[b-i6k18fmbvs] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-i6k18fmbvs] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-i6k18fmbvs .2s forwards;
}

    .alert_input[b-i6k18fmbvs]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-i6k18fmbvs] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-i6k18fmbvs] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-i6k18fmbvs] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-i6k18fmbvs 1s infinite;
    z-index: 3;
}

@keyframes loading-b-i6k18fmbvs {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-i6k18fmbvs] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-i6k18fmbvs], .content_grid_tabla_boddy[b-i6k18fmbvs] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-i6k18fmbvs] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-i6k18fmbvs] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-i6k18fmbvs] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-i6k18fmbvs] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-i6k18fmbvs] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-i6k18fmbvs] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-i6k18fmbvs] {
    width: 100%;
}

.file_oculto[b-i6k18fmbvs] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNewContactoMunicipioComponents/CardNewContactoMunicipio.razor.rz.scp.css */
.content_table[b-5c9fyg1emy] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-5c9fyg1emy] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-5c9fyg1emy] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-5c9fyg1emy], .content_btn[b-5c9fyg1emy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.content_grid_form_3[b-5c9fyg1emy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.span_2[b-5c9fyg1emy] {
    grid-column: span 2;
}

.span_3[b-5c9fyg1emy] {
    grid-column: span 3;
}

.content_buttons_sections[b-5c9fyg1emy] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-5c9fyg1emy], .ticked[b-5c9fyg1emy] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-5c9fyg1emy] {
    position: relative;
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
    background-color: #fff;
}

.title_card[b-5c9fyg1emy] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-5c9fyg1emy] {
    font-size: 1vw;
    margin: auto 0;
}

.ticked[b-5c9fyg1emy] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-5c9fyg1emy], .ticked:hover[b-5c9fyg1emy] {
        color: #514D49;
    }

    .label_section[b-5c9fyg1emy]:after, .ticked[b-5c9fyg1emy]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-5c9fyg1emy]:after, .ticked:hover[b-5c9fyg1emy]:after {
        width: 100%;
    }

.selected[b-5c9fyg1emy]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-5c9fyg1emy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-5c9fyg1emy {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-5c9fyg1emy] {
    display: none;
}

.input_form[b-5c9fyg1emy] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-5c9fyg1emy] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-5c9fyg1emy] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-5c9fyg1emy] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-5c9fyg1emy]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-5c9fyg1emy]:after {
        bottom: 0;
    }

.content_relative[b-5c9fyg1emy] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-5c9fyg1emy] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-5c9fyg1emy .2s forwards;
}

    .alert_input[b-5c9fyg1emy]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-5c9fyg1emy] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-5c9fyg1emy] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-5c9fyg1emy {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-5c9fyg1emy] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-5c9fyg1emy], .content_grid_tabla_boddy[b-5c9fyg1emy] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-5c9fyg1emy] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-5c9fyg1emy] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-5c9fyg1emy] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-5c9fyg1emy] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-5c9fyg1emy] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-5c9fyg1emy] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-5c9fyg1emy] {
    width: 100%;
}

.file_oculto[b-5c9fyg1emy] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.icon_col[b-5c9fyg1emy] {
    font-size: 1.5vw;
    margin: auto 1vw;
    color: #514D49;
}

.icono_delete[b-5c9fyg1emy] {
    position: absolute;
    right: 3%;
    top: 35%;
    font-size: 1.5vw;
    color: #c2c2c2;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .icono_delete[b-5c9fyg1emy]:after {
        content: "Eliminar";
        position: absolute;
        background-color: #fff;
        color: #000;
        padding: .5vw 1vw;
        border-radius: 1vw;
        font-size: .8vw;
        top: -20%;
        right: 150%;
        opacity: 0;
        transition: all .2s ease-in-out;
        box-shadow: .2vw .2vw .5vw #21212166;
        z-index: 3;
    }

    .icono_delete:hover[b-5c9fyg1emy] {
        color: #808080;
    }

        .icono_delete:hover[b-5c9fyg1emy]:after {
            opacity: 1;
        }
/* /Components/CardNewDescuentoPredioComponents/CardNewDescuentoPredio.razor.rz.scp.css */
.content_table[b-rpt33vguzw] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-rpt33vguzw] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-rpt33vguzw] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-rpt33vguzw], .content_btn[b-rpt33vguzw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.content_grid_form_3[b-rpt33vguzw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 1vw auto;
}

.span_2[b-rpt33vguzw] {
    grid-column: span 2;
}

.span_3[b-rpt33vguzw] {
    grid-column: span 3;
}

.content_buttons_sections[b-rpt33vguzw] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-rpt33vguzw], .ticked[b-rpt33vguzw] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-rpt33vguzw] {
    position: relative;
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-rpt33vguzw] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-rpt33vguzw] {
    font-size: 1vw;
    margin: auto 0;
}

.ticked[b-rpt33vguzw] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-rpt33vguzw], .ticked:hover[b-rpt33vguzw] {
        color: #514D49;
    }

    .label_section[b-rpt33vguzw]:after, .ticked[b-rpt33vguzw]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-rpt33vguzw]:after, .ticked:hover[b-rpt33vguzw]:after {
        width: 100%;
    }

.selected[b-rpt33vguzw]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-rpt33vguzw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-rpt33vguzw {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-rpt33vguzw] {
    display: none;
}

.input_form[b-rpt33vguzw] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-rpt33vguzw] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-rpt33vguzw] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-rpt33vguzw] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-rpt33vguzw]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-rpt33vguzw]:after {
        bottom: 0;
    }

.content_relative[b-rpt33vguzw] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-rpt33vguzw] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-rpt33vguzw .2s forwards;
}

    .alert_input[b-rpt33vguzw]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-rpt33vguzw] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-rpt33vguzw] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-rpt33vguzw {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-rpt33vguzw] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-rpt33vguzw], .content_grid_tabla_boddy[b-rpt33vguzw] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-rpt33vguzw] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-rpt33vguzw] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-rpt33vguzw] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-rpt33vguzw] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-rpt33vguzw] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-rpt33vguzw] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-rpt33vguzw] {
    width: 100%;
}

.file_oculto[b-rpt33vguzw] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.icon_col[b-rpt33vguzw] {
    font-size: 1.5vw;
    margin: auto 1vw;
    color: #514D49;
}

.icono_delete[b-rpt33vguzw] {
    position: absolute;
    right: 3%;
    top: 35%;
    font-size: 1.5vw;
    color: #c2c2c2;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .icono_delete[b-rpt33vguzw]:after {
        content: "Eliminar";
        position: absolute;
        background-color: #fff;
        color: #000;
        padding: .5vw 1vw;
        border-radius: 1vw;
        font-size: .8vw;
        top: -20%;
        right: 150%;
        opacity: 0;
        transition: all .2s ease-in-out;
        box-shadow: .2vw .2vw .5vw #21212166;
        z-index: 3;
    }

    .icono_delete:hover[b-rpt33vguzw] {
        color: #808080;
    }

        .icono_delete:hover[b-rpt33vguzw]:after {
            opacity: 1;
        }

.btn_checket[b-rpt33vguzw] {
    position: relative;
    font-size: 1.5vw;
    font-weight: 600;
    text-align: center;
    margin: auto 1vw;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_checket[b-rpt33vguzw]:after {
        position: absolute;
        content: " ";
        width: 0;
        height: .2vw;
        top: 100%;
        left: 50%;
        background-color: #F4953C;
        transition: all .2s ease-in-out;
    }

    .btn_checket:hover[b-rpt33vguzw]:after {
        width: 100%;
        left: 0;
    }

.btn_select[b-rpt33vguzw]:after {
    position: absolute;
    display: block;
    width: 100%;
    height: .2vw;
    top: 100%;
    left: 0;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.display_flex[b-rpt33vguzw] {
    display: flex;
    width: 100%;
}
/* /Components/CardNewDirectorioComponents/CardNuevoDirectorio.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-m6o257bdy5] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-m6o257bdy5 .2s forwards;
}

@keyframes apareser-b-m6o257bdy5 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-m6o257bdy5]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-m6o257bdy5] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}
.content_table[b-m6o257bdy5] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-m6o257bdy5] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-m6o257bdy5] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-m6o257bdy5], .content_btn[b-m6o257bdy5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-m6o257bdy5] {
    grid-column: span 2;
}

.content_buttons_sections[b-m6o257bdy5] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-m6o257bdy5], .ticked[b-m6o257bdy5] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-m6o257bdy5] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-m6o257bdy5], .ticked:hover[b-m6o257bdy5] {
        color: #514D49;
    }

    .label_section[b-m6o257bdy5]:after, .ticked[b-m6o257bdy5]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-m6o257bdy5]:after, .ticked:hover[b-m6o257bdy5]:after {
        width: 100%;
    }

.selected[b-m6o257bdy5]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-m6o257bdy5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-m6o257bdy5 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-m6o257bdy5] {
    display: none;
}

.input_form[b-m6o257bdy5] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-m6o257bdy5] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-m6o257bdy5] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-m6o257bdy5] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-m6o257bdy5]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-m6o257bdy5]:after {
        bottom: 0;
    }



.content_relative[b-m6o257bdy5] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-m6o257bdy5] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-m6o257bdy5 .2s forwards;
}

    .alert_input[b-m6o257bdy5]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-m6o257bdy5] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-m6o257bdy5] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-m6o257bdy5 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-m6o257bdy5] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-m6o257bdy5], .content_grid_tabla_boddy[b-m6o257bdy5] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-m6o257bdy5] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-m6o257bdy5] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-m6o257bdy5] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-m6o257bdy5] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-m6o257bdy5] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-m6o257bdy5] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-m6o257bdy5] {
    width: 100%;
}

.file_oculto[b-m6o257bdy5] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNewNormatibidadComponents/CardNewNormatibidad.razor.rz.scp.css */
.content_table[b-fc7aut2y9a] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-fc7aut2y9a] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-fc7aut2y9a] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-fc7aut2y9a], .content_btn[b-fc7aut2y9a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-fc7aut2y9a] {
    grid-column: span 2;
}

.span_3[b-fc7aut2y9a] {
    grid-column: span 3;
}

.content_buttons_sections[b-fc7aut2y9a] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-fc7aut2y9a], .ticked[b-fc7aut2y9a] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-fc7aut2y9a] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-fc7aut2y9a] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-fc7aut2y9a] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-fc7aut2y9a] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-fc7aut2y9a], .ticked:hover[b-fc7aut2y9a] {
        color: #514D49;
    }

    .label_section[b-fc7aut2y9a]:after, .ticked[b-fc7aut2y9a]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-fc7aut2y9a]:after, .ticked:hover[b-fc7aut2y9a]:after {
        width: 100%;
    }

.selected[b-fc7aut2y9a]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-fc7aut2y9a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-fc7aut2y9a {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-fc7aut2y9a] {
    display: none;
}

.input_form[b-fc7aut2y9a] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-fc7aut2y9a] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-fc7aut2y9a] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-fc7aut2y9a] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-fc7aut2y9a]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-fc7aut2y9a]:after {
        bottom: 0;
    }

.content_relative[b-fc7aut2y9a] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-fc7aut2y9a] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-fc7aut2y9a .2s forwards;
}

    .alert_input[b-fc7aut2y9a]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-fc7aut2y9a] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-fc7aut2y9a] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-fc7aut2y9a] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-fc7aut2y9a 1s infinite;
    z-index: 3;
}

@keyframes loading-b-fc7aut2y9a {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-fc7aut2y9a] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-fc7aut2y9a], .content_grid_tabla_boddy[b-fc7aut2y9a] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-fc7aut2y9a] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-fc7aut2y9a] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-fc7aut2y9a] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-fc7aut2y9a] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-fc7aut2y9a] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-fc7aut2y9a] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-fc7aut2y9a] {
    width: 100%;
}

.file_oculto[b-fc7aut2y9a] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNewRutaRecoleccionComponents/CardNewRutaRecoleccion.razor.rz.scp.css */
.content_table[b-rq6evk9v1z] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-rq6evk9v1z] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-rq6evk9v1z] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-rq6evk9v1z], .content_btn[b-rq6evk9v1z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-rq6evk9v1z] {
    grid-column: span 2;
}

.span_3[b-rq6evk9v1z] {
    grid-column: span 3;
}

.content_buttons_sections[b-rq6evk9v1z] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-rq6evk9v1z], .ticked[b-rq6evk9v1z] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-rq6evk9v1z] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-rq6evk9v1z] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-rq6evk9v1z] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-rq6evk9v1z] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-rq6evk9v1z], .ticked:hover[b-rq6evk9v1z] {
        color: #514D49;
    }

    .label_section[b-rq6evk9v1z]:after, .ticked[b-rq6evk9v1z]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-rq6evk9v1z]:after, .ticked:hover[b-rq6evk9v1z]:after {
        width: 100%;
    }

.selected[b-rq6evk9v1z]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-rq6evk9v1z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-rq6evk9v1z {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-rq6evk9v1z] {
    display: none;
}

.input_form[b-rq6evk9v1z] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-rq6evk9v1z] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-rq6evk9v1z] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-rq6evk9v1z] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-rq6evk9v1z]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-rq6evk9v1z]:after {
        bottom: 0;
    }

.content_relative[b-rq6evk9v1z] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-rq6evk9v1z] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-rq6evk9v1z .2s forwards;
}

    .alert_input[b-rq6evk9v1z]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-rq6evk9v1z] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-rq6evk9v1z] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-rq6evk9v1z] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-rq6evk9v1z 1s infinite;
    z-index: 3;
}

@keyframes loading-b-rq6evk9v1z {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-rq6evk9v1z] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-rq6evk9v1z], .content_grid_tabla_boddy[b-rq6evk9v1z] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-rq6evk9v1z] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-rq6evk9v1z] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-rq6evk9v1z] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-rq6evk9v1z] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-rq6evk9v1z] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-rq6evk9v1z] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-rq6evk9v1z] {
    width: 100%;
}

.file_oculto[b-rq6evk9v1z] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNewSliderComponents/CardNewSlider.razor.rz.scp.css */
.content_table[b-rkepszb2nq] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-rkepszb2nq] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-rkepszb2nq] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-rkepszb2nq], .content_btn[b-rkepszb2nq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-rkepszb2nq] {
    grid-column: span 2;
}

.content_buttons_sections[b-rkepszb2nq] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-rkepszb2nq], .ticked[b-rkepszb2nq] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-rkepszb2nq] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-rkepszb2nq], .ticked:hover[b-rkepszb2nq] {
        color: #514D49;
    }

    .label_section[b-rkepszb2nq]:after, .ticked[b-rkepszb2nq]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-rkepszb2nq]:after, .ticked:hover[b-rkepszb2nq]:after {
        width: 100%;
    }

.selected[b-rkepszb2nq]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-rkepszb2nq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-rkepszb2nq {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-rkepszb2nq] {
    display: none;
}

.input_form[b-rkepszb2nq] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-rkepszb2nq] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-rkepszb2nq] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-rkepszb2nq] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-rkepszb2nq]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-rkepszb2nq]:after {
        bottom: 0;
    }

.content_relative[b-rkepszb2nq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-rkepszb2nq] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-rkepszb2nq .2s forwards;
}

    .alert_input[b-rkepszb2nq]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-rkepszb2nq] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-rkepszb2nq] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-rkepszb2nq {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-rkepszb2nq] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-rkepszb2nq], .content_grid_tabla_boddy[b-rkepszb2nq] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-rkepszb2nq] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-rkepszb2nq] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-rkepszb2nq] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-rkepszb2nq] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-rkepszb2nq] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-rkepszb2nq] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-rkepszb2nq] {
    width: 100%;
}

.file_oculto[b-rkepszb2nq] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaAgendaComponents/CardNuevaAgenda.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-nd2ws959q6] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-nd2ws959q6 .2s forwards;
}

@keyframes apareser-b-nd2ws959q6 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-nd2ws959q6]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-nd2ws959q6] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}
.content_table[b-nd2ws959q6] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-nd2ws959q6] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-nd2ws959q6] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-nd2ws959q6], .content_btn[b-nd2ws959q6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-nd2ws959q6] {
    grid-column: span 2;
}

.content_buttons_sections[b-nd2ws959q6] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-nd2ws959q6], .ticked[b-nd2ws959q6] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-nd2ws959q6] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-nd2ws959q6], .ticked:hover[b-nd2ws959q6] {
        color: #514D49;
    }

    .label_section[b-nd2ws959q6]:after, .ticked[b-nd2ws959q6]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-nd2ws959q6]:after, .ticked:hover[b-nd2ws959q6]:after {
        width: 100%;
    }

.selected[b-nd2ws959q6]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-nd2ws959q6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-nd2ws959q6 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-nd2ws959q6] {
    display: none;
}

.input_form[b-nd2ws959q6] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-nd2ws959q6] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-nd2ws959q6] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-nd2ws959q6] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-nd2ws959q6]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-nd2ws959q6]:after {
        bottom: 0;
    }

.content_relative[b-nd2ws959q6] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-nd2ws959q6] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-nd2ws959q6 .2s forwards;
}

    .alert_input[b-nd2ws959q6]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-nd2ws959q6] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-nd2ws959q6] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-nd2ws959q6 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-nd2ws959q6] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-nd2ws959q6], .content_grid_tabla_boddy[b-nd2ws959q6] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-nd2ws959q6] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-nd2ws959q6] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-nd2ws959q6] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-nd2ws959q6] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-nd2ws959q6] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-nd2ws959q6] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-nd2ws959q6] {
    width: 100%;
}

.file_oculto[b-nd2ws959q6] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaCuentaChoferComponents/CardCuentaChofer.razor.rz.scp.css */
.content_table[b-tu2geakqjr] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-tu2geakqjr] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-tu2geakqjr] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-tu2geakqjr], .content_btn[b-tu2geakqjr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-tu2geakqjr] {
    grid-column: span 2;
}

.span_3[b-tu2geakqjr] {
    grid-column: span 3;
}

.content_buttons_sections[b-tu2geakqjr] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-tu2geakqjr], .ticked[b-tu2geakqjr] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-tu2geakqjr] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-tu2geakqjr] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-tu2geakqjr] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-tu2geakqjr] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-tu2geakqjr], .ticked:hover[b-tu2geakqjr] {
        color: #514D49;
    }

    .label_section[b-tu2geakqjr]:after, .ticked[b-tu2geakqjr]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-tu2geakqjr]:after, .ticked:hover[b-tu2geakqjr]:after {
        width: 100%;
    }

.selected[b-tu2geakqjr]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-tu2geakqjr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-tu2geakqjr {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-tu2geakqjr] {
    display: none;
}

.input_form[b-tu2geakqjr] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-tu2geakqjr] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-tu2geakqjr] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-tu2geakqjr] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-tu2geakqjr]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-tu2geakqjr]:after {
        bottom: 0;
    }

.content_relative[b-tu2geakqjr] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-tu2geakqjr] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-tu2geakqjr .2s forwards;
}

    .alert_input[b-tu2geakqjr]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-tu2geakqjr] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-tu2geakqjr] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-tu2geakqjr] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-tu2geakqjr 1s infinite;
    z-index: 3;
}

@keyframes loading-b-tu2geakqjr {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-tu2geakqjr] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-tu2geakqjr], .content_grid_tabla_boddy[b-tu2geakqjr] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-tu2geakqjr] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-tu2geakqjr] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-tu2geakqjr] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-tu2geakqjr] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-tu2geakqjr] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-tu2geakqjr] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-tu2geakqjr] {
    width: 100%;
}

.file_oculto[b-tu2geakqjr] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaDependenciaComponents/CardNuevaDependencia.razor.rz.scp.css */
.content_table[b-z1rmwj045d] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-z1rmwj045d] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-z1rmwj045d] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-z1rmwj045d], .content_btn[b-z1rmwj045d] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-z1rmwj045d] {
    grid-column: span 2;
}

.span_3[b-z1rmwj045d] {
    grid-column: span 3;
}

.content_buttons_sections[b-z1rmwj045d] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-z1rmwj045d], .ticked[b-z1rmwj045d] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-z1rmwj045d] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-z1rmwj045d] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-z1rmwj045d] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-z1rmwj045d] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-z1rmwj045d], .ticked:hover[b-z1rmwj045d] {
        color: #514D49;
    }

    .label_section[b-z1rmwj045d]:after, .ticked[b-z1rmwj045d]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-z1rmwj045d]:after, .ticked:hover[b-z1rmwj045d]:after {
        width: 100%;
    }

.selected[b-z1rmwj045d]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-z1rmwj045d] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-z1rmwj045d {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-z1rmwj045d] {
    display: none;
}

.input_form[b-z1rmwj045d] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-z1rmwj045d] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-z1rmwj045d] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-z1rmwj045d] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-z1rmwj045d]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-z1rmwj045d]:after {
        bottom: 0;
    }

.content_relative[b-z1rmwj045d] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-z1rmwj045d] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-z1rmwj045d .2s forwards;
}

    .alert_input[b-z1rmwj045d]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-z1rmwj045d] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-z1rmwj045d] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-z1rmwj045d] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-z1rmwj045d 1s infinite;
    z-index: 3;
}

@keyframes loading-b-z1rmwj045d {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-z1rmwj045d] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-z1rmwj045d], .content_grid_tabla_boddy[b-z1rmwj045d] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-z1rmwj045d] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-z1rmwj045d] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-z1rmwj045d] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-z1rmwj045d] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-z1rmwj045d] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-z1rmwj045d] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-z1rmwj045d] {
    width: 100%;
}

.file_oculto[b-z1rmwj045d] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaNoticiaComponents/CardNuevaNoticia.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-fne5n7vmp9] {
   /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-fne5n7vmp9 .2s forwards;
}

@keyframes apareser-b-fne5n7vmp9 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

    .alert_bottom[b-fne5n7vmp9]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }
.text_alert[b-fne5n7vmp9] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}
.content_table[b-fne5n7vmp9] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-fne5n7vmp9] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-fne5n7vmp9] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-fne5n7vmp9], .content_btn[b-fne5n7vmp9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-fne5n7vmp9] {
    grid-column: span 2;
}

.content_buttons_sections[b-fne5n7vmp9] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-fne5n7vmp9], .ticked[b-fne5n7vmp9] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-fne5n7vmp9] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-fne5n7vmp9], .ticked:hover[b-fne5n7vmp9] {
        color: #514D49;
    }

    .label_section[b-fne5n7vmp9]:after, .ticked[b-fne5n7vmp9]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-fne5n7vmp9]:after, .ticked:hover[b-fne5n7vmp9]:after {
        width: 100%;
    }

.selected[b-fne5n7vmp9]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-fne5n7vmp9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-fne5n7vmp9 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-fne5n7vmp9] {
    display: none;
}

.input_form[b-fne5n7vmp9] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-fne5n7vmp9] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-fne5n7vmp9] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-fne5n7vmp9] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-fne5n7vmp9]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-fne5n7vmp9]:after {
        bottom: 0;
    }

.content_relative[b-fne5n7vmp9] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-fne5n7vmp9] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-fne5n7vmp9 .2s forwards;
}

    .alert_input[b-fne5n7vmp9]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-fne5n7vmp9] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-fne5n7vmp9] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-fne5n7vmp9 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-fne5n7vmp9] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-fne5n7vmp9], .content_grid_tabla_boddy[b-fne5n7vmp9] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-fne5n7vmp9] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-fne5n7vmp9] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-fne5n7vmp9] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-fne5n7vmp9] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-fne5n7vmp9] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-fne5n7vmp9] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-fne5n7vmp9] {
    width: 100%;
}

.file_oculto[b-fne5n7vmp9] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaPatrullaComponents/CardNuevaPatrulla.razor.rz.scp.css */
.content_table[b-wch7yqjywo] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-wch7yqjywo] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-wch7yqjywo] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-wch7yqjywo], .content_btn[b-wch7yqjywo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-wch7yqjywo] {
    grid-column: span 2;
}

.span_3[b-wch7yqjywo] {
    grid-column: span 3;
}

.content_buttons_sections[b-wch7yqjywo] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-wch7yqjywo], .ticked[b-wch7yqjywo] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-wch7yqjywo] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-wch7yqjywo] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-wch7yqjywo] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-wch7yqjywo] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-wch7yqjywo], .ticked:hover[b-wch7yqjywo] {
        color: #514D49;
    }

    .label_section[b-wch7yqjywo]:after, .ticked[b-wch7yqjywo]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-wch7yqjywo]:after, .ticked:hover[b-wch7yqjywo]:after {
        width: 100%;
    }

.selected[b-wch7yqjywo]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-wch7yqjywo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-wch7yqjywo {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-wch7yqjywo] {
    display: none;
}

.input_form[b-wch7yqjywo] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-wch7yqjywo] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-wch7yqjywo] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-wch7yqjywo] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-wch7yqjywo]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-wch7yqjywo]:after {
        bottom: 0;
    }

.content_relative[b-wch7yqjywo] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-wch7yqjywo] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-wch7yqjywo .2s forwards;
}

    .alert_input[b-wch7yqjywo]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-wch7yqjywo] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-wch7yqjywo] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-wch7yqjywo] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-wch7yqjywo 1s infinite;
    z-index: 3;
}

@keyframes loading-b-wch7yqjywo {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-wch7yqjywo] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-wch7yqjywo], .content_grid_tabla_boddy[b-wch7yqjywo] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-wch7yqjywo] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-wch7yqjywo] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-wch7yqjywo] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-wch7yqjywo] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-wch7yqjywo] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-wch7yqjywo] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-wch7yqjywo] {
    width: 100%;
}

.file_oculto[b-wch7yqjywo] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevaSecretariaComponents/CardNuevaSecretaria.razor.rz.scp.css */
.content_table[b-z0ow4q6ort] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-z0ow4q6ort] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-z0ow4q6ort] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-z0ow4q6ort], .content_btn[b-z0ow4q6ort] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-z0ow4q6ort] {
    grid-column: span 2;
}

.span_3[b-z0ow4q6ort] {
    grid-column: span 3;
}

.content_buttons_sections[b-z0ow4q6ort] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-z0ow4q6ort], .ticked[b-z0ow4q6ort] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-z0ow4q6ort] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-z0ow4q6ort] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-z0ow4q6ort] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-z0ow4q6ort] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-z0ow4q6ort], .ticked:hover[b-z0ow4q6ort] {
        color: #514D49;
    }

    .label_section[b-z0ow4q6ort]:after, .ticked[b-z0ow4q6ort]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-z0ow4q6ort]:after, .ticked:hover[b-z0ow4q6ort]:after {
        width: 100%;
    }

.selected[b-z0ow4q6ort]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-z0ow4q6ort] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-z0ow4q6ort {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-z0ow4q6ort] {
    display: none;
}

.input_form[b-z0ow4q6ort] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-z0ow4q6ort] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-z0ow4q6ort] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-z0ow4q6ort] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-z0ow4q6ort]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-z0ow4q6ort]:after {
        bottom: 0;
    }

.content_relative[b-z0ow4q6ort] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-z0ow4q6ort] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-z0ow4q6ort .2s forwards;
}

    .alert_input[b-z0ow4q6ort]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-z0ow4q6ort] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-z0ow4q6ort] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-z0ow4q6ort] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-z0ow4q6ort 1s infinite;
    z-index: 3;
}

@keyframes loading-b-z0ow4q6ort {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-z0ow4q6ort] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-z0ow4q6ort], .content_grid_tabla_boddy[b-z0ow4q6ort] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-z0ow4q6ort] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-z0ow4q6ort] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-z0ow4q6ort] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-z0ow4q6ort] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-z0ow4q6ort] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-z0ow4q6ort] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-z0ow4q6ort] {
    width: 100%;
}

.file_oculto[b-z0ow4q6ort] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoAnuncioComponents/CardNuevoAnuncio.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-yvx37sa7z9] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-yvx37sa7z9 .2s forwards;
}

@keyframes apareser-b-yvx37sa7z9 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-yvx37sa7z9]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-yvx37sa7z9] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.content_table[b-yvx37sa7z9] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-yvx37sa7z9] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-yvx37sa7z9] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-yvx37sa7z9], .content_btn[b-yvx37sa7z9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-yvx37sa7z9] {
    grid-column: span 2;
}

.span_3[b-yvx37sa7z9] {
    grid-column: span 3;
}

.content_buttons_sections[b-yvx37sa7z9] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-yvx37sa7z9], .ticked[b-yvx37sa7z9] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-yvx37sa7z9] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-yvx37sa7z9] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-yvx37sa7z9] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-yvx37sa7z9] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-yvx37sa7z9], .ticked:hover[b-yvx37sa7z9] {
        color: #514D49;
    }

    .label_section[b-yvx37sa7z9]:after, .ticked[b-yvx37sa7z9]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-yvx37sa7z9]:after, .ticked:hover[b-yvx37sa7z9]:after {
        width: 100%;
    }

.selected[b-yvx37sa7z9]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-yvx37sa7z9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-yvx37sa7z9 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-yvx37sa7z9] {
    display: none;
}

.input_form[b-yvx37sa7z9] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-yvx37sa7z9] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-yvx37sa7z9] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-yvx37sa7z9] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-yvx37sa7z9]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-yvx37sa7z9]:after {
        bottom: 0;
    }

.content_relative[b-yvx37sa7z9] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-yvx37sa7z9] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-yvx37sa7z9 .2s forwards;
}

    .alert_input[b-yvx37sa7z9]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-yvx37sa7z9] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-yvx37sa7z9] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-yvx37sa7z9 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-yvx37sa7z9] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-yvx37sa7z9], .content_grid_tabla_boddy[b-yvx37sa7z9] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-yvx37sa7z9] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-yvx37sa7z9] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-yvx37sa7z9] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-yvx37sa7z9] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-yvx37sa7z9] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-yvx37sa7z9] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-yvx37sa7z9] {
    width: 100%;
}

.file_oculto[b-yvx37sa7z9] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoContactoSeguridadPublicaComponents/CardNuevoContactoSeguridadPublica.razor.rz.scp.css */
.content_table[b-b430yw5ck8] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-b430yw5ck8] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-b430yw5ck8] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-b430yw5ck8], .content_btn[b-b430yw5ck8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-b430yw5ck8] {
    grid-column: span 2;
}

.span_3[b-b430yw5ck8] {
    grid-column: span 3;
}

.content_buttons_sections[b-b430yw5ck8] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-b430yw5ck8], .ticked[b-b430yw5ck8] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-b430yw5ck8] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-b430yw5ck8] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-b430yw5ck8] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-b430yw5ck8] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-b430yw5ck8], .ticked:hover[b-b430yw5ck8] {
        color: #514D49;
    }

    .label_section[b-b430yw5ck8]:after, .ticked[b-b430yw5ck8]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-b430yw5ck8]:after, .ticked:hover[b-b430yw5ck8]:after {
        width: 100%;
    }

.selected[b-b430yw5ck8]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-b430yw5ck8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-b430yw5ck8 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-b430yw5ck8] {
    display: none;
}

.input_form[b-b430yw5ck8] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-b430yw5ck8] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-b430yw5ck8] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-b430yw5ck8] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-b430yw5ck8]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-b430yw5ck8]:after {
        bottom: 0;
    }

.content_relative[b-b430yw5ck8] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-b430yw5ck8] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-b430yw5ck8 .2s forwards;
}

    .alert_input[b-b430yw5ck8]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-b430yw5ck8] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-b430yw5ck8] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-b430yw5ck8] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-b430yw5ck8 1s infinite;
    z-index: 3;
}

@keyframes loading-b-b430yw5ck8 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-b430yw5ck8] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-b430yw5ck8], .content_grid_tabla_boddy[b-b430yw5ck8] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-b430yw5ck8] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-b430yw5ck8] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-b430yw5ck8] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-b430yw5ck8] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-b430yw5ck8] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-b430yw5ck8] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-b430yw5ck8] {
    width: 100%;
}

.file_oculto[b-b430yw5ck8] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoConvenioComponents/CardNuevoConvenio.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-qj5qrv2ob4] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-qj5qrv2ob4 .2s forwards;
}

@keyframes apareser-b-qj5qrv2ob4 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-qj5qrv2ob4]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-qj5qrv2ob4] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.content_table[b-qj5qrv2ob4] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-qj5qrv2ob4] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-qj5qrv2ob4] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-qj5qrv2ob4], .content_btn[b-qj5qrv2ob4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-qj5qrv2ob4] {
    grid-column: span 2;
}

.content_buttons_sections[b-qj5qrv2ob4] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-qj5qrv2ob4], .ticked[b-qj5qrv2ob4] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-qj5qrv2ob4] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-qj5qrv2ob4], .ticked:hover[b-qj5qrv2ob4] {
        color: #514D49;
    }

    .label_section[b-qj5qrv2ob4]:after, .ticked[b-qj5qrv2ob4]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-qj5qrv2ob4]:after, .ticked:hover[b-qj5qrv2ob4]:after {
        width: 100%;
    }

.selected[b-qj5qrv2ob4]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-qj5qrv2ob4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-qj5qrv2ob4 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-qj5qrv2ob4] {
    display: none;
}

.input_form[b-qj5qrv2ob4] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-qj5qrv2ob4] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-qj5qrv2ob4] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-qj5qrv2ob4] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-qj5qrv2ob4]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-qj5qrv2ob4]:after {
        bottom: 0;
    }

.content_relative[b-qj5qrv2ob4] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-qj5qrv2ob4] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-qj5qrv2ob4 .2s forwards;
}

    .alert_input[b-qj5qrv2ob4]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-qj5qrv2ob4] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-qj5qrv2ob4] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-qj5qrv2ob4 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-qj5qrv2ob4] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-qj5qrv2ob4], .content_grid_tabla_boddy[b-qj5qrv2ob4] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-qj5qrv2ob4] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-qj5qrv2ob4] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-qj5qrv2ob4] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-qj5qrv2ob4] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-qj5qrv2ob4] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-qj5qrv2ob4] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-qj5qrv2ob4] {
    width: 100%;
}

.file_oculto[b-qj5qrv2ob4] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoLugarTuristicoComponents/CardNuevoLugarTuristico.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-y5i3dkuxet] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-y5i3dkuxet .2s forwards;
}

@keyframes apareser-b-y5i3dkuxet {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-y5i3dkuxet]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-y5i3dkuxet] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}
.content_table[b-y5i3dkuxet] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-y5i3dkuxet] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-y5i3dkuxet] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-y5i3dkuxet], .content_btn[b-y5i3dkuxet] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-y5i3dkuxet] {
    grid-column: span 2;
}

.span_3[b-y5i3dkuxet] {
    grid-column: span 3;
}

.content_buttons_sections[b-y5i3dkuxet] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-y5i3dkuxet], .ticked[b-y5i3dkuxet] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-y5i3dkuxet] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-y5i3dkuxet] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-y5i3dkuxet] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-y5i3dkuxet] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-y5i3dkuxet], .ticked:hover[b-y5i3dkuxet] {
        color: #514D49;
    }

    .label_section[b-y5i3dkuxet]:after, .ticked[b-y5i3dkuxet]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-y5i3dkuxet]:after, .ticked:hover[b-y5i3dkuxet]:after {
        width: 100%;
    }

.selected[b-y5i3dkuxet]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-y5i3dkuxet] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-y5i3dkuxet {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-y5i3dkuxet] {
    display: none;
}

.input_form[b-y5i3dkuxet] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-y5i3dkuxet] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-y5i3dkuxet] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-y5i3dkuxet] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-y5i3dkuxet]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-y5i3dkuxet]:after {
        bottom: 0;
    }

.content_relative[b-y5i3dkuxet] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-y5i3dkuxet] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-y5i3dkuxet .2s forwards;
}

    .alert_input[b-y5i3dkuxet]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-y5i3dkuxet] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-y5i3dkuxet] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-y5i3dkuxet {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-y5i3dkuxet] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-y5i3dkuxet], .content_grid_tabla_boddy[b-y5i3dkuxet] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-y5i3dkuxet] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-y5i3dkuxet] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-y5i3dkuxet] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-y5i3dkuxet] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-y5i3dkuxet] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-y5i3dkuxet] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-y5i3dkuxet] {
    width: 100%;
}

.file_oculto[b-y5i3dkuxet] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoRfcComponets/CardNuevoRfc.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-zffp0a627e] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-zffp0a627e .2s forwards;
}

@keyframes apareser-b-zffp0a627e {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-zffp0a627e]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-zffp0a627e] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.content_table[b-zffp0a627e] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-zffp0a627e] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-zffp0a627e] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-zffp0a627e], .content_btn[b-zffp0a627e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-zffp0a627e] {
    grid-column: span 2;
}

.content_buttons_sections[b-zffp0a627e] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-zffp0a627e], .ticked[b-zffp0a627e] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-zffp0a627e] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-zffp0a627e], .ticked:hover[b-zffp0a627e] {
        color: #514D49;
    }

    .label_section[b-zffp0a627e]:after, .ticked[b-zffp0a627e]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-zffp0a627e]:after, .ticked:hover[b-zffp0a627e]:after {
        width: 100%;
    }

.selected[b-zffp0a627e]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-zffp0a627e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-zffp0a627e {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-zffp0a627e] {
    display: none;
}

.input_form[b-zffp0a627e] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-zffp0a627e] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-zffp0a627e] {
    display: inline-flex;
    position: relative;
    width: 40%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-zffp0a627e] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-zffp0a627e]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-zffp0a627e]:after {
        bottom: 0;
    }

.content_relative[b-zffp0a627e] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-zffp0a627e] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-zffp0a627e .2s forwards;
}

    .alert_input[b-zffp0a627e]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-zffp0a627e] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-zffp0a627e] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-zffp0a627e {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-zffp0a627e] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-zffp0a627e], .content_grid_tabla_boddy[b-zffp0a627e] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-zffp0a627e] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-zffp0a627e] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-zffp0a627e] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-zffp0a627e] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-zffp0a627e] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-zffp0a627e] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-zffp0a627e] {
    width: 100%;
}

.file_oculto[b-zffp0a627e] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardNuevoTramiteComponents/CardNuevoTramite.razor.rz.scp.css */
.content_table[b-8dwi0ef6qd] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-8dwi0ef6qd] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-8dwi0ef6qd] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-8dwi0ef6qd], .content_btn[b-8dwi0ef6qd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-8dwi0ef6qd] {
    grid-column: span 2;
}

.span_3[b-8dwi0ef6qd] {
    grid-column: span 3;
}

.content_buttons_sections[b-8dwi0ef6qd] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-8dwi0ef6qd], .ticked[b-8dwi0ef6qd] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.card_carac[b-8dwi0ef6qd] {
    width: 90%;
    padding: 1vw;
    margin: auto;
    border-radius: .5vw;
    text-align: justify-all;
    box-shadow: .3vw .3vw 1vw #21212166;
}

.title_card[b-8dwi0ef6qd] {
    font-size: 1vw;
    font-weight: 600;
    margin: 0;
}

.text_plano[b-8dwi0ef6qd] {
    font-size: .8vw;
    margin: 0;
}

.ticked[b-8dwi0ef6qd] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-8dwi0ef6qd], .ticked:hover[b-8dwi0ef6qd] {
        color: #514D49;
    }

    .label_section[b-8dwi0ef6qd]:after, .ticked[b-8dwi0ef6qd]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-8dwi0ef6qd]:after, .ticked:hover[b-8dwi0ef6qd]:after {
        width: 100%;
    }

.selected[b-8dwi0ef6qd]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-8dwi0ef6qd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-8dwi0ef6qd {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-8dwi0ef6qd] {
    display: none;
}

.input_form[b-8dwi0ef6qd] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-8dwi0ef6qd] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-8dwi0ef6qd] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-8dwi0ef6qd] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-8dwi0ef6qd]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-8dwi0ef6qd]:after {
        bottom: 0;
    }

.content_relative[b-8dwi0ef6qd] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-8dwi0ef6qd] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-8dwi0ef6qd .2s forwards;
}

    .alert_input[b-8dwi0ef6qd]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-8dwi0ef6qd] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.text_alerta[b-8dwi0ef6qd] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
    margin: 1vw auto;
    color: #F4953C;
}

.loader[b-8dwi0ef6qd] {
    width: 2vw;
    height: 2vw;
    border-top: .1vw solid transparent;
    border-bottom: .1vw solid transparent;
    border-right: .1vw solid #ffffff;
    border-left: .1vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-8dwi0ef6qd 1s infinite;
    z-index: 3;
}

@keyframes loading-b-8dwi0ef6qd {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-8dwi0ef6qd] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-8dwi0ef6qd], .content_grid_tabla_boddy[b-8dwi0ef6qd] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-8dwi0ef6qd] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-8dwi0ef6qd] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-8dwi0ef6qd] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-8dwi0ef6qd] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-8dwi0ef6qd] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-8dwi0ef6qd] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-8dwi0ef6qd] {
    width: 100%;
}

.file_oculto[b-8dwi0ef6qd] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/*PDF*/
.pdf_icon[b-8dwi0ef6qd] {
    width: 40px; /* o el tamaño que quieras */
    height: auto;
    display: block;
    margin: 0 auto;
}

.pdf_name[b-8dwi0ef6qd] {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    word-wrap: break-word; /* permite cortar palabras largas */
    white-space: normal; /* hace que el texto pueda saltar de línea */
    max-width: 150px; /* define un ancho máximo para que el texto no se extienda infinito */
    margin-left: auto;
    margin-right: auto; /* centra el bloque */
}


/* /Components/CardNuvoAvisoComponents/CardNuevoAviso.razor.rz.scp.css */
/*alerta*/
.alert_bottom[b-w5s6qnzbag] {
    /* position: absolute;
    top: 15%;
    right: 105%;*/
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #fff;
    animation: apareser-b-w5s6qnzbag .2s forwards;
}

@keyframes apareser-b-w5s6qnzbag {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.alert_bottom[b-w5s6qnzbag]:after {
    content: "";
    display: block;
    position: absolute;
    top: .8vw;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 2vw solid #f2311d;
    border-right: 1vw solid transparent;
    border-top: 1vw solid transparent;
    border-bottom: 1vw solid transparent;
}

.text_alert[b-w5s6qnzbag] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.content_table[b-w5s6qnzbag] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-w5s6qnzbag] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-w5s6qnzbag] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_form[b-w5s6qnzbag], .content_btn[b-w5s6qnzbag] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.span_2[b-w5s6qnzbag] {
    grid-column: span 2;
}

.content_buttons_sections[b-w5s6qnzbag] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-w5s6qnzbag], .ticked[b-w5s6qnzbag] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-w5s6qnzbag] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-w5s6qnzbag], .ticked:hover[b-w5s6qnzbag] {
        color: #514D49;
    }

    .label_section[b-w5s6qnzbag]:after, .ticked[b-w5s6qnzbag]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-w5s6qnzbag]:after, .ticked:hover[b-w5s6qnzbag]:after {
        width: 100%;
    }

.selected[b-w5s6qnzbag]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-w5s6qnzbag] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fne5n7vmp9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-w5s6qnzbag {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-w5s6qnzbag] {
    display: none;
}

.input_form[b-w5s6qnzbag] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-w5s6qnzbag] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-w5s6qnzbag] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-w5s6qnzbag] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-w5s6qnzbag]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-w5s6qnzbag]:after {
        bottom: 0;
    }

.content_relative[b-w5s6qnzbag] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-w5s6qnzbag] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-w5s6qnzbag .2s forwards;
}

    .alert_input[b-w5s6qnzbag]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-w5s6qnzbag] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-w5s6qnzbag] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-w5s6qnzbag {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-w5s6qnzbag] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-w5s6qnzbag], .content_grid_tabla_boddy[b-w5s6qnzbag] {
    display: grid;
    grid-template-columns: 8% 1fr 30% repeat(3, 1fr) 15%;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-w5s6qnzbag] {
    background-color: #514D49;
    color: #fff;
}

.col_grid[b-w5s6qnzbag] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-w5s6qnzbag] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-w5s6qnzbag] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-w5s6qnzbag] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.grid_3[b-w5s6qnzbag] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: 2vw auto;
}

.img_archivo[b-w5s6qnzbag] {
    width: 100%;
}

.file_oculto[b-w5s6qnzbag] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
/* /Components/CardPagoMovilComponents/CardPagoMovil.razor.rz.scp.css */
.content_card[b-491y7j13er] {
    position: relative;
    z-index: 100;
    width: 80%;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    /*border: 2px solid #514D49;*/
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 2rem #6b6b6b92;
}

.content_title[b-491y7j13er] {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #514D49;
    margin: auto;
}

.title[b-491y7j13er] {
    font-size: 2rem;
    font-weight: 600;
    color: #232323;
    margin: .5rem 0;
}

.content_pago[b-491y7j13er] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.img_card[b-491y7j13er] {
    width: 80%;
    margin: 1rem auto;
}

.card_content[b-491y7j13er] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    border-bottom: 2px solid #514D49;
    margin: 1rem auto;
}

.text_plano[b-491y7j13er] {
    font-size: 1.2rem;
    margin: 0;
}

.button_sumit[b-491y7j13er] {
    display: inline-flex;
    position: relative;
    text-decoration: none;
    width: 90%;
    margin: .5rem auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5rem;
    padding: .5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-491y7j13er] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-491y7j13er]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-491y7j13er]:after {
        bottom: 0;
    }

._aling_start[b-491y7j13er] {
    text-align: start;
}

._aling_end[b-491y7j13er] {
    text-align: end;
}

._aling_cemter[b-491y7j13er] {
    text-align: center;
}

.span_2[b-491y7j13er] {
    grid-column: span 2;
}

.content_center[b-491y7j13er] {
    width: auto;
    margin: 1rem auto;
    border: 2px solid #514D49
}

._non_border[b-491y7j13er] {
    border: none;
}

._interliner[b-491y7j13er] {
    margin: 1rem auto;
}
/* /Components/CardResetInicioSesionComponents/CardResetInicioSesion.razor.rz.scp.css */
.content_card[b-vfn3a8c3y6] {
    width: 40%;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tittle[b-vfn3a8c3y6] {
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 1vw auto;
}

.animation[b-vfn3a8c3y6] {
    width: 30%;
    margin: auto;
}

.text[b-vfn3a8c3y6] {
    font-size: 1.2vw;
    font-weight: 500;
    color: #494949;
    inline-size: .5vw;
    text-align: center;
    margin: 1vw auto;
    width: 90%;
}

.alert_bottom[b-vfn3a8c3y6] {
    position: absolute;
    top: 15%;
    right: 105%;
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #480b05;
    animation: apareser .2s forwards;
}

    .alert_bottom[b-vfn3a8c3y6]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-vfn3a8c3y6] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-vfn3a8c3y6] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading 1s infinite;
}
/* /Components/CardRestaurarPassComponents/CardRestaurarPass.razor.rz.scp.css */
.content_card[b-jibuavcinq] {
    width: 40%;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tittle[b-jibuavcinq] {
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 1vw auto;
}

.animation[b-jibuavcinq] {
    width: 30%;
    margin: auto;
}

.text[b-jibuavcinq] {
    font-size: 1.2vw;
    font-weight: 500;
    color: #494949;
    inline-size: .5vw;
    text-align: center;
    margin: 1vw auto;
    width: 90%;
}

.input_form[b-jibuavcinq] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-jibuavcinq] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-jibuavcinq] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-jibuavcinq] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-jibuavcinq]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-jibuavcinq]:after {
        bottom: 0;
    }

.content_relative[b-jibuavcinq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-jibuavcinq] {
    position: absolute;
    left: 102%;
    min-width: 40%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser .2s forwards;
}

    .alert_input[b-jibuavcinq]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.alert_bottom[b-jibuavcinq] {
    position: absolute;
    top: 15%;
    right: 105%;
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #480b05;
    animation: apareser .2s forwards;
}

    .alert_bottom[b-jibuavcinq]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-jibuavcinq] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-jibuavcinq] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-jibuavcinq 1s infinite;
}

@keyframes loading-b-jibuavcinq {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/CardValidacionPagoComponents/CardValidacionPago.razor.rz.scp.css */
.content_loading[b-8q1lqykveu] {
    width: 100%;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
}

.title[b-8q1lqykveu] {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    margin: 2rem auto;
}

.text_plano[b-8q1lqykveu] {
    font-size: 1.2rem;
    text-align: center;
    width: 85%;
    margin: 1rem auto;
}
/* /Components/CardValidarCorreoComponents/CardValidarCorreo.razor.rz.scp.css */
.content_card[b-8lffyqhh3a] {
    width: 40%;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.tittle[b-8lffyqhh3a] {
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 1vw auto;
}

.animation[b-8lffyqhh3a] {
    width: 30%;
    margin: auto;
}

.text[b-8lffyqhh3a] {
    font-size: 1.2vw;
    font-weight: 500;
    color: #494949;
    inline-size: .5vw;
    text-align: center;
    margin: 1vw auto;
    width: 90%;
}

.alert_bottom[b-8lffyqhh3a] {
    position: absolute;
    top: 15%;
    right: 105%;
    min-width: 40%;
    background-color: #f2311d;
    padding: 1vw;
    color: #480b05;
    animation: apareser .2s forwards;
}

    .alert_bottom[b-8lffyqhh3a]:after {
        content: "";
        display: block;
        position: absolute;
        top: .8vw;
        left: 100%;
        width: 0;
        height: 0;
        border-left: 2vw solid #f2311d;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-8lffyqhh3a] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-8lffyqhh3a] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading 1s infinite;
}
/* /Components/CartListNoticiasComponents/CartListNoticias.razor.rz.scp.css */
.content_table[b-m2szl6dqa2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 4vw auto;
    width: 70%;
    padding: 1vw;
}

.content_title[b-m2szl6dqa2] {
    width: 100%;
    margin: 1vw auto;
    background-color: #fafafa;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-m2szl6dqa2] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_filtros[b-m2szl6dqa2] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.content_buttons_sections[b-m2szl6dqa2] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-m2szl6dqa2], .ticked[b-m2szl6dqa2] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-m2szl6dqa2] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-m2szl6dqa2], .ticked:hover[b-m2szl6dqa2] {
        color: #514D49;
    }

    .label_section[b-m2szl6dqa2]:after, .ticked[b-m2szl6dqa2]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-m2szl6dqa2]:after, .ticked:hover[b-m2szl6dqa2]:after {
        width: 100%;
    }

.selected[b-m2szl6dqa2]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-m2szl6dqa2] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-m2szl6dqa2 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-m2szl6dqa2 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-m2szl6dqa2] {
    display: none;
}

.input_form[b-m2szl6dqa2] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-m2szl6dqa2] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-m2szl6dqa2] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-m2szl6dqa2] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-m2szl6dqa2]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-m2szl6dqa2]:after {
        bottom: 0;
    }

.content_card_noticia[b-m2szl6dqa2] {
    width: 100%;
    height: 40vh;
    position: relative;
    border-radius: .5vw;
    border: .1vw solid #e9e9e9;
    cursor: pointer;
    background-color: #3838386a;
    z-index: 2;
    transition: all .2s ease-in-out;
}

    .content_card_noticia[b-m2szl6dqa2]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .5vw;
        background-color: #514D492b;
        transition: all .2s ease-in-out;
    }

.content_card_noticia:hover[b-m2szl6dqa2]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.txt_plano_titulo[b-m2szl6dqa2] {
    font-size: 2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    margin-top: auto;
    color: #fff;
}

.txt_plano_fecha[b-m2szl6dqa2] {
    font-size: 1vw;
    text-align: center;
    color: #fff;
    margin: 0;
    margin-bottom: 1.5vw;
}

.content_relative[b-m2szl6dqa2] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    margin: auto;
    z-index: 2
}

.alert_input[b-m2szl6dqa2] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-m2szl6dqa2 .2s forwards;
}

    .alert_input[b-m2szl6dqa2]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-m2szl6dqa2] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-m2szl6dqa2] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-m2szl6dqa2 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-m2szl6dqa2] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-m2szl6dqa2], .content_grid_tabla_boddy[b-m2szl6dqa2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-m2szl6dqa2] {
    background-color: #514D49;
    color: #fff;
}

.grid_3[b-m2szl6dqa2] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-m2szl6dqa2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    border-radius: .5vw;
    overflow: hidden;
}

    .col_grid i[b-m2szl6dqa2] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-m2szl6dqa2] {
    font-size: 1vw;
    margin: 0;
    text-align: justify;
}

.no_data[b-m2szl6dqa2] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.img_noticia[b-m2szl6dqa2] {
    width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.span_2[b-m2szl6dqa2] {
    grid-column: span 2;
}

.content_paginado[b-m2szl6dqa2] {
    display: flex;
    max-width: 100%;
    margin: auto;
}

.pagina[b-m2szl6dqa2] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-m2szl6dqa2] {
        color: #514D49;
        background-color: #F4953C12;
    }

    .pagina[b-m2szl6dqa2]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-m2szl6dqa2]:after {
        width: 100%;
        left: 0;
    }
/* /Components/CartListPrediosComponents/CartListPredios.razor.rz.scp.css */
.content_table[b-0xhs4pfm09] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-0xhs4pfm09] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-0xhs4pfm09] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-0xhs4pfm09] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-0xhs4pfm09] {
        background-color: #F4953C;
    }

    .btn_cirquel i[b-0xhs4pfm09] {
        margin: auto;
    }

.content_filtros[b-0xhs4pfm09] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-0xhs4pfm09] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-0xhs4pfm09], .ticked[b-0xhs4pfm09] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-0xhs4pfm09] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-0xhs4pfm09], .ticked:hover[b-0xhs4pfm09] {
        color: #514D49;
    }

    .label_section[b-0xhs4pfm09]:after, .ticked[b-0xhs4pfm09]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-0xhs4pfm09]:after, .ticked:hover[b-0xhs4pfm09]:after {
        width: 100%;
    }

.selected[b-0xhs4pfm09]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-0xhs4pfm09] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-0xhs4pfm09 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-0xhs4pfm09 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-0xhs4pfm09] {
    display: none;
}

.input_form[b-0xhs4pfm09] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-0xhs4pfm09] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-0xhs4pfm09] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-0xhs4pfm09] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-0xhs4pfm09]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-0xhs4pfm09]:after {
        bottom: 0;
    }

.content_relative[b-0xhs4pfm09] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-0xhs4pfm09] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-0xhs4pfm09 .2s forwards;
}

    .alert_input[b-0xhs4pfm09]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-0xhs4pfm09] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-0xhs4pfm09] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-0xhs4pfm09 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-0xhs4pfm09] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-0xhs4pfm09], .content_grid_tabla_boddy[b-0xhs4pfm09] {
    display: grid;
    grid-template-columns: 8% repeat(5, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-0xhs4pfm09] {
    background-color: #514D49;
    color: #fff;
}

.grid_3[b-0xhs4pfm09] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-0xhs4pfm09] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-0xhs4pfm09] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-0xhs4pfm09] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-0xhs4pfm09] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.img_noticia[b-0xhs4pfm09] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-0xhs4pfm09] {
    grid-column: span 2;
}

.btn_edit[b-0xhs4pfm09], .btn_delete[b-0xhs4pfm09] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-0xhs4pfm09] {
    background-color: #F4953C;
}

.btn_delete[b-0xhs4pfm09] {
    background-color: #514D49;
}

    .btn_edit span[b-0xhs4pfm09], .btn_delete span[b-0xhs4pfm09] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-0xhs4pfm09], .btn_delete:hover span[b-0xhs4pfm09] {
        opacity: 1;
    }

    .btn_delete i[b-0xhs4pfm09], .btn_edit i[b-0xhs4pfm09] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-0xhs4pfm09]:after, .btn_delete[b-0xhs4pfm09]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-0xhs4pfm09]:after {
    background-color: #254ad8;
}

.btn_delete[b-0xhs4pfm09]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-0xhs4pfm09]:after, .btn_delete:hover[b-0xhs4pfm09]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-0xhs4pfm09] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-0xhs4pfm09] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-0xhs4pfm09] {
        color: #514D49;
        background-color: #F4953C12;
    }

    .pagina[b-0xhs4pfm09]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-0xhs4pfm09]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-0xhs4pfm09] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #F4953C;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-0xhs4pfm09 1s initial;
}

.content_flex[b-0xhs4pfm09] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-0xhs4pfm09 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-0xhs4pfm09] {
    display: flex;
    flex-direction: row;
}
/* /Components/DashBoardComponents/PanelDashBoard.razor.rz.scp.css */
.content_table[b-eubsl7zxol] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-eubsl7zxol] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-eubsl7zxol] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-eubsl7zxol] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-eubsl7zxol] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex; 
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-eubsl7zxol] {
    grid-column: span 2;
}

.span_3[b-eubsl7zxol] {
    grid-column: span 3;
}

.title_section[b-eubsl7zxol] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #741010;
}

.content_data[b-eubsl7zxol] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data[b-eubsl7zxol] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-eubsl7zxol] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-eubsl7zxol] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-eubsl7zxol] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-eubsl7zxol] {
    display: flex; 
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-eubsl7zxol] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-eubsl7zxol] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-eubsl7zxol] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}
/* /Components/DashBoardComponents/SubComponents/Avisos.razor.rz.scp.css */
.content_table[b-brmclzk42v] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-brmclzk42v] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-brmclzk42v] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-brmclzk42v] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-brmclzk42v] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-brmclzk42v] {
    grid-column: span 2;
}

.span_3[b-brmclzk42v] {
    grid-column: span 3;
}

.title_section[b-brmclzk42v] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #f4953c;
    width: 100%;
}

.subtitle_section[b-brmclzk42v] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-brmclzk42v] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.content_item[b-brmclzk42v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.text_label[b-brmclzk42v] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-brmclzk42v] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}


.content_data i[b-brmclzk42v] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.icono_admin[b-brmclzk42v] {
    color: #dc3545;
}

.icono_user[b-brmclzk42v] {
    color: #007bff;
}
.icono_default[b-brmclzk42v] {
    color: #6c757d;
}

.content_center[b-brmclzk42v] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-brmclzk42v] {
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 5px solid #23295a;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-brmclzk42v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-brmclzk42v] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-brmclzk42v] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-brmclzk42v] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-brmclzk42v] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-brmclzk42v .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-brmclzk42v {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-brmclzk42v] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-brmclzk42v] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-brmclzk42v] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-brmclzk42v] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-brmclzk42v .2s forwards;
}

    .alert_input[b-brmclzk42v]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-brmclzk42v] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-brmclzk42v] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-brmclzk42v {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_table[b-brmclzk42v] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-brmclzk42v] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-brmclzk42v] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-brmclzk42v] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-brmclzk42v] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-brmclzk42v] {
    grid-column: span 2;
}

.span_3[b-brmclzk42v] {
    grid-column: span 3;
}

.title_section[b-brmclzk42v] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #f4953c;
    width: 100%;
}

.subtitle_section[b-brmclzk42v] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-brmclzk42v] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.content_item[b-brmclzk42v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.text_label[b-brmclzk42v] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-brmclzk42v] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}


.content_data i[b-brmclzk42v] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.icono_info[b-brmclzk42v] {
    color: #17a2b8;
}

.icono_automatizado[b-brmclzk42v] {
    color: #28a745;
}

.icono_semi_automatizado[b-brmclzk42v] {
    color: #ffc107;
}

.icono_default[b-brmclzk42v] {
    color: #6c757d;
}

.content_center[b-brmclzk42v] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-brmclzk42v] {
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 5px solid #23295a;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-brmclzk42v] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-brmclzk42v] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-brmclzk42v] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-brmclzk42v] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-brmclzk42v] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-brmclzk42v .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-brmclzk42v {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-brmclzk42v] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-brmclzk42v] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-brmclzk42v] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-brmclzk42v] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-brmclzk42v .2s forwards;
}

    .alert_input[b-brmclzk42v]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-brmclzk42v] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-brmclzk42v] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-brmclzk42v {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/Comunicacion.razor.rz.scp.css */
.content_table[b-7vhj7fqe60] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-7vhj7fqe60] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-7vhj7fqe60] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-7vhj7fqe60] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-7vhj7fqe60] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-7vhj7fqe60] {
    grid-column: span 2;
}

.span_3[b-7vhj7fqe60] {
    grid-column: span 3;
}

.title_section[b-7vhj7fqe60] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #FA7C06;
}
.subtitle_section[b-7vhj7fqe60] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-7vhj7fqe60] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.content_item[b-7vhj7fqe60] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.text_label[b-7vhj7fqe60] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-7vhj7fqe60] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}

.content_data i[b-7vhj7fqe60] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.content_center[b-7vhj7fqe60] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-7vhj7fqe60] {
    width: 3vw;
    margin: auto;
    /*color: #FA7C06;*/
    background-color: white;
    border: 5px solid #514D49;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.icono_info[b-7vhj7fqe60] {
    color: #17a2b8;
}

.icono_automatizado[b-7vhj7fqe60] {
    color: #28a745;
}
.icono_default[b-7vhj7fqe60] {
    color: #6c757d;
}

.list_ingresos[b-7vhj7fqe60] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-7vhj7fqe60] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-7vhj7fqe60] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-7vhj7fqe60] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-7vhj7fqe60] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-7vhj7fqe60 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-7vhj7fqe60 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-7vhj7fqe60] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-7vhj7fqe60] {
        border-bottom: .2vw solid #514D49;
    }

.content_relative[b-7vhj7fqe60] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-7vhj7fqe60] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-7vhj7fqe60 .2s forwards;
}

    .alert_input[b-7vhj7fqe60]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-7vhj7fqe60] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-7vhj7fqe60] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-7vhj7fqe60 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/Convenios.razor.rz.scp.css */
.content_table[b-0lgrprkrma] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-0lgrprkrma] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-0lgrprkrma] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-0lgrprkrma] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-0lgrprkrma] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-0lgrprkrma] {
    grid-column: span 2;
}

.span_3[b-0lgrprkrma] {
    grid-column: span 3;
}

.title_section[b-0lgrprkrma] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #f4953c;
    width: 100%;
}

.subtitle_section[b-0lgrprkrma] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-0lgrprkrma] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.content_item[b-0lgrprkrma] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.text_label[b-0lgrprkrma] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-0lgrprkrma] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}


.content_data i[b-0lgrprkrma] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.icono_hoteles[b-0lgrprkrma] {
    color: #17a2b8;
}
.icono_educacion[b-0lgrprkrma] {
    color: #28a745;
}
.icono_salud[b-0lgrprkrma] {
    color: #dc3545;
}
.icono_entretenimiento[b-0lgrprkrma] {
    color: #fd7e14;
}
.icono_viajes[b-0lgrprkrma] {
    color: #007bff;
}
.icono_default[b-0lgrprkrma] {
    color: #6c757d;
}

.content_center[b-0lgrprkrma] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-0lgrprkrma] {
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 5px solid #23295a;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-0lgrprkrma] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-0lgrprkrma] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-0lgrprkrma] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-0lgrprkrma] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-0lgrprkrma] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-0lgrprkrma .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-0lgrprkrma {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-0lgrprkrma] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-0lgrprkrma] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-0lgrprkrma] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-0lgrprkrma] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-0lgrprkrma .2s forwards;
}

    .alert_input[b-0lgrprkrma]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-0lgrprkrma] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-0lgrprkrma] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-0lgrprkrma {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
.content_table[b-0lgrprkrma] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-0lgrprkrma] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-0lgrprkrma] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-0lgrprkrma] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-0lgrprkrma] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-0lgrprkrma] {
    grid-column: span 2;
}

.span_3[b-0lgrprkrma] {
    grid-column: span 3;
}

.title_section[b-0lgrprkrma] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #f4953c;
    width: 100%;
}

.subtitle_section[b-0lgrprkrma] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-0lgrprkrma] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.content_item[b-0lgrprkrma] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.text_label[b-0lgrprkrma] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-0lgrprkrma] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}


.content_data i[b-0lgrprkrma] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.icono_info[b-0lgrprkrma] {
    color: #17a2b8;
}

.icono_automatizado[b-0lgrprkrma] {
    color: #28a745;
}

.icono_semi_automatizado[b-0lgrprkrma] {
    color: #ffc107;
}

.icono_default[b-0lgrprkrma] {
    color: #6c757d;
}

.content_center[b-0lgrprkrma] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-0lgrprkrma] {
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 5px solid #23295a;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-0lgrprkrma] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-0lgrprkrma] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-0lgrprkrma] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-0lgrprkrma] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-0lgrprkrma] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-0lgrprkrma .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-0lgrprkrma {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-0lgrprkrma] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-0lgrprkrma] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-0lgrprkrma] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-0lgrprkrma] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-0lgrprkrma .2s forwards;
}

    .alert_input[b-0lgrprkrma]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-0lgrprkrma] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-0lgrprkrma] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-0lgrprkrma {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/DonutsReportesCiudadanos.razor.rz.scp.css */
.content_table[b-noeczakkjn] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-noeczakkjn] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-noeczakkjn] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-noeczakkjn] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-noeczakkjn] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-noeczakkjn] {
    grid-column: span 2;
}

.span_3[b-noeczakkjn] {
    grid-column: span 3;
}

.title_section[b-noeczakkjn] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #741010;
}

.content_data[b-noeczakkjn] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data[b-noeczakkjn] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-noeczakkjn] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-noeczakkjn] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-noeczakkjn] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-noeczakkjn] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-noeczakkjn] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-noeczakkjn] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-noeczakkjn] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-noeczakkjn] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-noeczakkjn .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-noeczakkjn {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-noeczakkjn] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-noeczakkjn] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-noeczakkjn] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-noeczakkjn] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-noeczakkjn .2s forwards;
}

    .alert_input[b-noeczakkjn]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-noeczakkjn] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-noeczakkjn] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-noeczakkjn {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/LinesIngresos.razor.rz.scp.css */
.content_table[b-vpbhf24g8o] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-vpbhf24g8o] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vpbhf24g8o] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-vpbhf24g8o] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-vpbhf24g8o] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-vpbhf24g8o] {
    grid-column: span 2;
}

.span_3[b-vpbhf24g8o] {
    grid-column: span 3;
}

.title_section[b-vpbhf24g8o] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #741010;
}

.content_data[b-vpbhf24g8o] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data[b-vpbhf24g8o] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-vpbhf24g8o] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-vpbhf24g8o] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-vpbhf24g8o] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-vpbhf24g8o] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-vpbhf24g8o] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-vpbhf24g8o] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-vpbhf24g8o] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-vpbhf24g8o] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-vpbhf24g8o .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-vpbhf24g8o {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-vpbhf24g8o] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-vpbhf24g8o] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-vpbhf24g8o] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-vpbhf24g8o] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-vpbhf24g8o .2s forwards;
}

    .alert_input[b-vpbhf24g8o]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-vpbhf24g8o] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-vpbhf24g8o] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-vpbhf24g8o {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/TotalBolsasTrabajo.razor.rz.scp.css */
.content_table[b-kn2ab0tdq3] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-kn2ab0tdq3] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-kn2ab0tdq3] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-kn2ab0tdq3] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-kn2ab0tdq3] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-kn2ab0tdq3] {
    grid-column: span 2;
}

.span_3[b-kn2ab0tdq3] {
    grid-column: span 3;
}

.title_section[b-kn2ab0tdq3] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #FA7C06;
    width: 100%;
}

.content_data[b-kn2ab0tdq3] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.content_item[b-kn2ab0tdq3] {
    display: flex;
    align-items: center;
    padding: 0.5vw 0;
    border-bottom: 1px solid #ddd;
}

.text_data[b-kn2ab0tdq3] {
    font-size: 1.5vw;
    margin-left: 1vw;
}

.content_data i[b-kn2ab0tdq3] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}

.content_center[b-kn2ab0tdq3] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-kn2ab0tdq3] {
    width: 3vw;
    margin: auto;
    color: #FA7C06;
    background-color: white;
    border: 5px solid #514D49;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.icono_menu_1[b-kn2ab0tdq3] {
    width: 3vw;
    margin: auto;
    color: #0f7e11;
    background-color: white;
    border: 5px solid #FA7C06;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.icono_menu_2[b-kn2ab0tdq3] {
    width: 3vw;
    margin: auto;
    color: #cc0c0c;
    background-color: white;
    border: 5px solid #FA7C06;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-kn2ab0tdq3] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-kn2ab0tdq3] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-kn2ab0tdq3] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-kn2ab0tdq3] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-kn2ab0tdq3] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-kn2ab0tdq3 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-kn2ab0tdq3 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-kn2ab0tdq3] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-kn2ab0tdq3] {
        border-bottom: .2vw solid #514D49;
    }

.content_relative[b-kn2ab0tdq3] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-kn2ab0tdq3] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-kn2ab0tdq3 .2s forwards;
}

    .alert_input[b-kn2ab0tdq3]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-kn2ab0tdq3] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-kn2ab0tdq3] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-kn2ab0tdq3 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}


/*------------------------------------------------------------------------------------------------------------*/



/*.content_table {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2 {
    grid-column: span 2;
}

.span_3 {
    grid-column: span 3;
}

.title_section {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #FA7C06;
}

.content_data {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data {
    font-size: 1.5vw;
    margin: auto
}

.content_data i {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center {
    width: 100%;
    margin: auto;
}

.icono_menu {
    width: 3vw;
    margin: auto;
}

.list_ingresos {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus {
        border-bottom: .2vw solid #514D49;
    }

.content_relative {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser .2s forwards;
}

    .alert_input:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
*/
/* /Components/DashBoardComponents/SubComponents/Tramites.razor.rz.scp.css */
.content_table[b-3zz94rvlkm] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-3zz94rvlkm] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-3zz94rvlkm] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-3zz94rvlkm] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-3zz94rvlkm] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-3zz94rvlkm] {
    grid-column: span 2;
}

.span_3[b-3zz94rvlkm] {
    grid-column: span 3;
}

.title_section[b-3zz94rvlkm] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #f4953c;
    width: 100%;
}
.subtitle_section[b-3zz94rvlkm] {
    font-size: 1rem;
    text-align: center;
    margin-top: -5px;
    color: #514d49;
}

.content_data[b-3zz94rvlkm] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.content_item[b-3zz94rvlkm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.text_label[b-3zz94rvlkm] {
    font-size: 1.5vw;
    flex: 1;
    color: #f4953c;
    font-weight: 600;
}

.text_value[b-3zz94rvlkm] {
    min-width: 50px;
    text-align: right;
    font-weight: bold;
}


.content_data i[b-3zz94rvlkm] {
    font-size: 2vw;
    margin: auto 1vw auto 0;
}
.icono_info[b-3zz94rvlkm] {
    color: #17a2b8; 
}

.icono_automatizado[b-3zz94rvlkm] {
    color: #28a745; 
}

.icono_semi_automatizado[b-3zz94rvlkm] {
    color: #ffc107; 
}

.icono_default[b-3zz94rvlkm] {
    color: #6c757d; 
}

.content_center[b-3zz94rvlkm] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-3zz94rvlkm] {
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 5px solid #23295a;
    border-radius: 90%;
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.list_ingresos[b-3zz94rvlkm] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-3zz94rvlkm] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-3zz94rvlkm] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-3zz94rvlkm] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-3zz94rvlkm] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-3zz94rvlkm .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-3zz94rvlkm {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-3zz94rvlkm] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-3zz94rvlkm] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-3zz94rvlkm] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-3zz94rvlkm] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-3zz94rvlkm .2s forwards;
}

    .alert_input[b-3zz94rvlkm]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-3zz94rvlkm] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-3zz94rvlkm] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-3zz94rvlkm {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/Turismo.razor.rz.scp.css */
.content_table[b-giema0dqr7] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-giema0dqr7] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-giema0dqr7] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-giema0dqr7] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-giema0dqr7] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-giema0dqr7] {
    grid-column: span 2;
}

.span_3[b-giema0dqr7] {
    grid-column: span 3;
}

.title_section[b-giema0dqr7] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #741010;
    width: 100%;
}

.content_data[b-giema0dqr7] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
    /*border: 2px solid red;*/
}

.text_data[b-giema0dqr7] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-giema0dqr7] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-giema0dqr7] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-giema0dqr7] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-giema0dqr7] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-giema0dqr7] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-giema0dqr7] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-giema0dqr7] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-giema0dqr7] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-giema0dqr7 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-giema0dqr7 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-giema0dqr7] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-giema0dqr7] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-giema0dqr7] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-giema0dqr7] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-giema0dqr7 .2s forwards;
}

    .alert_input[b-giema0dqr7]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-giema0dqr7] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-giema0dqr7] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-giema0dqr7 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/DashBoardComponents/SubComponents/UltimosIngresos.razor.rz.scp.css */
.content_table[b-0394ci1ugt] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-0394ci1ugt] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-0394ci1ugt] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}


.content_grid[b-0394ci1ugt] {
    width: 98%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-0394ci1ugt] {
    border-radius: 1vw;
    border: .1vw solid #808080;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    box-shadow: .2vw .2vw .5vw #444444b2;
    background-color: #fff;
}

.span_2[b-0394ci1ugt] {
    grid-column: span 2;
}

.span_3[b-0394ci1ugt] {
    grid-column: span 3;
}

.title_section[b-0394ci1ugt] {
    font-size: 2.5vw;
    text-align: center;
    margin: 1vw auto;
    color: #741010;
}

.content_data[b-0394ci1ugt] {
    align-items: center;
    justify-content: center;
    margin: 1vw auto;
    width: auto;
    min-width: 40%;
}

.text_data[b-0394ci1ugt] {
    font-size: 1.5vw;
    margin: auto
}

.content_data i[b-0394ci1ugt] {
    font-size: 1.5vw;
    margin: auto 1vw auto 0;
}

.content_center[b-0394ci1ugt] {
    width: 100%;
    margin: auto;
}

.icono_menu[b-0394ci1ugt] {
    width: 3vw;
    margin: auto;
}

.list_ingresos[b-0394ci1ugt] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gid_list_ingreso[b-0394ci1ugt] {
    display: grid;
    grid-template-columns: 1fr 25%;
    column-gap: 1vw;
    width: 100%;
    border: .1vw solid #808080;
    border-radius: 1vw;
    padding: .5vw;
    margin: .5vw auto;
}

.text_pincipal[b-0394ci1ugt] {
    font-size: 1.2vw;
    font-weight: 600;
    text-align: start;
    margin: 0;
}

.text_secundario[b-0394ci1ugt] {
    font-size: .8vw;
    text-align: start;
    margin: 0;
}

.content_carrusel[b-0394ci1ugt] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: .5vw auto;
    animation: apareser-b-0394ci1ugt .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-0394ci1ugt {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.input_form[b-0394ci1ugt] {
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-0394ci1ugt] {
        border-bottom: .2vw solid #23295a;
    }

.content_relative[b-0394ci1ugt] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-0394ci1ugt] {
    position: absolute;
    left: 5%;
    top: 110%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-0394ci1ugt .2s forwards;
}

    .alert_input[b-0394ci1ugt]:after {
        content: "";
        display: block;
        position: absolute;
        top: -1.3vw;
        left: 5%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 1vw solid transparent;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid #ffcb00;
    }

.text_alert[b-0394ci1ugt] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-0394ci1ugt] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-0394ci1ugt {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/FiltrosReporteCiudadanoComponents/FiltrosReporteCiudadano.razor.rz.scp.css */
.content_table[b-bxxrabaqv1] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-bxxrabaqv1] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-bxxrabaqv1] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-bxxrabaqv1] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-bxxrabaqv1] {
        background-color: #F4953C;
    }

    .btn_cirquel i[b-bxxrabaqv1] {
        margin: auto;
    }

.content_filtros[b-bxxrabaqv1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-bxxrabaqv1] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-bxxrabaqv1], .ticked[b-bxxrabaqv1] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-bxxrabaqv1] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-bxxrabaqv1], .ticked:hover[b-bxxrabaqv1] {
        color: #514D49;
    }

    .label_section[b-bxxrabaqv1]:after, .ticked[b-bxxrabaqv1]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-bxxrabaqv1]:after, .ticked:hover[b-bxxrabaqv1]:after {
        width: 100%;
    }

.selected[b-bxxrabaqv1]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #F4953C;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-bxxrabaqv1] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-bxxrabaqv1 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-bxxrabaqv1 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-bxxrabaqv1] {
    display: none;
}

.input_form[b-bxxrabaqv1] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-bxxrabaqv1] {
        border-bottom: .2vw solid #F4953C;
    }

.button_sumit[b-bxxrabaqv1] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953C;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-bxxrabaqv1] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-bxxrabaqv1]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514D49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-bxxrabaqv1]:after {
        bottom: 0;
    }

.content_relative[b-bxxrabaqv1] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-bxxrabaqv1] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-bxxrabaqv1 .2s forwards;
}

    .alert_input[b-bxxrabaqv1]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-bxxrabaqv1] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-bxxrabaqv1] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-bxxrabaqv1 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-bxxrabaqv1] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-bxxrabaqv1], .content_grid_tabla_boddy[b-bxxrabaqv1] {
    display: grid;
    grid-template-columns: 8% 1fr 20% repeat(3, 1fr) 15% 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-bxxrabaqv1] {
    background-color: #514D49;
    color: #fff;
}

.grid_3[b-bxxrabaqv1] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-bxxrabaqv1] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-bxxrabaqv1] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-bxxrabaqv1] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-bxxrabaqv1] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #F4953C;
    margin: 1vw auto;
}

.img_noticia[b-bxxrabaqv1] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-bxxrabaqv1] {
    grid-column: span 2;
}

.btn_edit[b-bxxrabaqv1], .btn_delete[b-bxxrabaqv1] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-bxxrabaqv1] {
    background-color: #F4953C;
}

.btn_delete[b-bxxrabaqv1] {
    background-color: #514D49;
}

    .btn_edit span[b-bxxrabaqv1], .btn_delete span[b-bxxrabaqv1] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-bxxrabaqv1], .btn_delete:hover span[b-bxxrabaqv1] {
        opacity: 1;
    }

    .btn_delete i[b-bxxrabaqv1], .btn_edit i[b-bxxrabaqv1] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-bxxrabaqv1]:after, .btn_delete[b-bxxrabaqv1]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-bxxrabaqv1]:after {
    background-color: #254ad8;
}

.btn_delete[b-bxxrabaqv1]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-bxxrabaqv1]:after, .btn_delete:hover[b-bxxrabaqv1]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-bxxrabaqv1] {
    display: flex;
    max-width: 100%;
    margin: auto;
}

.pagina[b-bxxrabaqv1] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-bxxrabaqv1] {
        color: #514D49;
        background-color: #F4953C12;
    }

    .pagina[b-bxxrabaqv1]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #F4953C;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-bxxrabaqv1]:after {
        width: 100%;
        left: 0;
    }
/* /Components/MapaAlertaComponents/MapaAlerta.razor.rz.scp.css */
.content_map[b-gq1h1fqo1b] {
    width: 100%;
    margin: 1vw auto;
}

.map[b-gq1h1fqo1b] {
    width: 100%;
    height: 60vh;
}
/* /Components/MapaReporteCiudadanoComponents/MapaReporteCiudadano.razor.rz.scp.css */
.content_map[b-dkuuba8uqy] {
    width: 100%;
    margin: 1vw auto;
}

.grid_3_map[b-dkuuba8uqy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    width: 100%;
}

.col_grid[b-dkuuba8uqy] {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.span_2[b-dkuuba8uqy] {
    grid-column: span 2;
}
.map[b-dkuuba8uqy] {
    width: 100%;
    height: 60vh;
}

.content_identificadores[b-dkuuba8uqy] {
    width: 100%;
    min-height: 100%;
    background-color: #e8e8e8;
    border-radius: .5vw;
    padding: .5vw;
    display: flex;
    flex-direction: column;
}

.titles[b-dkuuba8uqy] {
    font-size: 1.2vw;
    font-weight: 600;
    margin: .5vw 0;
    text-align: start;
}

.sub_title[b-dkuuba8uqy] {
    font-size: 1vw;
    margin: .5vw 0;
    text-align: start;
}

.grid_2[b-dkuuba8uqy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
}

.text_description[b-dkuuba8uqy] {
    display: flex;
    position: relative;
    font-size: .8vw;
    text-align: start;
    margin: .5vw 0;
}

.color_1[b-dkuuba8uqy], .color_2[b-dkuuba8uqy], .color_3[b-dkuuba8uqy], .color_4[b-dkuuba8uqy] {
    display: grid;
    grid-template-columns: 3vw 1fr;
}

.text_description span[b-dkuuba8uqy] {
    margin: auto 0;
}

.color_1[b-dkuuba8uqy]:before, .color_2[b-dkuuba8uqy]:before, .color_3[b-dkuuba8uqy]:before, .color_4[b-dkuuba8uqy]:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    margin: auto 1vw;
}

.color_1[b-dkuuba8uqy]:before {
    background-color: #ac0303;
}

.color_2[b-dkuuba8uqy]:before {
    background-color: #f3b301;
}

.color_3[b-dkuuba8uqy]:before {
    background-color: #019712;
}

.color_4[b-dkuuba8uqy]:before {
    background-color: #243c6d;
}

.content_flex[b-dkuuba8uqy] {
    width: 100%;
    margin: auto;
    display: flex;
}

.img_tipo_reporte[b-dkuuba8uqy] {
    width: 2vw; 
    height: 2vw;;
    margin: auto 0;
    margin-right: 1vw;
}

._auto[b-dkuuba8uqy] {
    margin: auto 0;
}
/* /Components/ModalCargaExcelPredioComponents/ModalCargaExcelPredio.razor.rz.scp.css */
.content_modal[b-h4gqubew7u] {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #10101069;
    backdrop-filter: blur(1vw);
    top: 0;
    left: 0;
    animation: apareser-b-h4gqubew7u .3s initial;
    z-index: 200;
}

@keyframes apareser-b-h4gqubew7u {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.card_modal[b-h4gqubew7u] {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 2vw;
    padding: 1vw;
    border: .2vw solid #514D49;
    margin: auto;
}

.input_form[b-h4gqubew7u] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: 0.3vw;
    outline: none;
    font-size: 1.2vw;
    padding: 0.5vw;
    border: none;
    background-color: rgb(241, 241, 241);
}

    .input_form:focus[b-h4gqubew7u] {
        border-bottom: 0.2vw solid rgb(48, 198, 170);
    }

.icono_absolut[b-h4gqubew7u] {
    position: absolute;
}

.btn_edit[b-h4gqubew7u], .btn_delete[b-h4gqubew7u] {
    margin: auto;
    display: flex;
    padding: .5vw;
    color: #cfcfcf;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: 50%;
}

    .btn_edit span[b-h4gqubew7u], .btn_delete span[b-h4gqubew7u] {
        color: #fff;
        margin: auto;
        margin-left: 1vw;
        font-size: 1vw;
    }

    .btn_edit[b-h4gqubew7u] {
        top: .5vw;
        right: .5vw;
    }

.btn_delete[b-h4gqubew7u] {
    top: .5vw;
    left: .5vw;
}

.icono_absolut span[b-h4gqubew7u], .icono_absolut span[b-h4gqubew7u] {
    position: absolute;
    bottom: 30%;
    right: 110%;
    background-color: #fff;
    border-radius: 1vw;
    padding: .2vw 1vw;
    font-size: .8vw;
    text-align: center;
    color: #000;
    pointer-events: none;
    opacity: 0;
    box-shadow: 0 0 .4vw #9a9a9abe;
    transition: all .2s ease-in-out;
}

.icono_absolut:hover span[b-h4gqubew7u], .icono_absolut:hover span[b-h4gqubew7u] {
    opacity: 1;
}

    .btn_delete i[b-h4gqubew7u], .btn_edit i[b-h4gqubew7u] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-h4gqubew7u]:after, .btn_delete[b-h4gqubew7u]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-h4gqubew7u]:after {
    background-color: #514D49;
}

.btn_delete[b-h4gqubew7u]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-h4gqubew7u]:after, .btn_delete:hover[b-h4gqubew7u]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.title[b-h4gqubew7u] {
    font-size: 2vw;
    font-weight: 600;
    margin: 0 auto;
    color: #F4953C;
}

.content_section[b-h4gqubew7u], .content_relative[b-h4gqubew7u] {
    width: 100%;
    margin: 1vw auto;
    display: flex;
    flex-direction: column;
}

.display_flex[b-h4gqubew7u], .display_felx[b-h4gqubew7u] {
    width: 100%;
    display: flex;
}

.text_realse[b-h4gqubew7u] {
    font-size: 1vw;
    font-weight: 600;
    margin: .5vw auto;
    margin-left: .5vw;
}

.text_plano[b-h4gqubew7u] {
    font-size: 1vw;
    margin: .5vw auto;
}

.text_alert[b-h4gqubew7u] {
    text-align: center;
    margin: auto;
    font-size: 1.2vw;
    color: #514D49;
}

.loader[b-h4gqubew7u] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-h4gqubew7u {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.no_view[b-h4gqubew7u] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    display: none;
}

.no_view_file[b-h4gqubew7u] {
    opacity: 0;
    transform: scale(0);
    width: 0;
    height: 0;
    pointer-events: none;
}

.btn_file[b-h4gqubew7u] {
    display: flex;
    border-radius: .5vw;
    position: relative;
    border: .1vw solid #808080;
    cursor:pointer;
    padding: 0;
}

.btn_file:active[b-h4gqubew7u] {
    border-color: #514D49;
}

.btn_file_label[b-h4gqubew7u] {
    text-align: start;
    font-size: 1.5vw;
    color: #444444;
    margin: 1vw;
    margin-right: auto;
}

.btn_file_btn[b-h4gqubew7u] {
    min-height: 100%;
    margin: 0;
    display: flex;
    background-color: #808080;
    color: #fff;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0 2vw;
    border-radius: 0 .5vw .5vw 0;
}

.btn_file:hover .btn_file_btn[b-h4gqubew7u] {
    background-color: #514D49;
}

.btn_file:hover[b-h4gqubew7u], .btn_file:active[b-h4gqubew7u], .btn_file:focus[b-h4gqubew7u] {
    border: .1vw solid #514D49;
}

.btn_file:active .btn_file_btn[b-h4gqubew7u] {
    background-color: #514D49;
}

.btn_opc[b-h4gqubew7u] {
    width: 45%;
    border-radius: 1vw;
    background-color: #514D49;
    margin: auto;
}

.btn_opc[b-h4gqubew7u]:after {
    border-radius: 1vw;
}

.btn_opc span[b-h4gqubew7u] {
    position: relative;
    z-index: 3;
    margin-right: auto;
}

.btn_opc i[b-h4gqubew7u] {
    color: #fff;
}

.color_after_secundario[b-h4gqubew7u]:after {
    background-color: #F4953C;
}
/* /Components/ModalCarruselImagesComponents/ModalCarruselImages.razor.rz.scp.css */
.content_modal[b-6mitaeuv37] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    z-index: 199;
}

.icon_x[b-6mitaeuv37] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.content_carusel[b-6mitaeuv37] {
    width: 80%;
    display: flex;
    margin: auto;
}

.grid_carusel[b-6mitaeuv37] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 10% 1fr 10%;
    gap: 1vw;
}

.col_grid[b-6mitaeuv37] {
    width: 100%;
    display: flex;
}

.col_grid i[b-6mitaeuv37] {
    font-size: 4vw;
    margin: auto;
    cursor: pointer;
}

.img_modal[b-6mitaeuv37] {
    max-width: 55%;
    margin: auto;
    border: 2vw solid #FFF;
}

.loader[b-6mitaeuv37] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #fff;
    border-left: .5vw solid #fff;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-6mitaeuv37 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/ModalDetalleLugarTuristicoComponents/ModalDetalleLugarTuristico.razor.rz.scp.css */
.content_modal[b-edq9uemuyu] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-edq9uemuyu] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-edq9uemuyu] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-edq9uemuyu] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-edq9uemuyu] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_detalles[b-edq9uemuyu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_3[b-edq9uemuyu] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: auto;
}

.grid_5[b-edq9uemuyu] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-edq9uemuyu] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-edq9uemuyu] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}

.text_plano[b-edq9uemuyu] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-edq9uemuyu] {
    grid-column: span 2;
}

.img_modal[b-edq9uemuyu] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-edq9uemuyu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-edq9uemuyu] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-edq9uemuyu] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-edq9uemuyu] {
    margin: 0;
}

.margin_left[b-edq9uemuyu] {
    margin-left: auto;
}

.loader[b-edq9uemuyu] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-edq9uemuyu {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
.text_estilo[b-edq9uemuyu] {
    overflow-wrap: anywhere;
}
/* /Components/ModalDetallesReporteCiudadanoComponents/ModalDetallesReporteCiudadano.razor.rz.scp.css */
.button_sumit[b-8u56l2p4jt] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-8u56l2p4jt] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-8u56l2p4jt]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-8u56l2p4jt]:after {
        bottom: 0;
    }
.input_form[b-8u56l2p4jt] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-8u56l2p4jt] {
        border-bottom: .2vw solid #514D49;
    }

.content_modal[b-8u56l2p4jt] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-8u56l2p4jt] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-8u56l2p4jt] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex; 
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-8u56l2p4jt] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-8u56l2p4jt] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_detalles[b-8u56l2p4jt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_3[b-8u56l2p4jt] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: auto;
}

.grid_5[b-8u56l2p4jt] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-8u56l2p4jt] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-8u56l2p4jt] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}



.text_plano[b-8u56l2p4jt] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-8u56l2p4jt] {
    grid-column: span 2;
}

.img_modal[b-8u56l2p4jt] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-8u56l2p4jt] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-8u56l2p4jt] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-8u56l2p4jt] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-8u56l2p4jt] {
    margin: 0;
}

.margin_left[b-8u56l2p4jt] {
    margin-left: auto;
}

.loader[b-8u56l2p4jt] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-8u56l2p4jt {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/ModalDetallesRutasComponents/ModalDetallesRutas.razor.rz.scp.css */
.content_modal[b-tjxbosqvdj] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-tjxbosqvdj] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-tjxbosqvdj] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-tjxbosqvdj] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-tjxbosqvdj] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_detalles[b-tjxbosqvdj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_3[b-tjxbosqvdj] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: auto;
}

.grid_5[b-tjxbosqvdj] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-tjxbosqvdj] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-tjxbosqvdj] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}

.text_plano[b-tjxbosqvdj] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-tjxbosqvdj] {
    grid-column: span 2;
}

.img_modal[b-tjxbosqvdj] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-tjxbosqvdj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-tjxbosqvdj] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-tjxbosqvdj] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-tjxbosqvdj] {
    margin: 0;
}

.margin_left[b-tjxbosqvdj] {
    margin-left: auto;
}

.loader[b-tjxbosqvdj] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-tjxbosqvdj {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/ModalDetallesTramiteComponents/ModalDetallesTramite.razor.rz.scp.css */
.content_modal[b-hsy4dwhu8i] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-hsy4dwhu8i] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-hsy4dwhu8i] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-hsy4dwhu8i] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-hsy4dwhu8i] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_detalles[b-hsy4dwhu8i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_3[b-hsy4dwhu8i] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: auto;
}

.grid_5[b-hsy4dwhu8i] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-hsy4dwhu8i] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-hsy4dwhu8i] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}

.text_plano[b-hsy4dwhu8i] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-hsy4dwhu8i] {
    grid-column: span 2;
}

.img_modal[b-hsy4dwhu8i] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-hsy4dwhu8i] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-hsy4dwhu8i] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-hsy4dwhu8i] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-hsy4dwhu8i] {
    margin: 0;
}

.margin_left[b-hsy4dwhu8i] {
    margin-left: auto;
}

.loader[b-hsy4dwhu8i] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-hsy4dwhu8i {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/*PDF*/
.pdf_icon[b-hsy4dwhu8i] {
    width: 40px; /* o el tamaño que quieras */
    height: auto;
    display: block;
    margin: 0 auto;
}

.pdf_name[b-hsy4dwhu8i] {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    word-wrap: break-word; /* permite cortar palabras largas */
    white-space: normal; /* hace que el texto pueda saltar de línea */
    max-width: 150px; /* define un ancho máximo para que el texto no se extienda infinito */
    margin-left: auto;
    margin-right: auto; /* centra el bloque */
}
/* /Components/ModalEcidenciasSolucionReporteCiudadanoComponents/ModalEcidenciasSolucionReporteCiudadano.razor.rz.scp.css */
.content_modal[b-n07bcu3tyn] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-n07bcu3tyn] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-n07bcu3tyn] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-n07bcu3tyn] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-n07bcu3tyn] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_detalles[b-n07bcu3tyn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_5[b-n07bcu3tyn] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-n07bcu3tyn] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-n07bcu3tyn] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}

.text_plano[b-n07bcu3tyn] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-n07bcu3tyn] {
    grid-column: span 2;
}

.img_modal[b-n07bcu3tyn] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-n07bcu3tyn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-n07bcu3tyn] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-n07bcu3tyn] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-n07bcu3tyn] {
    margin: 0;
}

.margin_left[b-n07bcu3tyn] {
    margin-left: auto;
}

.loader[b-n07bcu3tyn] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-n07bcu3tyn {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.btn_edit[b-n07bcu3tyn], .btn_delete[b-n07bcu3tyn] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-n07bcu3tyn] {
    background-color: #514D49;
}

.btn_delete[b-n07bcu3tyn] {
    background-color: #F4953C;
}

    .btn_edit span[b-n07bcu3tyn], .btn_delete span[b-n07bcu3tyn] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-n07bcu3tyn], .btn_delete:hover span[b-n07bcu3tyn] {
        opacity: 1;
    }

    .btn_delete i[b-n07bcu3tyn], .btn_edit i[b-n07bcu3tyn] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-n07bcu3tyn]:after, .btn_delete[b-n07bcu3tyn]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-n07bcu3tyn]:after {
    background-color: #254ad8;
}

.btn_delete[b-n07bcu3tyn]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-n07bcu3tyn]:after, .btn_delete:hover[b-n07bcu3tyn]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* /Components/ModalFreamComponents/ModalFream.razor.rz.scp.css */
.content_modal[b-f6tvzvfryu] {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #10101069;
    backdrop-filter: blur(1vw);
    top: 0;
    left: 0;
    animation: apareser-b-f6tvzvfryu .3s initial;
    z-index: 200;
}

@keyframes apareser-b-f6tvzvfryu {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.card_modal[b-f6tvzvfryu] {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 2vw;
    padding: 1vw;
    border: .2vw solid #514D49;
    margin: auto;
}

.icono_absolut[b-f6tvzvfryu] {
    position: absolute;
}

.btn_edit[b-f6tvzvfryu], .btn_delete[b-f6tvzvfryu] {
    margin: auto;
    display: flex;
    padding: .5vw;
    color: #cfcfcf;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: 50%;
}

.btn_edit[b-f6tvzvfryu] {
    top: .5vw;
    right: .5vw;
}

.btn_delete[b-f6tvzvfryu] {
    top: .5vw;
    left: .5vw;
}

    .btn_edit span[b-f6tvzvfryu], .btn_delete span[b-f6tvzvfryu] {
        position: absolute;
        bottom: 30%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-f6tvzvfryu], .btn_delete:hover span[b-f6tvzvfryu] {
        opacity: 1;
    }

    .btn_delete i[b-f6tvzvfryu], .btn_edit i[b-f6tvzvfryu] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-f6tvzvfryu]:after, .btn_delete[b-f6tvzvfryu]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-f6tvzvfryu]:after {
    background-color: #514D49;
}

.btn_delete[b-f6tvzvfryu]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-f6tvzvfryu]:after, .btn_delete:hover[b-f6tvzvfryu]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.title[b-f6tvzvfryu] {
    font-size: 2vw;
    font-weight: 600;
    margin: 0 auto;
    color: #F4953C;
}

.content_info[b-f6tvzvfryu] {
    width: 100%;
    margin: 1vw auto;
    display: flex;
    flex-direction: column;
}

.display_flex[b-f6tvzvfryu], .display_felx[b-f6tvzvfryu] {
    width: 100%;
    display: flex;
}

.text_realse[b-f6tvzvfryu] {
    font-size: 1vw;
    font-weight: 600;
    margin: .5vw auto;
    margin-left: .5vw;
}

.text_plano[b-f6tvzvfryu] {
    font-size: 1vw;
    margin: .5vw auto;
    margin-right: .5vw;
}

.text_alert[b-f6tvzvfryu] {
    text-align: center;
    margin: auto;
    font-size: 1.2vw;
    color: #514D49;
}

.loader[b-f6tvzvfryu] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-f6tvzvfryu {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/ModalPagoCompletoComponents/ModalPagoCompleto.razor.rz.scp.css */
.content_modal[b-drvkv51sm6]{
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #10101069;
    backdrop-filter: blur(1vw);
    top: 0;
    left: 0;
    animation: apareser-b-drvkv51sm6 .3s initial;
    z-index: 200;
}

@keyframes apareser-b-drvkv51sm6 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.card_modal[b-drvkv51sm6] {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 2vw;
    padding: 1vw;
    border: .2vw solid #514D49;
    margin: auto;
}

.icono_absolut[b-drvkv51sm6] {
    position: absolute;
}

.btn_edit[b-drvkv51sm6], .btn_delete[b-drvkv51sm6] {
    margin: auto;
    display: flex;
    padding: .5vw;
    color: #cfcfcf;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: 50%;
}

.btn_edit[b-drvkv51sm6] {
    top: .5vw;
    right: .5vw;
}

.btn_delete[b-drvkv51sm6] {
    top: .5vw;
    left: .5vw;
}

    .btn_edit span[b-drvkv51sm6], .btn_delete span[b-drvkv51sm6] {
        position: absolute;
        bottom: 30%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-drvkv51sm6], .btn_delete:hover span[b-drvkv51sm6] {
        opacity: 1;
    }

    .btn_delete i[b-drvkv51sm6], .btn_edit i[b-drvkv51sm6] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-drvkv51sm6]:after, .btn_delete[b-drvkv51sm6]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-drvkv51sm6]:after {
    background-color: #514D49;
}

.btn_delete[b-drvkv51sm6]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-drvkv51sm6]:after, .btn_delete:hover[b-drvkv51sm6]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.title[b-drvkv51sm6] {
    font-size: 2vw;
    font-weight: 600;
    margin: 0 auto;
    color: #F4953C;
}

.content_info[b-drvkv51sm6] {
    width: 100%;
    margin: 1vw auto;
    display: flex;
    flex-direction: column;
}

.display_flex[b-drvkv51sm6], .display_felx[b-drvkv51sm6] {
    width: 100%;
    display: flex;
}

.text_realse[b-drvkv51sm6] {
    font-size: 1vw;
    font-weight: 600;
    margin: .5vw auto;
    margin-left: .5vw;
}

.text_plano[b-drvkv51sm6] {
    font-size: 1vw;
    margin: .5vw auto;
    margin-right: .5vw;
}
.text_alert[b-drvkv51sm6] {
    text-align: center;
    margin: auto;
    font-size: 1.2vw;
    color: #514D49;
}

.loader[b-drvkv51sm6] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-drvkv51sm6 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/ModalRutaRecoleccionComponents/ModalRutaRecoleccion.razor.rz.scp.css */
.content_modal[b-vpgfrwrjv0] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #3131315e;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 200;
}

.icon_x[b-vpgfrwrjv0] {
    color: #fff;
    font-size: 2vw;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
}

.card_modal[b-vpgfrwrjv0] {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: .5vw;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.content_title[b-vpgfrwrjv0] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vpgfrwrjv0] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    color: #F4953C;
}

.content_filtros[b-vpgfrwrjv0] {
    display: grid;
    /*grid-template-columns: repeat(3, 1fr);*/
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.input_form[b-vpgfrwrjv0] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-vpgfrwrjv0] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-vpgfrwrjv0] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-vpgfrwrjv0] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-vpgfrwrjv0]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-vpgfrwrjv0]:after {
        bottom: 0;
    }

.content_detalles[b-vpgfrwrjv0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: auto
}

.grid_3[b-vpgfrwrjv0] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    margin: auto;
}

.grid_5[b-vpgfrwrjv0] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1vw;
    margin: auto;
}

.col_grid[b-vpgfrwrjv0] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.text_labal[b-vpgfrwrjv0] {
    font-size: 1vw;
    color: #696969;
    margin: auto;
}

.text_plano[b-vpgfrwrjv0] {
    font-size: 1.2vw;
    margin: 1vw 0;
    text-align: center;
}

.span_2[b-vpgfrwrjv0] {
    grid-column: span 2;
}

.img_modal[b-vpgfrwrjv0] {
    width: 100%;
    height: auto;
    margin: auto;
}

.content_verciones[b-vpgfrwrjv0] {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.display_flex[b-vpgfrwrjv0] {
    display: flex;
    width: 100%;
    margin: auto;
}

.content_card_repo[b-vpgfrwrjv0] {
    width: 80%;
    margin: 1vw auto;
    border: .1vw solid #514D49;
    border-radius: .5vw;
    padding: 1vw;
}

.margi_null[b-vpgfrwrjv0] {
    margin: 0;
}

.margin_left[b-vpgfrwrjv0] {
    margin-left: auto;
}

.loader[b-vpgfrwrjv0] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-vpgfrwrjv0 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Components/RowTablaAlertaComponents/RowTablaAlerta.razor.rz.scp.css */
.content_table[b-la1m1gu62f] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-la1m1gu62f] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-la1m1gu62f] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-la1m1gu62f] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-la1m1gu62f] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-la1m1gu62f] {
        margin: auto;
    }

.content_filtros[b-la1m1gu62f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-la1m1gu62f] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-la1m1gu62f], .ticked[b-la1m1gu62f] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-la1m1gu62f] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-la1m1gu62f], .ticked:hover[b-la1m1gu62f] {
        color: #F4953C;
    }

    .label_section[b-la1m1gu62f]:after, .ticked[b-la1m1gu62f]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-la1m1gu62f]:after, .ticked:hover[b-la1m1gu62f]:after {
        width: 100%;
    }

.selected[b-la1m1gu62f]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-la1m1gu62f] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-la1m1gu62f .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-la1m1gu62f {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-la1m1gu62f] {
    display: none;
}

.input_form[b-la1m1gu62f] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-la1m1gu62f] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-la1m1gu62f] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-la1m1gu62f] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-la1m1gu62f]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-la1m1gu62f]:after {
        bottom: 0;
    }

.content_relative[b-la1m1gu62f] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-la1m1gu62f] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-la1m1gu62f .2s forwards;
}

    .alert_input[b-la1m1gu62f]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-la1m1gu62f] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-la1m1gu62f] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-la1m1gu62f {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-la1m1gu62f] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-la1m1gu62f], .content_grid_tabla_boddy[b-la1m1gu62f] {
    display: grid;
    grid-template-columns: 5% repeat(4, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-la1m1gu62f] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-la1m1gu62f] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid span[b-la1m1gu62f] {
        margin: auto;
    }

    .col_grid i[b-la1m1gu62f] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-la1m1gu62f] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-la1m1gu62f] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.content_paginado[b-la1m1gu62f] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-la1m1gu62f] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-la1m1gu62f] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-la1m1gu62f]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-la1m1gu62f]:after {
        width: 100%;
        left: 0;
    }
/* /Components/RowTablaAlertaRutaComponents/RowTablaAlertaRuta.razor.rz.scp.css */
.content_table[b-iqw6fms025] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-iqw6fms025] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-iqw6fms025] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-iqw6fms025] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-iqw6fms025] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-iqw6fms025] {
        margin: auto;
    }

.content_filtros[b-iqw6fms025] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-iqw6fms025] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-iqw6fms025], .ticked[b-iqw6fms025] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-iqw6fms025] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-iqw6fms025], .ticked:hover[b-iqw6fms025] {
        color: #F4953C;
    }

    .label_section[b-iqw6fms025]:after, .ticked[b-iqw6fms025]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-iqw6fms025]:after, .ticked:hover[b-iqw6fms025]:after {
        width: 100%;
    }

.selected[b-iqw6fms025]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-iqw6fms025] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-iqw6fms025 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-iqw6fms025 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-iqw6fms025] {
    display: none;
}

.input_form[b-iqw6fms025] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-iqw6fms025] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-iqw6fms025] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-iqw6fms025] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-iqw6fms025]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-iqw6fms025]:after {
        bottom: 0;
    }

.content_relative[b-iqw6fms025] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-iqw6fms025] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-iqw6fms025 .2s forwards;
}

    .alert_input[b-iqw6fms025]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-iqw6fms025] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-iqw6fms025] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-iqw6fms025 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-iqw6fms025] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-iqw6fms025], .content_grid_tabla_boddy[b-iqw6fms025] {
    display: grid;
    grid-template-columns: 5% repeat(4, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-iqw6fms025] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-iqw6fms025] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid span[b-iqw6fms025] {
        margin: auto;
    }

    .col_grid i[b-iqw6fms025] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-iqw6fms025] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-iqw6fms025] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.content_paginado[b-iqw6fms025] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-iqw6fms025] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-iqw6fms025] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-iqw6fms025]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-iqw6fms025]:after {
        width: 100%;
        left: 0;
    }
/* /Components/RowTablaReportesCiudadanosComponents/RowTablaReportesCiudadanos.razor.rz.scp.css */
.content_table[b-uhlem2pecp] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-uhlem2pecp] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-uhlem2pecp] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-uhlem2pecp] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-uhlem2pecp] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-uhlem2pecp] {
        margin: auto;
    }

.content_filtros[b-uhlem2pecp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-uhlem2pecp] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-uhlem2pecp], .ticked[b-uhlem2pecp] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-uhlem2pecp] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-uhlem2pecp], .ticked:hover[b-uhlem2pecp] {
        color: #F4953C;
    }

    .label_section[b-uhlem2pecp]:after, .ticked[b-uhlem2pecp]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-uhlem2pecp]:after, .ticked:hover[b-uhlem2pecp]:after {
        width: 100%;
    }

.selected[b-uhlem2pecp]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-uhlem2pecp] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-uhlem2pecp .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-uhlem2pecp {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-uhlem2pecp] {
    display: none;
}

.input_form[b-uhlem2pecp] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-uhlem2pecp] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-uhlem2pecp] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-uhlem2pecp] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-uhlem2pecp]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-uhlem2pecp]:after {
        bottom: 0;
    }

.content_relative[b-uhlem2pecp] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-uhlem2pecp] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-uhlem2pecp .2s forwards;
}

    .alert_input[b-uhlem2pecp]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-uhlem2pecp] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-uhlem2pecp] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-uhlem2pecp {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-uhlem2pecp] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
}

.content_grid_tabla_header[b-uhlem2pecp], .content_grid_tabla_boddy[b-uhlem2pecp] {
    display: grid;
    grid-template-columns: 5% repeat(7, 1fr) 7% 1fr;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-uhlem2pecp] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-uhlem2pecp] {
    display: flex;
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid i[b-uhlem2pecp] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-uhlem2pecp] {
    font-size: 1vw;
    text-align: center;
    margin: auto;
}

.no_data[b-uhlem2pecp] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_tabla[b-uhlem2pecp] {
    width: 100%;
    max-height: 10vh;
    align-self: center;
    object-fit: cover;
}

.popper_hover[b-uhlem2pecp] {
    background-color: #353535a3;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    transform: scale(0);
    opacity:0;
    pointer-events: none;
    top: 0%;
    left: 0%;
    transition: all .2s ease-in-out;
    z-index: 2;
}

.col_grid:hover .popper_hover[b-uhlem2pecp] {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
    top: 0;
    left: 0;
}


.btn_edit[b-uhlem2pecp], .btn_delete[b-uhlem2pecp] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-uhlem2pecp] {
    background-color: #514D49;
}

.btn_delete[b-uhlem2pecp] {
    background-color: #F4953C;
}

    .btn_edit span[b-uhlem2pecp], .btn_delete span[b-uhlem2pecp] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-uhlem2pecp], .btn_delete:hover span[b-uhlem2pecp] {
        opacity: 1;
    }

    .btn_delete i[b-uhlem2pecp], .btn_edit i[b-uhlem2pecp] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-uhlem2pecp]:after, .btn_delete[b-uhlem2pecp]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-uhlem2pecp]:after {
    background-color: #254ad8;
}

.btn_delete[b-uhlem2pecp]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-uhlem2pecp]:after, .btn_delete:hover[b-uhlem2pecp]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* /Components/SesionFacebookComponents/SesionFacebook.razor.rz.scp.css */
.content_flex[b-aem44zbb7s] {
    width: 100%;
    display: flex;
    margin: 1vw auto;
    padding: 1vw;
}

.text_plano[b-aem44zbb7s] {
    font-size: 1.5vw;
    margin: 0;
}

.btn_facebook[b-aem44zbb7s] {
    background-color: #2900b5;
    border: none;
    padding: .5vw 2vw;
    margin: 0;
    margin-left: auto;
    display: flex;
    color: #fff;
}

.btn_facebook i[b-aem44zbb7s] {
    margin: auto 0;
    margin-left: 1vw;
}
/* /Components/TablaAgendasComponents/TablaAgendas.razor.rz.scp.css */
.content_table[b-4q3pw37vwq] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-4q3pw37vwq] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-4q3pw37vwq] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-4q3pw37vwq] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-4q3pw37vwq] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-4q3pw37vwq] {
        margin: auto;
    }

.content_filtros[b-4q3pw37vwq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-4q3pw37vwq] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-4q3pw37vwq], .ticked[b-4q3pw37vwq] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #514D49;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-4q3pw37vwq] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-4q3pw37vwq], .ticked:hover[b-4q3pw37vwq] {
        color: #F4953C;
    }

    .label_section[b-4q3pw37vwq]:after, .ticked[b-4q3pw37vwq]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-4q3pw37vwq]:after, .ticked:hover[b-4q3pw37vwq]:after {
        width: 100%;
    }

.selected[b-4q3pw37vwq]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-4q3pw37vwq] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-4q3pw37vwq .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-4q3pw37vwq {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-4q3pw37vwq] {
    display: none;
}

.input_form[b-4q3pw37vwq] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-4q3pw37vwq] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-4q3pw37vwq] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-4q3pw37vwq] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-4q3pw37vwq]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-4q3pw37vwq]:after {
        bottom: 0;
    }

.content_relative[b-4q3pw37vwq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-4q3pw37vwq] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-4q3pw37vwq .2s forwards;
}

    .alert_input[b-4q3pw37vwq]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-4q3pw37vwq] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-4q3pw37vwq] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-4q3pw37vwq {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-4q3pw37vwq] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-4q3pw37vwq], .content_grid_tabla_boddy[b-4q3pw37vwq] {
    display: grid;
    grid-template-columns: 8% 1fr 20% repeat(2, 1fr) 15% 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-4q3pw37vwq] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-4q3pw37vwq] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-4q3pw37vwq] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.col_grid-accion[b-4q3pw37vwq] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-4q3pw37vwq] {
        margin: auto 0;
        margin-left: auto;
    }
.displa_flex[b-4q3pw37vwq] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.txt_plano[b-4q3pw37vwq] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-4q3pw37vwq] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-4q3pw37vwq] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-4q3pw37vwq] {
    grid-column: span 2;
}

.btn_edit[b-4q3pw37vwq], .btn_delete[b-4q3pw37vwq], .btn_face[b-4q3pw37vwq], .btn_ver[b-4q3pw37vwq] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-4q3pw37vwq] {
    background-color: #70afcb;
}

.btn_delete[b-4q3pw37vwq] {
    background-color: #e98686;
}

.btn_ver[b-4q3pw37vwq] {
    background-color: #64d96a;
}

    .btn_edit span[b-4q3pw37vwq], .btn_delete span[b-4q3pw37vwq], .btn_face span[b-4q3pw37vwq], .btn_ver span[b-4q3pw37vwq] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-4q3pw37vwq], .btn_delete:hover span[b-4q3pw37vwq], .btn_face:hover span[b-4q3pw37vwq], .btn_ver:hover span[b-4q3pw37vwq] {
        opacity: 1;
    }

    .btn_delete i[b-4q3pw37vwq], .btn_edit i[b-4q3pw37vwq], .btn_face i[b-4q3pw37vwq], .btn_ver i[b-4q3pw37vwq] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-4q3pw37vwq]:after, .btn_delete[b-4q3pw37vwq]:after, .btn_face[b-4q3pw37vwq]:after, .btn_ver[b-4q3pw37vwq]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-4q3pw37vwq]:after {
    background-color: #1A54A2;
}

.btn_delete[b-4q3pw37vwq]:after {
    background-color: #cb0909;
}

.btn_ver[b-4q3pw37vwq]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-4q3pw37vwq]:after, .btn_delete:hover[b-4q3pw37vwq]:after, .btn_face:hover[b-4q3pw37vwq]:after, .btn_ver:hover[b-4q3pw37vwq]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-4q3pw37vwq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-4q3pw37vwq] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-4q3pw37vwq] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-4q3pw37vwq]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-4q3pw37vwq]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-4q3pw37vwq] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-4q3pw37vwq 1s initial;
}

.content_flex[b-4q3pw37vwq] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-4q3pw37vwq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*alerta confirmar eliminar*/
.modal_fondo[b-4q3pw37vwq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-4q3pw37vwq] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-4q3pw37vwq] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-4q3pw37vwq] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-4q3pw37vwq] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-4q3pw37vwq] {
    font-size: 18px;
    margin: 0;
}

/* /Components/TablaAlertaComponents/TablaAlerta.razor.rz.scp.css */
.content_table[b-sswizp7042] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-sswizp7042] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-sswizp7042] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-sswizp7042] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-sswizp7042] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-sswizp7042] {
        margin: auto;
    }

.content_filtros[b-sswizp7042] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-sswizp7042] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-sswizp7042], .ticked[b-sswizp7042] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-sswizp7042] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-sswizp7042], .ticked:hover[b-sswizp7042] {
        color: #F4953C;
    }

    .label_section[b-sswizp7042]:after, .ticked[b-sswizp7042]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-sswizp7042]:after, .ticked:hover[b-sswizp7042]:after {
        width: 100%;
    }

.selected[b-sswizp7042]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-sswizp7042] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-sswizp7042 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-sswizp7042 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-sswizp7042] {
    display: none;
}

.input_form[b-sswizp7042] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-sswizp7042] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-sswizp7042] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-sswizp7042] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-sswizp7042]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-sswizp7042]:after {
        bottom: 0;
    }

.content_relative[b-sswizp7042] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-sswizp7042] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-sswizp7042 .2s forwards;
}

    .alert_input[b-sswizp7042]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-sswizp7042] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-sswizp7042] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-sswizp7042 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-sswizp7042] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-sswizp7042], .content_grid_tabla_boddy[b-sswizp7042] {
    display: grid;
    grid-template-columns: 5% repeat(4, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-sswizp7042] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-sswizp7042] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid span[b-sswizp7042] {
        margin: auto;
    }

    .col_grid i[b-sswizp7042] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-sswizp7042] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-sswizp7042] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.content_paginado[b-sswizp7042] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-sswizp7042] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-sswizp7042] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-sswizp7042]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-sswizp7042]:after {
        width: 100%;
        left: 0;
    }


.content_map[b-sswizp7042] {
    width: 100%;
    margin: 1vw auto;
}

.grid_3_map[b-sswizp7042] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    width: 100%;
}

.col_grid[b-sswizp7042] {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.span_2[b-sswizp7042] {
    grid-column: span 2;
}

.map[b-sswizp7042] {
    width: 100%;
    height: 60vh;
}

.content_identificadores[b-sswizp7042] {
    width: 100%;
    min-height: 100%;
    background-color: #e8e8e8;
    border-radius: .5vw;
    padding: .5vw;
    display: flex;
    flex-direction: column;
}

.titles_map[b-sswizp7042] {
    font-size: 1.2vw;
    font-weight: 600;
    margin: .5vw 0;
    text-align: start;
}

.sub_title_map[b-sswizp7042] {
    font-size: 1vw;
    margin: .5vw 0;
    text-align: start;
}

.grid_2[b-sswizp7042] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
}

.text_description[b-sswizp7042] {
    display: flex;
    position: relative;
    font-size: .8vw;
    text-align: start;
    margin: .5vw 0;
}

.color_1[b-sswizp7042], .color_2[b-sswizp7042], .color_3[b-sswizp7042], .color_4[b-sswizp7042] {
    display: grid;
    grid-template-columns: 3vw 1fr;
}

.text_description span[b-sswizp7042] {
    margin: auto 0;
}

.color_1[b-sswizp7042]:before, .color_2[b-sswizp7042]:before, .color_3[b-sswizp7042]:before, .color_4[b-sswizp7042]:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    margin: auto 1vw;
}

.color_1[b-sswizp7042]:before {
    background-color: #ac0303;
}

.color_2[b-sswizp7042]:before {
    background-color: #f3b301;
}

.color_3[b-sswizp7042]:before {
    background-color: #019712;
}

.color_4[b-sswizp7042]:before {
    background-color: #243c6d;
}

.content_flex[b-sswizp7042] {
    width: 100%;
    margin: auto;
    display: flex;
}

.img_tipo_reporte[b-sswizp7042] {
    width: 2vw;
    height: 2vw;
    ;
    margin: auto 0;
    margin-right: 1vw;
}

._auto[b-sswizp7042] {
    margin: auto 0;
}
/* /Components/TablaAlrtaRutaComponents/TablaAlertaRuta.razor.rz.scp.css */
.content_table[b-ernodp4sja] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-ernodp4sja] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-ernodp4sja] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-ernodp4sja] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-ernodp4sja] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-ernodp4sja] {
        margin: auto;
    }

.content_filtros[b-ernodp4sja] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-ernodp4sja] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-ernodp4sja], .ticked[b-ernodp4sja] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-ernodp4sja] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-ernodp4sja], .ticked:hover[b-ernodp4sja] {
        color: #F4953C;
    }

    .label_section[b-ernodp4sja]:after, .ticked[b-ernodp4sja]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-ernodp4sja]:after, .ticked:hover[b-ernodp4sja]:after {
        width: 100%;
    }

.selected[b-ernodp4sja]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-ernodp4sja] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-ernodp4sja .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-ernodp4sja {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-ernodp4sja] {
    display: none;
}

.input_form[b-ernodp4sja] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-ernodp4sja] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-ernodp4sja] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ernodp4sja] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ernodp4sja]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ernodp4sja]:after {
        bottom: 0;
    }

.content_relative[b-ernodp4sja] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-ernodp4sja] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-ernodp4sja .2s forwards;
}

    .alert_input[b-ernodp4sja]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-ernodp4sja] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-ernodp4sja] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-ernodp4sja {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-ernodp4sja] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-ernodp4sja], .content_grid_tabla_boddy[b-ernodp4sja] {
    display: grid;
    grid-template-columns: 5% repeat(4, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-ernodp4sja] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-ernodp4sja] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

    .col_grid span[b-ernodp4sja] {
        margin: auto;
    }

    .col_grid i[b-ernodp4sja] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-ernodp4sja] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-ernodp4sja] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.content_paginado[b-ernodp4sja] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-ernodp4sja] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-ernodp4sja] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-ernodp4sja]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-ernodp4sja]:after {
        width: 100%;
        left: 0;
    }


.content_map[b-ernodp4sja] {
    width: 100%;
    margin: 1vw auto;
}

.grid_3_map[b-ernodp4sja] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
    width: 100%;
}

.col_grid[b-ernodp4sja] {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.span_2[b-ernodp4sja] {
    grid-column: span 2;
}

.map[b-ernodp4sja] {
    width: 100%;
    height: 60vh;
}

.content_identificadores[b-ernodp4sja] {
    width: 100%;
    min-height: 100%;
    background-color: #e8e8e8;
    border-radius: .5vw;
    padding: .5vw;
    display: flex;
    flex-direction: column;
}

.titles_map[b-ernodp4sja] {
    font-size: 1.2vw;
    font-weight: 600;
    margin: .5vw 0;
    text-align: start;
}

.sub_title_map[b-ernodp4sja] {
    font-size: 1vw;
    margin: .5vw 0;
    text-align: start;
}

.grid_2[b-ernodp4sja] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    width: 100%;
}

.text_description[b-ernodp4sja] {
    display: flex;
    position: relative;
    font-size: .8vw;
    text-align: start;
    margin: .5vw 0;
}

.color_1[b-ernodp4sja], .color_2[b-ernodp4sja], .color_3[b-ernodp4sja], .color_4[b-ernodp4sja] {
    display: grid;
    grid-template-columns: 3vw 1fr;
}

.text_description span[b-ernodp4sja] {
    margin: auto 0;
}

.color_1[b-ernodp4sja]:before, .color_2[b-ernodp4sja]:before, .color_3[b-ernodp4sja]:before, .color_4[b-ernodp4sja]:before {
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    margin: auto 1vw;
}

.color_1[b-ernodp4sja]:before {
    background-color: #ac0303;
}

.color_2[b-ernodp4sja]:before {
    background-color: #f3b301;
}

.color_3[b-ernodp4sja]:before {
    background-color: #019712;
}

.color_4[b-ernodp4sja]:before {
    background-color: #243c6d;
}

.content_flex[b-ernodp4sja] {
    width: 100%;
    margin: auto;
    display: flex;
}

.img_tipo_reporte[b-ernodp4sja] {
    width: 2vw;
    height: 2vw;
    ;
    margin: auto 0;
    margin-right: 1vw;
}

._auto[b-ernodp4sja] {
    margin: auto 0;
}
/* /Components/TablaAnuncioComponents/TablaAnuncio.razor.rz.scp.css */
.content_table[b-5pwcbb2vg2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-5pwcbb2vg2] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-5pwcbb2vg2] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-5pwcbb2vg2] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-5pwcbb2vg2] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-5pwcbb2vg2] {
        margin: auto;
    }

.content_filtros[b-5pwcbb2vg2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-5pwcbb2vg2] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-5pwcbb2vg2], .ticked[b-5pwcbb2vg2] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-5pwcbb2vg2] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-5pwcbb2vg2], .ticked:hover[b-5pwcbb2vg2] {
        color: #F4953C;
    }

    .label_section[b-5pwcbb2vg2]:after, .ticked[b-5pwcbb2vg2]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-5pwcbb2vg2]:after, .ticked:hover[b-5pwcbb2vg2]:after {
        width: 100%;
    }

.selected[b-5pwcbb2vg2]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-5pwcbb2vg2] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-5pwcbb2vg2 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-5pwcbb2vg2 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-5pwcbb2vg2] {
    display: none;
}

.input_form[b-5pwcbb2vg2] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-5pwcbb2vg2] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-5pwcbb2vg2] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-5pwcbb2vg2] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-5pwcbb2vg2]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-5pwcbb2vg2]:after {
        bottom: 0;
    }

.content_relative[b-5pwcbb2vg2] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-5pwcbb2vg2] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-5pwcbb2vg2 .2s forwards;
}

    .alert_input[b-5pwcbb2vg2]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-5pwcbb2vg2] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-5pwcbb2vg2] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-5pwcbb2vg2 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-5pwcbb2vg2] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-5pwcbb2vg2], .content_grid_tabla_boddy[b-5pwcbb2vg2] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-5pwcbb2vg2] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-5pwcbb2vg2] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-5pwcbb2vg2] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}
.col_grid-accion[b-5pwcbb2vg2] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-5pwcbb2vg2] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-5pwcbb2vg2] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-5pwcbb2vg2] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-5pwcbb2vg2] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-5pwcbb2vg2] {
    grid-column: span 2;
}

.btn_edit[b-5pwcbb2vg2], .btn_delete[b-5pwcbb2vg2], .btn_face[b-5pwcbb2vg2], .btn_ver[b-5pwcbb2vg2] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-5pwcbb2vg2] {
    background-color: #70afcb;
}

.btn_delete[b-5pwcbb2vg2] {
    background-color: #e98686;
}

.btn_ver[b-5pwcbb2vg2] {
    background-color: #64d96a;
}

    .btn_edit span[b-5pwcbb2vg2], .btn_delete span[b-5pwcbb2vg2], .btn_face span[b-5pwcbb2vg2], .btn_ver span[b-5pwcbb2vg2] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-5pwcbb2vg2], .btn_delete:hover span[b-5pwcbb2vg2], .btn_face:hover span[b-5pwcbb2vg2], .btn_ver:hover span[b-5pwcbb2vg2] {
        opacity: 1;
    }

    .btn_delete i[b-5pwcbb2vg2], .btn_edit i[b-5pwcbb2vg2], .btn_face i[b-5pwcbb2vg2], .btn_ver i[b-5pwcbb2vg2] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-5pwcbb2vg2]:after, .btn_delete[b-5pwcbb2vg2]:after, .btn_face[b-5pwcbb2vg2]:after, .btn_ver[b-5pwcbb2vg2]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-5pwcbb2vg2]:after {
    background-color: #1A54A2;
}

.btn_delete[b-5pwcbb2vg2]:after {
    background-color: #cb0909;
}

.btn_ver[b-5pwcbb2vg2]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-5pwcbb2vg2]:after, .btn_delete:hover[b-5pwcbb2vg2]:after, .btn_face:hover[b-5pwcbb2vg2]:after, .btn_ver:hover[b-5pwcbb2vg2]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


.content_paginado[b-5pwcbb2vg2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-5pwcbb2vg2] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-5pwcbb2vg2] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-5pwcbb2vg2]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-5pwcbb2vg2]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-5pwcbb2vg2] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-5pwcbb2vg2 1s initial;
}

.content_flex[b-5pwcbb2vg2] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-5pwcbb2vg2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-5pwcbb2vg2] {
    display: flex;
    flex-direction: row;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-5pwcbb2vg2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-5pwcbb2vg2] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-5pwcbb2vg2] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-5pwcbb2vg2] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-5pwcbb2vg2] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-5pwcbb2vg2] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TablaAvisosComponents/TablaAvisos.razor.rz.scp.css */
.content_table[b-vpjskt8owl] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-vpjskt8owl] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vpjskt8owl] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-vpjskt8owl] {
    display: flex;
    font-size: 2vw;
    width: 2.8vw;
    height: 2.8vw;
    border-radius: 50%;
    background-color: #514D49;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-vpjskt8owl] {
        background-color: #f4953c;
    }

    .btn_cirquel i[b-vpjskt8owl] {
        margin: auto;
    }

.btn_cirquel[b-vpjskt8owl] {
    position: relative;
}

.tooltip[b-vpjskt8owl] {
    visibility: hidden; /* Ocultar el span por defecto */
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 125%; /* Posicionar el tooltip debajo del botón */
    left: 50%;
    margin-left: -80px; /* Centrar el tooltip horizontalmente */
    opacity: 0; /* Ocultar el tooltip */
    transition: opacity 0.3s; /* Agregar transición de opacidad */
}

.btn_cirquel:hover .tooltip[b-vpjskt8owl] {
    visibility: visible; /* Mostrar el tooltip cuando se hace hover */
    opacity: 1; /* Mostrar el tooltip con opacidad completa */
}

.content_filtros[b-vpjskt8owl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-vpjskt8owl] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-vpjskt8owl], .ticked[b-vpjskt8owl] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-vpjskt8owl] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-vpjskt8owl], .ticked:hover[b-vpjskt8owl] {
        color: #F4953C;
    }

    .label_section[b-vpjskt8owl]:after, .ticked[b-vpjskt8owl]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-vpjskt8owl]:after, .ticked:hover[b-vpjskt8owl]:after {
        width: 100%;
    }

.selected[b-vpjskt8owl]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-vpjskt8owl] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-vpjskt8owl .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-vpjskt8owl {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-vpjskt8owl] {
    display: none;
}

.input_form_estatus[b-vpjskt8owl] {
    width: 90%;
    /*margin: 1vw auto;*/
    text-align: center;
    border-radius: .3vw;
    outline: none;
    /*font-size: 1.2vw;*/
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form_estatus:focus[b-vpjskt8owl] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-vpjskt8owl] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-vpjskt8owl] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-vpjskt8owl]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-vpjskt8owl]:after {
        bottom: 0;
    }

.content_relative[b-vpjskt8owl] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-vpjskt8owl] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-vpjskt8owl .2s forwards;
}

    .alert_input[b-vpjskt8owl]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-vpjskt8owl] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-vpjskt8owl] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-vpjskt8owl {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-vpjskt8owl] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-vpjskt8owl], .content_grid_tabla_boddy[b-vpjskt8owl] {
    display: grid;
    grid-template-columns: 8% repeat(7, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-vpjskt8owl] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-vpjskt8owl] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-vpjskt8owl] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.col_grid-accion[b-vpjskt8owl] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

.displa_flex[b-vpjskt8owl] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-vpjskt8owl] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-vpjskt8owl] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-vpjskt8owl] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-vpjskt8owl] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-vpjskt8owl] {
    grid-column: span 2;
}

.btn_edit[b-vpjskt8owl], .btn_delete[b-vpjskt8owl] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-vpjskt8owl] {
    background-color: #514D49;
}

.btn_delete[b-vpjskt8owl] {
    background-color: #F4953C;
}

    .btn_edit span[b-vpjskt8owl], .btn_delete span[b-vpjskt8owl] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-vpjskt8owl], .btn_delete:hover span[b-vpjskt8owl] {
        opacity: 1;
    }

    .btn_delete i[b-vpjskt8owl], .btn_edit i[b-vpjskt8owl] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-vpjskt8owl]:after, .btn_delete[b-vpjskt8owl]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-vpjskt8owl]:after {
    background-color: #254ad8;
}

.btn_delete[b-vpjskt8owl]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-vpjskt8owl]:after, .btn_delete:hover[b-vpjskt8owl]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-vpjskt8owl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-vpjskt8owl] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-vpjskt8owl] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-vpjskt8owl]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-vpjskt8owl]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-vpjskt8owl] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-vpjskt8owl 1s initial;
}

.content_flex[b-vpjskt8owl] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-vpjskt8owl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*---------------alerta*/
.content__alerta[b-vpjskt8owl] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-vpjskt8owl] {
    background-color: #049007;
}

.-error[b-vpjskt8owl] {
    background-color: #e00000;
}
/*Alerta validacion*/
.alert-custom[b-vpjskt8owl] {
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #fff3cd;
    color: #856404;
    font-weight: 500;
    gap: 4px;
    user-select: none;
}

.alert-icon[b-vpjskt8owl] {
    font-size: 0.9rem;
    line-height: 1;
}

.alert-warning[b-vpjskt8owl] {
    border: 1px solid #ffeeba;
}
/* /Components/TablaBolsaTrabajoComponents/TablaBolsaTrabajo.razor.rz.scp.css */
.content_table[b-xojbgoitll] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-xojbgoitll] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}



.title[b-xojbgoitll] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-xojbgoitll] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #d0c5c5;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-xojbgoitll] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-xojbgoitll] {
        margin: auto;
    }

.content_filtros[b-xojbgoitll] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-xojbgoitll] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-xojbgoitll], .ticked[b-xojbgoitll] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-xojbgoitll] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-xojbgoitll], .ticked:hover[b-xojbgoitll] {
        color: #F4953C;
    }

    .label_section[b-xojbgoitll]:after, .ticked[b-xojbgoitll]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-xojbgoitll]:after, .ticked:hover[b-xojbgoitll]:after {
        width: 100%;
    }

.selected[b-xojbgoitll]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-xojbgoitll] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-xojbgoitll .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-xojbgoitll {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-xojbgoitll] {
    display: none;
}

.input_form[b-xojbgoitll] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-xojbgoitll] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-xojbgoitll] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-xojbgoitll] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-xojbgoitll]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-xojbgoitll]:after {
        bottom: 0;
    }

.content_relative[b-xojbgoitll] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-xojbgoitll] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-xojbgoitll .2s forwards;
}

    .alert_input[b-xojbgoitll]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-xojbgoitll] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-xojbgoitll] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
    grid-column: span 3;
}

@keyframes loading-b-xojbgoitll {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-xojbgoitll] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-xojbgoitll], .content_grid_tabla_boddy[b-xojbgoitll] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-xojbgoitll] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-xojbgoitll] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-xojbgoitll] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    /*border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;*/
}

    .col_grid i[b-xojbgoitll] {
        margin: auto 0;
        margin-left: auto;
    }

.content_flex[b-xojbgoitll] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

.txt_plano[b-xojbgoitll] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-xojbgoitll] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
    grid-column: span 3;
}

.img_noticia[b-xojbgoitll] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-xojbgoitll] {
    grid-column: span 2;
}

.btn_edit[b-xojbgoitll], .btn_delete[b-xojbgoitll], .btn_status[b-xojbgoitll] {
    margin: 5px;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-xojbgoitll] {
    background-color: #70afcb;
}

.btn_delete[b-xojbgoitll] {
    background-color: #e98686;
}
.btn_status[b-xojbgoitll] {
    background-color: #64d96a;
}

    .btn_edit span[b-xojbgoitll], .btn_delete span[b-xojbgoitll], .btn_status span[b-xojbgoitll] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-xojbgoitll], .btn_delete:hover span[b-xojbgoitll], .btn_status:hover span[b-xojbgoitll] {
        opacity: 1;
    }

    .btn_delete i[b-xojbgoitll], .btn_edit i[b-xojbgoitll], .btn_status i[b-xojbgoitll] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-xojbgoitll]:after, .btn_delete[b-xojbgoitll]:after, .btn_status[b-xojbgoitll]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-xojbgoitll]:after {
    background-color: #1A54A2;
}

.btn_delete[b-xojbgoitll]:after {
    background-color: #cb0909;
}
.btn_status[b-xojbgoitll]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-xojbgoitll]:after, .btn_delete:hover[b-xojbgoitll]:after, .btn_status:hover[b-xojbgoitll]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-xojbgoitll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-xojbgoitll] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-xojbgoitll] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-xojbgoitll]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-xojbgoitll]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-xojbgoitll] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-xojbgoitll 1s initial;
}

.content_flex[b-xojbgoitll] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-xojbgoitll {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-xojbgoitll] {
    display: flex;
    flex-direction: row;
}

.content_grid[b-xojbgoitll] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2vw;
    width: 100%;
    margin: 1vw auto;
}

.card_Slider[b-xojbgoitll] {
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
    overflow: hidden;
    border-radius: 1vw;
    box-shadow: 0.2vw 0.2vw 0.5vw #444444b2
}

.content_slider[b-xojbgoitll] {
    width: 100%;
    height: 100%;
    background-color: #fff;
    /*background: linear-gradient(135deg, rgba(201,201,201,0.5) 0%, rgba(236,236,236,0.5) 25%, rgba(201,201,201,0.5) 50%, rgba(236,236,236,0.5) 75%, rgba(201,201,201,0.5) 100%);
    backdrop-filter: blur(5px);*/
}

.content_info[b-xojbgoitll] {
    width: 100%;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.title_card[b-xojbgoitll] {
    font-size: 1.5vw;
    font-weight: 600;
    color: #111010;
    text-align: left;
    margin-bottom: 1vw;
    margin: 0;
    text-decoration: underline #514D49;
}

.card-fecha[b-xojbgoitll] {
    text-align: right;
    margin:0;
}
.card-text[b-xojbgoitll]{
    text-align: justify;
    font-size:10pt;
    margin:0;
}
.card-text1[b-xojbgoitll] {
    text-align: right;
    font-size: 11pt;
    margin: 0;
}
.text-label1[b-xojbgoitll] {
    font-size: 11pt;
    font-weight: bold;
    margin: 0;
}
.text-label[b-xojbgoitll] {
    font-size: 11pt;
    font-weight: bold;
    margin: 0;
}

.espacio[b-xojbgoitll]{
    margin-left:1.5rem
}


.img_noticia[b-xojbgoitll] {
    min-width: 100%;
    height: auto;
    object-fit: cover;
    /*border-radius: 50%;*/
    margin: auto;
}


/* /Components/TablaCitasComponents/TablaCitas.razor.rz.scp.css */
.content_table[b-ytp55bmixe] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-ytp55bmixe] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-ytp55bmixe] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-ytp55bmixe] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-ytp55bmixe] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-ytp55bmixe] {
        margin: auto;
    }

.content_filtros[b-ytp55bmixe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-ytp55bmixe] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-ytp55bmixe], .ticked[b-ytp55bmixe] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-ytp55bmixe] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-ytp55bmixe], .ticked:hover[b-ytp55bmixe] {
        color: #F4953C;
    }

    .label_section[b-ytp55bmixe]:after, .ticked[b-ytp55bmixe]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-ytp55bmixe]:after, .ticked:hover[b-ytp55bmixe]:after {
        width: 100%;
    }

.selected[b-ytp55bmixe]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-ytp55bmixe] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-ytp55bmixe .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-ytp55bmixe {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-ytp55bmixe] {
    display: none;
}

.input_form[b-ytp55bmixe] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-ytp55bmixe] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-ytp55bmixe] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ytp55bmixe] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ytp55bmixe]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ytp55bmixe]:after {
        bottom: 0;
    }

.content_relative[b-ytp55bmixe] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-ytp55bmixe] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-ytp55bmixe .2s forwards;
}

    .alert_input[b-ytp55bmixe]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-ytp55bmixe] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-ytp55bmixe] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-ytp55bmixe {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-ytp55bmixe] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-ytp55bmixe], .content_grid_tabla_boddy[b-ytp55bmixe] {
    display: grid;
    grid-template-columns: 8% repeat(4, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-ytp55bmixe] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-ytp55bmixe] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-ytp55bmixe] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-ytp55bmixe] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-ytp55bmixe] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-ytp55bmixe] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-ytp55bmixe] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-ytp55bmixe] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-ytp55bmixe] {
    grid-column: span 2;
}

.btn_edit[b-ytp55bmixe], .btn_delete[b-ytp55bmixe] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-ytp55bmixe] {
    background-color: #514D49;
}

.btn_delete[b-ytp55bmixe] {
    background-color: #F4953C;
}

    .btn_edit span[b-ytp55bmixe], .btn_delete span[b-ytp55bmixe] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-ytp55bmixe], .btn_delete:hover span[b-ytp55bmixe] {
        opacity: 1;
    }

    .btn_delete i[b-ytp55bmixe], .btn_edit i[b-ytp55bmixe] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-ytp55bmixe]:after, .btn_delete[b-ytp55bmixe]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-ytp55bmixe]:after {
    background-color: #254ad8;
}

.btn_delete[b-ytp55bmixe]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-ytp55bmixe]:after, .btn_delete:hover[b-ytp55bmixe]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-ytp55bmixe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-ytp55bmixe] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-ytp55bmixe] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-ytp55bmixe]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-ytp55bmixe]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-ytp55bmixe] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-ytp55bmixe 1s initial;
}

.content_flex[b-ytp55bmixe] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-ytp55bmixe {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/TablaCitasVeterinariaComponents/TablaCitaVeterinaria.razor.rz.scp.css */
.content_table[b-3ycttndcnm] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-3ycttndcnm] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-3ycttndcnm] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-3ycttndcnm] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-3ycttndcnm] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-3ycttndcnm] {
        margin: auto;
    }

.content_filtros[b-3ycttndcnm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-3ycttndcnm] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-3ycttndcnm], .ticked[b-3ycttndcnm] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-3ycttndcnm] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-3ycttndcnm], .ticked:hover[b-3ycttndcnm] {
        color: #F4953C;
    }

    .label_section[b-3ycttndcnm]:after, .ticked[b-3ycttndcnm]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-3ycttndcnm]:after, .ticked:hover[b-3ycttndcnm]:after {
        width: 100%;
    }

.selected[b-3ycttndcnm]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-3ycttndcnm] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-3ycttndcnm .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-3ycttndcnm {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-3ycttndcnm] {
    display: none;
}

.input_form[b-3ycttndcnm] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-3ycttndcnm] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-3ycttndcnm] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-3ycttndcnm] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-3ycttndcnm]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-3ycttndcnm]:after {
        bottom: 0;
    }

.content_relative[b-3ycttndcnm] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-3ycttndcnm] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-3ycttndcnm .2s forwards;
}

    .alert_input[b-3ycttndcnm]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-3ycttndcnm] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-3ycttndcnm] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-3ycttndcnm {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-3ycttndcnm] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-3ycttndcnm], .content_grid_tabla_boddy[b-3ycttndcnm] {
    display: grid;
    grid-template-columns: 8% repeat(4, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-3ycttndcnm] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-3ycttndcnm] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-3ycttndcnm] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-3ycttndcnm] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-3ycttndcnm] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-3ycttndcnm] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-3ycttndcnm] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-3ycttndcnm] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-3ycttndcnm] {
    grid-column: span 2;
}

.btn_edit[b-3ycttndcnm], .btn_delete[b-3ycttndcnm] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-3ycttndcnm] {
    background-color: #514D49;
}

.btn_delete[b-3ycttndcnm] {
    background-color: #F4953C;
}

    .btn_edit span[b-3ycttndcnm], .btn_delete span[b-3ycttndcnm] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-3ycttndcnm], .btn_delete:hover span[b-3ycttndcnm] {
        opacity: 1;
    }

    .btn_delete i[b-3ycttndcnm], .btn_edit i[b-3ycttndcnm] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-3ycttndcnm]:after, .btn_delete[b-3ycttndcnm]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-3ycttndcnm]:after {
    background-color: #254ad8;
}

.btn_delete[b-3ycttndcnm]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-3ycttndcnm]:after, .btn_delete:hover[b-3ycttndcnm]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-3ycttndcnm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-3ycttndcnm] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-3ycttndcnm] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-3ycttndcnm]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-3ycttndcnm]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-3ycttndcnm] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-3ycttndcnm 1s initial;
}

.content_flex[b-3ycttndcnm] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-3ycttndcnm {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/TablaContactoSeguridadPublicaComponents/TablaContactoSeguridadPublica.razor.rz.scp.css */
.content_table[b-55uxj0ou6b] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-55uxj0ou6b] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-55uxj0ou6b] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-55uxj0ou6b] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-55uxj0ou6b] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-55uxj0ou6b] {
        margin: auto;
    }

.content_filtros[b-55uxj0ou6b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-55uxj0ou6b] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-55uxj0ou6b], .ticked[b-55uxj0ou6b] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-55uxj0ou6b] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-55uxj0ou6b], .ticked:hover[b-55uxj0ou6b] {
        color: #F4953C;
    }

    .label_section[b-55uxj0ou6b]:after, .ticked[b-55uxj0ou6b]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-55uxj0ou6b]:after, .ticked:hover[b-55uxj0ou6b]:after {
        width: 100%;
    }

.selected[b-55uxj0ou6b]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-55uxj0ou6b] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-55uxj0ou6b .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-55uxj0ou6b {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-55uxj0ou6b] {
    display: none;
}

.input_form[b-55uxj0ou6b] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-55uxj0ou6b] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-55uxj0ou6b] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-55uxj0ou6b] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-55uxj0ou6b]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-55uxj0ou6b]:after {
        bottom: 0;
    }

.content_relative[b-55uxj0ou6b] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-55uxj0ou6b] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-55uxj0ou6b .2s forwards;
}

    .alert_input[b-55uxj0ou6b]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-55uxj0ou6b] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-55uxj0ou6b] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-55uxj0ou6b {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-55uxj0ou6b] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-55uxj0ou6b], .content_grid_tabla_boddy[b-55uxj0ou6b] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-55uxj0ou6b] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-55uxj0ou6b] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-55uxj0ou6b] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-55uxj0ou6b] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-55uxj0ou6b] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-55uxj0ou6b] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-55uxj0ou6b] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-55uxj0ou6b] {
    grid-column: span 2;
}

.btn_edit[b-55uxj0ou6b], .btn_delete[b-55uxj0ou6b] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-55uxj0ou6b] {
    background-color: #514D49;
}

.btn_delete[b-55uxj0ou6b] {
    background-color: #F4953C;
}

    .btn_edit span[b-55uxj0ou6b], .btn_delete span[b-55uxj0ou6b] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-55uxj0ou6b], .btn_delete:hover span[b-55uxj0ou6b] {
        opacity: 1;
    }

    .btn_delete i[b-55uxj0ou6b], .btn_edit i[b-55uxj0ou6b] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-55uxj0ou6b]:after, .btn_delete[b-55uxj0ou6b]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-55uxj0ou6b]:after {
    background-color: #254ad8;
}

.btn_delete[b-55uxj0ou6b]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-55uxj0ou6b]:after, .btn_delete:hover[b-55uxj0ou6b]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-55uxj0ou6b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-55uxj0ou6b] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-55uxj0ou6b] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-55uxj0ou6b]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-55uxj0ou6b]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-55uxj0ou6b] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-55uxj0ou6b 1s initial;
}

.content_flex[b-55uxj0ou6b] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-55uxj0ou6b {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-55uxj0ou6b] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaConveniosComponents/TablaConvenios.razor.rz.scp.css */
.content_table[b-xzhx5nu6wn] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-xzhx5nu6wn] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-xzhx5nu6wn] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-xzhx5nu6wn] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-xzhx5nu6wn] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-xzhx5nu6wn] {
        margin: auto;
    }

.content_filtros[b-xzhx5nu6wn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-xzhx5nu6wn] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-xzhx5nu6wn], .ticked[b-xzhx5nu6wn] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #514D49;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-xzhx5nu6wn] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-xzhx5nu6wn], .ticked:hover[b-xzhx5nu6wn] {
        color: #F4953C;
    }

    .label_section[b-xzhx5nu6wn]:after, .ticked[b-xzhx5nu6wn]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-xzhx5nu6wn]:after, .ticked:hover[b-xzhx5nu6wn]:after {
        width: 100%;
    }

.selected[b-xzhx5nu6wn]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-xzhx5nu6wn] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-xzhx5nu6wn .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-xzhx5nu6wn {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-xzhx5nu6wn] {
    display: none;
}

.input_form[b-xzhx5nu6wn] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-xzhx5nu6wn] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-xzhx5nu6wn] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-xzhx5nu6wn] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-xzhx5nu6wn]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-xzhx5nu6wn]:after {
        bottom: 0;
    }

.content_relative[b-xzhx5nu6wn] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-xzhx5nu6wn] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-xzhx5nu6wn .2s forwards;
}

    .alert_input[b-xzhx5nu6wn]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-xzhx5nu6wn] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-xzhx5nu6wn] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-xzhx5nu6wn {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-xzhx5nu6wn] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-xzhx5nu6wn], .content_grid_tabla_boddy[b-xzhx5nu6wn] {
    display: grid;
    grid-template-columns: 8% 1fr 20% repeat(2, 1fr) 15% 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-xzhx5nu6wn] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-xzhx5nu6wn] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-xzhx5nu6wn] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.col_grid-accion[b-xzhx5nu6wn] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

.displa_flex[b-xzhx5nu6wn] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.overflow-hidden {
    overflow: hidden;
}*/

.col_grid i[b-xzhx5nu6wn] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-xzhx5nu6wn] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-xzhx5nu6wn] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-xzhx5nu6wn] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-xzhx5nu6wn] {
    grid-column: span 2;
}

.btn_edit[b-xzhx5nu6wn], .btn_delete[b-xzhx5nu6wn], .btn_face[b-xzhx5nu6wn], .btn_ver[b-xzhx5nu6wn] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-xzhx5nu6wn] {
    background-color: #70afcb;
}

.btn_delete[b-xzhx5nu6wn] {
    background-color: #e98686;
}
.btn_ver[b-xzhx5nu6wn] {
    background-color: #64d96a;
}

    .btn_edit span[b-xzhx5nu6wn], .btn_delete span[b-xzhx5nu6wn], .btn_face span[b-xzhx5nu6wn], .btn_ver span[b-xzhx5nu6wn] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-xzhx5nu6wn], .btn_delete:hover span[b-xzhx5nu6wn], .btn_face:hover span[b-xzhx5nu6wn], .btn_ver:hover span[b-xzhx5nu6wn] {
        opacity: 1;
    }

    .btn_delete i[b-xzhx5nu6wn], .btn_edit i[b-xzhx5nu6wn], .btn_face i[b-xzhx5nu6wn], .btn_ver i[b-xzhx5nu6wn] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-xzhx5nu6wn]:after, .btn_delete[b-xzhx5nu6wn]:after, .btn_face[b-xzhx5nu6wn]:after, .btn_ver[b-xzhx5nu6wn]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-xzhx5nu6wn]:after {
    background-color: #1A54A2;
}

.btn_delete[b-xzhx5nu6wn]:after {
    background-color: #cb0909;
}

.btn_ver[b-xzhx5nu6wn]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-xzhx5nu6wn]:after, .btn_delete:hover[b-xzhx5nu6wn]:after, .btn_face:hover[b-xzhx5nu6wn]:after, .btn_ver:hover[b-xzhx5nu6wn]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-xzhx5nu6wn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-xzhx5nu6wn] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-xzhx5nu6wn] {
        color: #F4953c;
        background-color: #514D4912;
    }

    .pagina[b-xzhx5nu6wn]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-xzhx5nu6wn]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-xzhx5nu6wn] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-xzhx5nu6wn 1s initial;
}

.content_flex[b-xzhx5nu6wn] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-xzhx5nu6wn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*alerta confirmar eliminar*/
.modal_fondo[b-xzhx5nu6wn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-xzhx5nu6wn] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-xzhx5nu6wn] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-xzhx5nu6wn] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-xzhx5nu6wn] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-xzhx5nu6wn] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TablaCredencialUsuariosComponents/TablaCredencialUsuarios.razor.rz.scp.css */
.content_table[b-oncxj11rou] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-oncxj11rou] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-oncxj11rou] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-oncxj11rou] {
    display: flex;
    font-size: 2vw;
    width: 2.8vw;
    height: 2.8vw;
    border-radius: 30%;
    background-color: #514D49;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-oncxj11rou] {
        background-color: #049007;
    }

    .btn_cirquel i[b-oncxj11rou] {
        margin: auto;
    }

.btn_cirquel[b-oncxj11rou] {
    position: relative;
}

.tooltip[b-oncxj11rou] {
    visibility: hidden; /* Ocultar el span por defecto */
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 125%; /* Posicionar el tooltip debajo del botón */
    left: 50%;
    margin-left: -80px; /* Centrar el tooltip horizontalmente */
    opacity: 0; /* Ocultar el tooltip */
    transition: opacity 0.3s; /* Agregar transición de opacidad */
}

.btn_cirquel:hover .tooltip[b-oncxj11rou] {
    visibility: visible; /* Mostrar el tooltip cuando se hace hover */
    opacity: 1; /* Mostrar el tooltip con opacidad completa */
}

.content_filtros[b-oncxj11rou] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-oncxj11rou] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-oncxj11rou], .ticked[b-oncxj11rou] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-oncxj11rou] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-oncxj11rou], .ticked:hover[b-oncxj11rou] {
        color: #F4953C;
    }

    .label_section[b-oncxj11rou]:after, .ticked[b-oncxj11rou]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-oncxj11rou]:after, .ticked:hover[b-oncxj11rou]:after {
        width: 100%;
    }

.selected[b-oncxj11rou]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-oncxj11rou] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-oncxj11rou .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-oncxj11rou {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-oncxj11rou] {
    display: none;
}

.input_form_estatus[b-oncxj11rou] {
    width: 90%;
    /*margin: 1vw auto;*/
    text-align: center;
    border-radius: .3vw;
    outline: none;
    /*font-size: 1.2vw;*/
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form_estatus:focus[b-oncxj11rou] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-oncxj11rou] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-oncxj11rou] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-oncxj11rou]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-oncxj11rou]:after {
        bottom: 0;
    }

.content_relative[b-oncxj11rou] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-oncxj11rou] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-oncxj11rou .2s forwards;
}

    .alert_input[b-oncxj11rou]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-oncxj11rou] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-oncxj11rou] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-oncxj11rou {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-oncxj11rou] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-oncxj11rou], .content_grid_tabla_boddy[b-oncxj11rou] {
    display: grid;
    grid-template-columns: 3% repeat(2, 1fr) 10% repeat(3, 1fr) 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-oncxj11rou] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-oncxj11rou] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-oncxj11rou] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.col_grid-accion[b-oncxj11rou] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

.displa_flex[b-oncxj11rou] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-oncxj11rou] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-oncxj11rou] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-oncxj11rou] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-oncxj11rou] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-oncxj11rou] {
    grid-column: span 2;
}

.btn_edit[b-oncxj11rou], .btn_delete[b-oncxj11rou] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-oncxj11rou] {
    background-color: #514D49;
}

.btn_delete[b-oncxj11rou] {
    background-color: #F4953C;
}

    .btn_edit span[b-oncxj11rou], .btn_delete span[b-oncxj11rou] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-oncxj11rou], .btn_delete:hover span[b-oncxj11rou] {
        opacity: 1;
    }

    .btn_delete i[b-oncxj11rou], .btn_edit i[b-oncxj11rou] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-oncxj11rou]:after, .btn_delete[b-oncxj11rou]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-oncxj11rou]:after {
    background-color: #254ad8;
}

.btn_delete[b-oncxj11rou]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-oncxj11rou]:after, .btn_delete:hover[b-oncxj11rou]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-oncxj11rou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-oncxj11rou] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-oncxj11rou] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-oncxj11rou]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-oncxj11rou]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-oncxj11rou] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-oncxj11rou 1s initial;
}

.content_flex[b-oncxj11rou] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-oncxj11rou {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*---------------alerta*/
.content__alerta[b-oncxj11rou] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-oncxj11rou] {
    background-color: #049007;
}

.-error[b-oncxj11rou] {
    background-color: #e00000;
}
/*Alerta validacion*/
.alert-custom[b-oncxj11rou] {
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #fff3cd;
    color: #856404;
    font-weight: 500;
    gap: 4px; 
    user-select: none;
}

.alert-icon[b-oncxj11rou] {
    font-size: 0.9rem;
    line-height: 1;
}

.alert-warning[b-oncxj11rou] {
    border: 1px solid #ffeeba;
}
/* /Components/TablaCuentasUsuariosComponents/TablaCuentasUsuarios.razor.rz.scp.css */
.content_table[b-s57m79ya0a] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-s57m79ya0a] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-s57m79ya0a] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-s57m79ya0a] {
    display: flex;
    font-size: 2vw;
    width: 2.8vw;
    height: 2.8vw;
    border-radius: 30%;
    background-color: #514D49;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-s57m79ya0a] {
        background-color: #049007;
    }

    .btn_cirquel i[b-s57m79ya0a] {
        margin: auto;
    }

.btn_cirquel[b-s57m79ya0a] {
    position: relative;
}

.tooltip[b-s57m79ya0a] {
    visibility: hidden; /* Ocultar el span por defecto */
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 125%; /* Posicionar el tooltip debajo del botón */
    left: 50%;
    margin-left: -80px; /* Centrar el tooltip horizontalmente */
    opacity: 0; /* Ocultar el tooltip */
    transition: opacity 0.3s; /* Agregar transición de opacidad */
}

.btn_cirquel:hover .tooltip[b-s57m79ya0a] {
    visibility: visible; /* Mostrar el tooltip cuando se hace hover */
    opacity: 1; /* Mostrar el tooltip con opacidad completa */
}

.content_filtros[b-s57m79ya0a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-s57m79ya0a] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-s57m79ya0a], .ticked[b-s57m79ya0a] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-s57m79ya0a] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-s57m79ya0a], .ticked:hover[b-s57m79ya0a] {
        color: #F4953C;
    }

    .label_section[b-s57m79ya0a]:after, .ticked[b-s57m79ya0a]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-s57m79ya0a]:after, .ticked:hover[b-s57m79ya0a]:after {
        width: 100%;
    }

.selected[b-s57m79ya0a]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-s57m79ya0a] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-s57m79ya0a .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-s57m79ya0a {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-s57m79ya0a] {
    display: none;
}

.input_form[b-s57m79ya0a] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-s57m79ya0a] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-s57m79ya0a] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-s57m79ya0a] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-s57m79ya0a]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-s57m79ya0a]:after {
        bottom: 0;
    }

.content_relative[b-s57m79ya0a] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-s57m79ya0a] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-s57m79ya0a .2s forwards;
}

    .alert_input[b-s57m79ya0a]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-s57m79ya0a] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-s57m79ya0a] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-s57m79ya0a {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-s57m79ya0a] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-s57m79ya0a], .content_grid_tabla_boddy[b-s57m79ya0a] {
    display: grid;
    grid-template-columns: 3% 12% repeat(4, 10%) repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-s57m79ya0a] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-s57m79ya0a] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-s57m79ya0a] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-s57m79ya0a] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-s57m79ya0a] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-s57m79ya0a] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-s57m79ya0a] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-s57m79ya0a] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-s57m79ya0a] {
    grid-column: span 2;
}

.btn_edit[b-s57m79ya0a], .btn_delete[b-s57m79ya0a] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-s57m79ya0a] {
    background-color: #514D49;
}

.btn_delete[b-s57m79ya0a] {
    background-color: #F4953C;
}

    .btn_edit span[b-s57m79ya0a], .btn_delete span[b-s57m79ya0a] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-s57m79ya0a], .btn_delete:hover span[b-s57m79ya0a] {
        opacity: 1;
    }

    .btn_delete i[b-s57m79ya0a], .btn_edit i[b-s57m79ya0a] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-s57m79ya0a]:after, .btn_delete[b-s57m79ya0a]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-s57m79ya0a]:after {
    background-color: #254ad8;
}

.btn_delete[b-s57m79ya0a]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-s57m79ya0a]:after, .btn_delete:hover[b-s57m79ya0a]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-s57m79ya0a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-s57m79ya0a] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #6D6D6D;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-s57m79ya0a] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-s57m79ya0a]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-s57m79ya0a]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-s57m79ya0a] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-s57m79ya0a 1s initial;
}

.content_flex[b-s57m79ya0a] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-s57m79ya0a {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*---------------alerta*/
.content__alerta[b-s57m79ya0a] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-s57m79ya0a] {
    background-color: #049007;
}

.-error[b-s57m79ya0a] {
    background-color: #e00000;
}
/* /Components/TablaDependenciaComponents/TablaDependencia.razor.rz.scp.css */
.content_table[b-4sih726j8w] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-4sih726j8w] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-4sih726j8w] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-4sih726j8w] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-4sih726j8w] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-4sih726j8w] {
        margin: auto;
    }

.content_filtros[b-4sih726j8w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-4sih726j8w] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-4sih726j8w], .ticked[b-4sih726j8w] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-4sih726j8w] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-4sih726j8w], .ticked:hover[b-4sih726j8w] {
        color: #F4953C;
    }

    .label_section[b-4sih726j8w]:after, .ticked[b-4sih726j8w]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-4sih726j8w]:after, .ticked:hover[b-4sih726j8w]:after {
        width: 100%;
    }

.selected[b-4sih726j8w]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-4sih726j8w] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-4sih726j8w .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-4sih726j8w {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-4sih726j8w] {
    display: none;
}

.input_form[b-4sih726j8w] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-4sih726j8w] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-4sih726j8w] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-4sih726j8w] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-4sih726j8w]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-4sih726j8w]:after {
        bottom: 0;
    }

.content_relative[b-4sih726j8w] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-4sih726j8w] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-4sih726j8w .2s forwards;
}

    .alert_input[b-4sih726j8w]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-4sih726j8w] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-4sih726j8w] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-4sih726j8w {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-4sih726j8w] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-4sih726j8w], .content_grid_tabla_boddy[b-4sih726j8w] {
    display: grid;
    grid-template-columns: 8% repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-4sih726j8w] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-4sih726j8w] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2vw;
}

.col_grid[b-4sih726j8w] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-4sih726j8w] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-4sih726j8w] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-4sih726j8w] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-4sih726j8w] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-4sih726j8w] {
    grid-column: span 2;
}

.btn_edit[b-4sih726j8w], .btn_delete[b-4sih726j8w], .btn_face[b-4sih726j8w], .btn_ver[b-4sih726j8w] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-4sih726j8w] {
    background-color: #70afcb;
}

.btn_delete[b-4sih726j8w] {
    background-color: #e98686;
}

.btn_ver[b-4sih726j8w] {
    background-color: #64d96a;
}

    .btn_edit span[b-4sih726j8w], .btn_delete span[b-4sih726j8w], .btn_face span[b-4sih726j8w], .btn_ver span[b-4sih726j8w] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-4sih726j8w], .btn_delete:hover span[b-4sih726j8w], .btn_face:hover span[b-4sih726j8w], .btn_ver:hover span[b-4sih726j8w] {
        opacity: 1;
    }

    .btn_delete i[b-4sih726j8w], .btn_edit i[b-4sih726j8w], .btn_face i[b-4sih726j8w], .btn_ver i[b-4sih726j8w] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-4sih726j8w]:after, .btn_delete[b-4sih726j8w]:after, .btn_face[b-4sih726j8w]:after, .btn_ver[b-4sih726j8w]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-4sih726j8w]:after {
    background-color: #1A54A2;
}

.btn_delete[b-4sih726j8w]:after {
    background-color: #cb0909;
}

.btn_ver[b-4sih726j8w]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-4sih726j8w]:after, .btn_delete:hover[b-4sih726j8w]:after, .btn_face:hover[b-4sih726j8w]:after, .btn_ver:hover[b-4sih726j8w]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-4sih726j8w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-4sih726j8w] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-4sih726j8w] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-4sih726j8w]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-4sih726j8w]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-4sih726j8w] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-4sih726j8w 1s initial;
}

.content_flex[b-4sih726j8w] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-4sih726j8w {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-4sih726j8w] {
    display: flex;
    flex-direction: row;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-4sih726j8w] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-4sih726j8w] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-4sih726j8w] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-4sih726j8w] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-4sih726j8w] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-4sih726j8w] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TablaDescuentosPrediosComponents/TablaDescuentosPredios.razor.rz.scp.css */
.content_table[b-cm8od9d3f1] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-cm8od9d3f1] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-cm8od9d3f1] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-cm8od9d3f1] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-cm8od9d3f1] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-cm8od9d3f1] {
        margin: auto;
    }

.content_filtros[b-cm8od9d3f1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-cm8od9d3f1] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-cm8od9d3f1], .ticked[b-cm8od9d3f1] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-cm8od9d3f1] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-cm8od9d3f1], .ticked:hover[b-cm8od9d3f1] {
        color: #F4953C;
    }

    .label_section[b-cm8od9d3f1]:after, .ticked[b-cm8od9d3f1]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-cm8od9d3f1]:after, .ticked:hover[b-cm8od9d3f1]:after {
        width: 100%;
    }

.selected[b-cm8od9d3f1]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-cm8od9d3f1] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-cm8od9d3f1 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-cm8od9d3f1 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-cm8od9d3f1] {
    display: none;
}

.input_form[b-cm8od9d3f1] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-cm8od9d3f1] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-cm8od9d3f1] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-cm8od9d3f1] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-cm8od9d3f1]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-cm8od9d3f1]:after {
        bottom: 0;
    }

.content_relative[b-cm8od9d3f1] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-cm8od9d3f1] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-cm8od9d3f1 .2s forwards;
}

    .alert_input[b-cm8od9d3f1]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-cm8od9d3f1] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-cm8od9d3f1] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-cm8od9d3f1 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-cm8od9d3f1] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-cm8od9d3f1], .content_grid_tabla_boddy[b-cm8od9d3f1] {
    display: grid;
    grid-template-columns: 8% repeat(5, 1fr) 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-cm8od9d3f1] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-cm8od9d3f1] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-cm8od9d3f1] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-cm8od9d3f1] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-cm8od9d3f1] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-cm8od9d3f1] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-cm8od9d3f1] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-cm8od9d3f1] {
    grid-column: span 2;
}

.btn_edit[b-cm8od9d3f1], .btn_delete[b-cm8od9d3f1] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-cm8od9d3f1] {
    background-color: #514D49;
}

.btn_delete[b-cm8od9d3f1] {
    background-color: #F4953C;
}

    .btn_edit span[b-cm8od9d3f1], .btn_delete span[b-cm8od9d3f1] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-cm8od9d3f1], .btn_delete:hover span[b-cm8od9d3f1] {
        opacity: 1;
    }

    .btn_delete i[b-cm8od9d3f1], .btn_edit i[b-cm8od9d3f1] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-cm8od9d3f1]:after, .btn_delete[b-cm8od9d3f1]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-cm8od9d3f1]:after {
    background-color: #254ad8;
}

.btn_delete[b-cm8od9d3f1]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-cm8od9d3f1]:after, .btn_delete:hover[b-cm8od9d3f1]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-cm8od9d3f1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-cm8od9d3f1] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-cm8od9d3f1] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-cm8od9d3f1]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-cm8od9d3f1]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-cm8od9d3f1] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-cm8od9d3f1 1s initial;
}

.content_flex[b-cm8od9d3f1] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-cm8od9d3f1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.btn_checket[b-cm8od9d3f1] {
    position: relative;
    font-size: 1.5vw;
    font-weight: 600;
    text-align: center;
    margin: auto 1vw;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_checket[b-cm8od9d3f1]:after {
        position: absolute;
        content: " ";
        width: 0;
        height: .2vw;
        top: 100%;
        left: 50%;
        background-color: #514D49;
        transition: all .2s ease-in-out;
    }

    .btn_checket:hover[b-cm8od9d3f1]:after {
        width: 100%;
        left: 0;
    }

.btn_select[b-cm8od9d3f1]:after {
    position: absolute;
    display: block;
    width: 100%;
    height: .2vw;
    top: 100%;
    left: 0;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.display_flex[b-cm8od9d3f1] {
    display: flex;
    width: 100%;
}
/* /Components/TablaHistoricoBolsaTrabajoComponents/TablaHistoricoBolsaTrabajo.razor.rz.scp.css */
.content_table[b-uxd4pev3wd] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-uxd4pev3wd] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-uxd4pev3wd] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-uxd4pev3wd] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-uxd4pev3wd] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-uxd4pev3wd] {
        margin: auto;
    }

.content_filtros[b-uxd4pev3wd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-uxd4pev3wd] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-uxd4pev3wd], .ticked[b-uxd4pev3wd] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-uxd4pev3wd] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-uxd4pev3wd], .ticked:hover[b-uxd4pev3wd] {
        color: #F4953C;
    }

    .label_section[b-uxd4pev3wd]:after, .ticked[b-uxd4pev3wd]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-uxd4pev3wd]:after, .ticked:hover[b-uxd4pev3wd]:after {
        width: 100%;
    }

.selected[b-uxd4pev3wd]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-uxd4pev3wd] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-uxd4pev3wd .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-uxd4pev3wd {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-uxd4pev3wd] {
    display: none;
}

.input_form[b-uxd4pev3wd] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-uxd4pev3wd] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-uxd4pev3wd] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-uxd4pev3wd] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-uxd4pev3wd]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-uxd4pev3wd]:after {
        bottom: 0;
    }

.content_relative[b-uxd4pev3wd] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-uxd4pev3wd] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-uxd4pev3wd .2s forwards;
}

    .alert_input[b-uxd4pev3wd]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-uxd4pev3wd] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-uxd4pev3wd] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-uxd4pev3wd {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-uxd4pev3wd] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-uxd4pev3wd], .content_grid_tabla_boddy[b-uxd4pev3wd] {
    display: grid;
    grid-template-columns: 8% 1fr 20% repeat(2, 1fr) 15% 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-uxd4pev3wd] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-uxd4pev3wd] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-uxd4pev3wd] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-uxd4pev3wd] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.overflow-hidden {
    overflow: hidden;
}*/

.col_grid i[b-uxd4pev3wd] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-uxd4pev3wd] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-uxd4pev3wd] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-uxd4pev3wd] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-uxd4pev3wd] {
    grid-column: span 2;
}

.btn_edit[b-uxd4pev3wd], .btn_delete[b-uxd4pev3wd] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-uxd4pev3wd] {
    background-color: #514D49;
}

.btn_delete[b-uxd4pev3wd] {
    background-color: #F4953C;
}

    .btn_edit span[b-uxd4pev3wd], .btn_delete span[b-uxd4pev3wd] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-uxd4pev3wd], .btn_delete:hover span[b-uxd4pev3wd] {
        opacity: 1;
    }

    .btn_delete i[b-uxd4pev3wd], .btn_edit i[b-uxd4pev3wd] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-uxd4pev3wd]:after, .btn_delete[b-uxd4pev3wd]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-uxd4pev3wd]:after {
    background-color: #254ad8;
}

.btn_delete[b-uxd4pev3wd]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-uxd4pev3wd]:after, .btn_delete:hover[b-uxd4pev3wd]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-uxd4pev3wd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-uxd4pev3wd] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-uxd4pev3wd] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-uxd4pev3wd]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-uxd4pev3wd]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-uxd4pev3wd] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-uxd4pev3wd 1s initial;
}

.content_flex[b-uxd4pev3wd] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-uxd4pev3wd {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/TablaHistoricosPrediosComponents/TablaHistoricosPredios.razor.rz.scp.css */
.content_table[b-w4h5zqyoiq] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-w4h5zqyoiq] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-w4h5zqyoiq] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-w4h5zqyoiq] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-w4h5zqyoiq] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-w4h5zqyoiq] {
        margin: auto;
    }

.content_filtros[b-w4h5zqyoiq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-w4h5zqyoiq] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-w4h5zqyoiq], .ticked[b-w4h5zqyoiq] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-w4h5zqyoiq] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-w4h5zqyoiq], .ticked:hover[b-w4h5zqyoiq] {
        color: #F4953C;
    }

    .label_section[b-w4h5zqyoiq]:after, .ticked[b-w4h5zqyoiq]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-w4h5zqyoiq]:after, .ticked:hover[b-w4h5zqyoiq]:after {
        width: 100%;
    }

.selected[b-w4h5zqyoiq]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-w4h5zqyoiq] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-w4h5zqyoiq .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-w4h5zqyoiq {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-w4h5zqyoiq] {
    display: none;
}

.input_form[b-w4h5zqyoiq] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-w4h5zqyoiq] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-w4h5zqyoiq] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-w4h5zqyoiq] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-w4h5zqyoiq]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-w4h5zqyoiq]:after {
        bottom: 0;
    }

.content_relative[b-w4h5zqyoiq] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-w4h5zqyoiq] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-w4h5zqyoiq .2s forwards;
}

    .alert_input[b-w4h5zqyoiq]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-w4h5zqyoiq] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-w4h5zqyoiq] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-w4h5zqyoiq {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-w4h5zqyoiq] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-w4h5zqyoiq], .content_grid_tabla_boddy[b-w4h5zqyoiq] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-w4h5zqyoiq] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-w4h5zqyoiq] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-w4h5zqyoiq] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-w4h5zqyoiq] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-w4h5zqyoiq] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-w4h5zqyoiq] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-w4h5zqyoiq] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-w4h5zqyoiq] {
    grid-column: span 2;
}

.btn_edit[b-w4h5zqyoiq], .btn_delete[b-w4h5zqyoiq] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-w4h5zqyoiq] {
    background-color: #514D49;
}

.btn_delete[b-w4h5zqyoiq] {
    background-color: #F4953C;
}

    .btn_edit span[b-w4h5zqyoiq], .btn_delete span[b-w4h5zqyoiq] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-w4h5zqyoiq], .btn_delete:hover span[b-w4h5zqyoiq] {
        opacity: 1;
    }

    .btn_delete i[b-w4h5zqyoiq], .btn_edit i[b-w4h5zqyoiq] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-w4h5zqyoiq]:after, .btn_delete[b-w4h5zqyoiq]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-w4h5zqyoiq]:after {
    background-color: #254ad8;
}

.btn_delete[b-w4h5zqyoiq]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-w4h5zqyoiq]:after, .btn_delete:hover[b-w4h5zqyoiq]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-w4h5zqyoiq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-w4h5zqyoiq] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-w4h5zqyoiq] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-w4h5zqyoiq]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-w4h5zqyoiq]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-w4h5zqyoiq] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-w4h5zqyoiq 1s initial;
}

.content_flex[b-w4h5zqyoiq] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-w4h5zqyoiq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-w4h5zqyoiq] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaLugarTuristicoComponents/TablaLugarTuristico.razor.rz.scp.css */
.content_table[b-jl02ud52yg] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-jl02ud52yg] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-jl02ud52yg] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-jl02ud52yg] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-jl02ud52yg] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-jl02ud52yg] {
        margin: auto;
    }

.content_filtros[b-jl02ud52yg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-jl02ud52yg] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-jl02ud52yg], .ticked[b-jl02ud52yg] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-jl02ud52yg] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-jl02ud52yg], .ticked:hover[b-jl02ud52yg] {
        color: #F4953C;
    }

    .label_section[b-jl02ud52yg]:after, .ticked[b-jl02ud52yg]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-jl02ud52yg]:after, .ticked:hover[b-jl02ud52yg]:after {
        width: 100%;
    }

.selected[b-jl02ud52yg]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-jl02ud52yg] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-jl02ud52yg .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-jl02ud52yg {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-jl02ud52yg] {
    display: none;
}

.input_form[b-jl02ud52yg] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-jl02ud52yg] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-jl02ud52yg] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-jl02ud52yg] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-jl02ud52yg]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-jl02ud52yg]:after {
        bottom: 0;
    }

.content_relative[b-jl02ud52yg] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-jl02ud52yg] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-jl02ud52yg .2s forwards;
}

    .alert_input[b-jl02ud52yg]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-jl02ud52yg] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-jl02ud52yg] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-jl02ud52yg {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-jl02ud52yg] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-jl02ud52yg], .content_grid_tabla_boddy[b-jl02ud52yg] {
    display: grid;
    grid-template-columns: 8% repeat(6, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-jl02ud52yg] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-jl02ud52yg] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-jl02ud52yg] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.displa_flex[b-jl02ud52yg] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .col_grid i[b-jl02ud52yg] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-jl02ud52yg] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-jl02ud52yg] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-jl02ud52yg] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-jl02ud52yg] {
    grid-column: span 2;
}

.btn_edit[b-jl02ud52yg], .btn_delete[b-jl02ud52yg] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-jl02ud52yg] {
    background-color: #514D49;
}

.btn_delete[b-jl02ud52yg] {
    background-color: #F4953C;
}

    .btn_edit span[b-jl02ud52yg], .btn_delete span[b-jl02ud52yg] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-jl02ud52yg], .btn_delete:hover span[b-jl02ud52yg] {
        opacity: 1;
    }

    .btn_delete i[b-jl02ud52yg], .btn_edit i[b-jl02ud52yg] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-jl02ud52yg]:after, .btn_delete[b-jl02ud52yg]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-jl02ud52yg]:after {
    background-color: #254ad8;
}

.btn_delete[b-jl02ud52yg]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-jl02ud52yg]:after, .btn_delete:hover[b-jl02ud52yg]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-jl02ud52yg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-jl02ud52yg] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-jl02ud52yg] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-jl02ud52yg]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-jl02ud52yg]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-jl02ud52yg] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-jl02ud52yg 1s initial;
}

.content_flex[b-jl02ud52yg] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-jl02ud52yg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* /Components/TablaNormatividadComponents/TablaNormatividad.razor.rz.scp.css */
.content_table[b-53kx3vc6fa] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-53kx3vc6fa] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-53kx3vc6fa] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-53kx3vc6fa] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-53kx3vc6fa] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-53kx3vc6fa] {
        margin: auto;
    }

.content_filtros[b-53kx3vc6fa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-53kx3vc6fa] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-53kx3vc6fa], .ticked[b-53kx3vc6fa] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-53kx3vc6fa] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-53kx3vc6fa], .ticked:hover[b-53kx3vc6fa] {
        color: #F4953C;
    }

    .label_section[b-53kx3vc6fa]:after, .ticked[b-53kx3vc6fa]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-53kx3vc6fa]:after, .ticked:hover[b-53kx3vc6fa]:after {
        width: 100%;
    }

.selected[b-53kx3vc6fa]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-53kx3vc6fa] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-53kx3vc6fa .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-53kx3vc6fa {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-53kx3vc6fa] {
    display: none;
}

.input_form[b-53kx3vc6fa] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-53kx3vc6fa] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-53kx3vc6fa] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-53kx3vc6fa] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-53kx3vc6fa]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-53kx3vc6fa]:after {
        bottom: 0;
    }

.content_relative[b-53kx3vc6fa] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-53kx3vc6fa] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-53kx3vc6fa .2s forwards;
}

    .alert_input[b-53kx3vc6fa]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-53kx3vc6fa] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-53kx3vc6fa] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-53kx3vc6fa {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-53kx3vc6fa] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-53kx3vc6fa], .content_grid_tabla_boddy[b-53kx3vc6fa] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-53kx3vc6fa] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-53kx3vc6fa] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-53kx3vc6fa] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-53kx3vc6fa] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-53kx3vc6fa] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-53kx3vc6fa] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-53kx3vc6fa] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-53kx3vc6fa] {
    grid-column: span 2;
}

.btn_edit[b-53kx3vc6fa], .btn_delete[b-53kx3vc6fa] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-53kx3vc6fa] {
    background-color: #514D49;
}

.btn_delete[b-53kx3vc6fa] {
    background-color: #F4953C;
}

    .btn_edit span[b-53kx3vc6fa], .btn_delete span[b-53kx3vc6fa] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-53kx3vc6fa], .btn_delete:hover span[b-53kx3vc6fa] {
        opacity: 1;
    }

    .btn_delete i[b-53kx3vc6fa], .btn_edit i[b-53kx3vc6fa] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-53kx3vc6fa]:after, .btn_delete[b-53kx3vc6fa]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-53kx3vc6fa]:after {
    background-color: #254ad8;
}

.btn_delete[b-53kx3vc6fa]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-53kx3vc6fa]:after, .btn_delete:hover[b-53kx3vc6fa]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-53kx3vc6fa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-53kx3vc6fa] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-53kx3vc6fa] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-53kx3vc6fa]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-53kx3vc6fa]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-53kx3vc6fa] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-53kx3vc6fa 1s initial;
}

.content_flex[b-53kx3vc6fa] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-53kx3vc6fa {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-53kx3vc6fa] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaNoticiasComponents/TablaNoticias.razor.rz.scp.css */
.content_table[b-ey5xn3a9ha] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-ey5xn3a9ha] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-ey5xn3a9ha] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-ey5xn3a9ha] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-ey5xn3a9ha] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-ey5xn3a9ha] {
        margin: auto;
    }

.content_filtros[b-ey5xn3a9ha] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-ey5xn3a9ha] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-ey5xn3a9ha], .ticked[b-ey5xn3a9ha] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #514D49;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-ey5xn3a9ha] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-ey5xn3a9ha], .ticked:hover[b-ey5xn3a9ha] {
        color: #F4953C;
    }

    .label_section[b-ey5xn3a9ha]:after, .ticked[b-ey5xn3a9ha]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-ey5xn3a9ha]:after, .ticked:hover[b-ey5xn3a9ha]:after {
        width: 100%;
    }

.selected[b-ey5xn3a9ha]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-ey5xn3a9ha] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-ey5xn3a9ha .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-ey5xn3a9ha {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-ey5xn3a9ha] {
    display: none;
}

.input_form[b-ey5xn3a9ha] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-ey5xn3a9ha] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-ey5xn3a9ha] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ey5xn3a9ha] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ey5xn3a9ha]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ey5xn3a9ha]:after {
        bottom: 0;
    }

.content_relative[b-ey5xn3a9ha] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-ey5xn3a9ha] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-ey5xn3a9ha .2s forwards;
}

    .alert_input[b-ey5xn3a9ha]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-ey5xn3a9ha] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-ey5xn3a9ha] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-ey5xn3a9ha {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-ey5xn3a9ha] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-ey5xn3a9ha], .content_grid_tabla_boddy[b-ey5xn3a9ha] {
    display: grid;
    grid-template-columns: 8% 1fr 20% repeat(2, 1fr) 15% 10%;
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-ey5xn3a9ha] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-ey5xn3a9ha] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-ey5xn3a9ha] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.col_grid-accion[b-ey5xn3a9ha] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}
.displa_flex[b-ey5xn3a9ha] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.overflow-hidden {
    overflow: hidden;
}*/

.col_grid i[b-ey5xn3a9ha] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-ey5xn3a9ha] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-ey5xn3a9ha] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-ey5xn3a9ha] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-ey5xn3a9ha] {
    grid-column: span 2;
}

.btn_edit[b-ey5xn3a9ha], .btn_delete[b-ey5xn3a9ha], .btn_face[b-ey5xn3a9ha], .btn_ver[b-ey5xn3a9ha] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-ey5xn3a9ha] {
    background-color: #70afcb;
}

.btn_delete[b-ey5xn3a9ha] {
    background-color: #e98686;
}

.btn_ver[b-ey5xn3a9ha] {
    background-color: #64d96a;
}

    .btn_edit span[b-ey5xn3a9ha], .btn_delete span[b-ey5xn3a9ha], .btn_face span[b-ey5xn3a9ha], .btn_ver span[b-ey5xn3a9ha] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-ey5xn3a9ha], .btn_delete:hover span[b-ey5xn3a9ha], .btn_face:hover span[b-ey5xn3a9ha], .btn_ver:hover span[b-ey5xn3a9ha] {
        opacity: 1;
    }

    .btn_delete i[b-ey5xn3a9ha], .btn_edit i[b-ey5xn3a9ha], .btn_face i[b-ey5xn3a9ha], .btn_ver i[b-ey5xn3a9ha] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-ey5xn3a9ha]:after, .btn_delete[b-ey5xn3a9ha]:after, .btn_face[b-ey5xn3a9ha]:after, .btn_ver[b-ey5xn3a9ha]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-ey5xn3a9ha]:after {
    background-color: #1A54A2;
}

.btn_delete[b-ey5xn3a9ha]:after {
    background-color: #cb0909;
}

.btn_ver[b-ey5xn3a9ha]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-ey5xn3a9ha]:after, .btn_delete:hover[b-ey5xn3a9ha]:after, .btn_face:hover[b-ey5xn3a9ha]:after, .btn_ver:hover[b-ey5xn3a9ha]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-ey5xn3a9ha] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-ey5xn3a9ha] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-ey5xn3a9ha] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-ey5xn3a9ha]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-ey5xn3a9ha]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-ey5xn3a9ha] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-ey5xn3a9ha 1s initial;
}

.content_flex[b-ey5xn3a9ha] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-ey5xn3a9ha {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/*alerta confirmar eliminar*/
.modal_fondo[b-ey5xn3a9ha] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-ey5xn3a9ha] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-ey5xn3a9ha] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-ey5xn3a9ha] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-ey5xn3a9ha] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}
.titulo_confirmacion[b-ey5xn3a9ha] {
    font-size: 18px;
    margin: 0;
}



/* /Components/TablaPagosComponents/TablaPagos.razor.rz.scp.css */
.content_table[b-f5jefmyikr] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-f5jefmyikr] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-f5jefmyikr] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-f5jefmyikr] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-f5jefmyikr] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-f5jefmyikr] {
        margin: auto;
    }

.content_filtros[b-f5jefmyikr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-f5jefmyikr] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-f5jefmyikr], .ticked[b-f5jefmyikr] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-f5jefmyikr] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-f5jefmyikr], .ticked:hover[b-f5jefmyikr] {
        color: #F4953C;
    }

    .label_section[b-f5jefmyikr]:after, .ticked[b-f5jefmyikr]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-f5jefmyikr]:after, .ticked:hover[b-f5jefmyikr]:after {
        width: 100%;
    }

.selected[b-f5jefmyikr]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-f5jefmyikr] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-f5jefmyikr .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-f5jefmyikr {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-f5jefmyikr] {
    display: none;
}

.input_form[b-f5jefmyikr] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-f5jefmyikr] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-f5jefmyikr] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-f5jefmyikr] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-f5jefmyikr]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-f5jefmyikr]:after {
        bottom: 0;
    }

.content_relative[b-f5jefmyikr] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-f5jefmyikr] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-f5jefmyikr .2s forwards;
}

    .alert_input[b-f5jefmyikr]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-f5jefmyikr] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-f5jefmyikr] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-f5jefmyikr {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-f5jefmyikr] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-f5jefmyikr], .content_grid_tabla_boddy[b-f5jefmyikr] {
    display: grid;
    grid-template-columns: 8% repeat(5, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-f5jefmyikr] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-f5jefmyikr] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-f5jefmyikr] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-f5jefmyikr] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-f5jefmyikr] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-f5jefmyikr] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-f5jefmyikr] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-f5jefmyikr] {
    grid-column: span 2;
}

.btn_edit[b-f5jefmyikr], .btn_delete[b-f5jefmyikr] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-f5jefmyikr] {
    background-color: #514D49;
}

.btn_delete[b-f5jefmyikr] {
    background-color: #F4953C;
}

    .btn_edit span[b-f5jefmyikr], .btn_delete span[b-f5jefmyikr] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-f5jefmyikr], .btn_delete:hover span[b-f5jefmyikr] {
        opacity: 1;
    }

    .btn_delete i[b-f5jefmyikr], .btn_edit i[b-f5jefmyikr] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-f5jefmyikr]:after, .btn_delete[b-f5jefmyikr]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-f5jefmyikr]:after {
    background-color: #254ad8;
}

.btn_delete[b-f5jefmyikr]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-f5jefmyikr]:after, .btn_delete:hover[b-f5jefmyikr]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-f5jefmyikr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-f5jefmyikr] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-f5jefmyikr] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-f5jefmyikr]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-f5jefmyikr]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-f5jefmyikr] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-f5jefmyikr 1s initial;
}

.content_flex[b-f5jefmyikr] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-f5jefmyikr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-f5jefmyikr] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaPatrullaComponents/TablaPatrulla.razor.rz.scp.css */
.content_table[b-isrq6fwkyj] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-isrq6fwkyj] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-isrq6fwkyj] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-isrq6fwkyj] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-isrq6fwkyj] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-isrq6fwkyj] {
        margin: auto;
    }

.content_filtros[b-isrq6fwkyj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-isrq6fwkyj] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-isrq6fwkyj], .ticked[b-isrq6fwkyj] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-isrq6fwkyj] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-isrq6fwkyj], .ticked:hover[b-isrq6fwkyj] {
        color: #F4953C;
    }

    .label_section[b-isrq6fwkyj]:after, .ticked[b-isrq6fwkyj]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-isrq6fwkyj]:after, .ticked:hover[b-isrq6fwkyj]:after {
        width: 100%;
    }

.selected[b-isrq6fwkyj]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-isrq6fwkyj] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-isrq6fwkyj .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-isrq6fwkyj {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-isrq6fwkyj] {
    display: none;
}

.input_form[b-isrq6fwkyj] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-isrq6fwkyj] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-isrq6fwkyj] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-isrq6fwkyj] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-isrq6fwkyj]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-isrq6fwkyj]:after {
        bottom: 0;
    }

.content_relative[b-isrq6fwkyj] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-isrq6fwkyj] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-isrq6fwkyj .2s forwards;
}

    .alert_input[b-isrq6fwkyj]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-isrq6fwkyj] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-isrq6fwkyj] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-isrq6fwkyj {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-isrq6fwkyj] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-isrq6fwkyj], .content_grid_tabla_boddy[b-isrq6fwkyj] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-isrq6fwkyj] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-isrq6fwkyj] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-isrq6fwkyj] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-isrq6fwkyj] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-isrq6fwkyj] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-isrq6fwkyj] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-isrq6fwkyj] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-isrq6fwkyj] {
    grid-column: span 2;
}

.btn_edit[b-isrq6fwkyj], .btn_delete[b-isrq6fwkyj] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-isrq6fwkyj] {
    background-color: #514D49;
}

.btn_delete[b-isrq6fwkyj] {
    background-color: #F4953C;
}

    .btn_edit span[b-isrq6fwkyj], .btn_delete span[b-isrq6fwkyj] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-isrq6fwkyj], .btn_delete:hover span[b-isrq6fwkyj] {
        opacity: 1;
    }

    .btn_delete i[b-isrq6fwkyj], .btn_edit i[b-isrq6fwkyj] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-isrq6fwkyj]:after, .btn_delete[b-isrq6fwkyj]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-isrq6fwkyj]:after {
    background-color: #254ad8;
}

.btn_delete[b-isrq6fwkyj]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-isrq6fwkyj]:after, .btn_delete:hover[b-isrq6fwkyj]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-isrq6fwkyj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-isrq6fwkyj] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-isrq6fwkyj] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-isrq6fwkyj]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-isrq6fwkyj]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-isrq6fwkyj] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-isrq6fwkyj 1s initial;
}

.content_flex[b-isrq6fwkyj] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-isrq6fwkyj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-isrq6fwkyj] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaReporteCiudadanoComponents/TablaReporteCiudadano.razor.rz.scp.css */
/*Alerta Exel*/
.content__alerta[b-ze57nr1unu] {
    position: fixed;
    right: 5%;
    bottom: 5%;
    max-width: 30%;
    width: auto;
    padding: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-align: start;
    z-index: 100;
}

.-exito[b-ze57nr1unu] {
    background-color: #049007;
}

.-error[b-ze57nr1unu] {
    background-color: #e00000;
}

.content_table[b-ze57nr1unu] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-ze57nr1unu] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-ze57nr1unu] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-ze57nr1unu] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-ze57nr1unu] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-ze57nr1unu] {
        margin: auto;
    }

.content_filtros[b-ze57nr1unu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-ze57nr1unu] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-ze57nr1unu], .ticked[b-ze57nr1unu] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-ze57nr1unu] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-ze57nr1unu], .ticked:hover[b-ze57nr1unu] {
        color: #F4953C;
    }

    .label_section[b-ze57nr1unu]:after, .ticked[b-ze57nr1unu]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-ze57nr1unu]:after, .ticked:hover[b-ze57nr1unu]:after {
        width: 100%;
    }

.selected[b-ze57nr1unu]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-ze57nr1unu] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-ze57nr1unu .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-ze57nr1unu {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-ze57nr1unu] {
    display: none;
}

.input_form[b-ze57nr1unu] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-ze57nr1unu] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-ze57nr1unu] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ze57nr1unu] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ze57nr1unu]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ze57nr1unu]:after {
        bottom: 0;
    }

.content_relative[b-ze57nr1unu] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-ze57nr1unu] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-ze57nr1unu .2s forwards;
}

    .alert_input[b-ze57nr1unu]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-ze57nr1unu] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-ze57nr1unu] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-ze57nr1unu {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-ze57nr1unu] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-ze57nr1unu], .content_grid_tabla_boddy[b-ze57nr1unu] {
    display: grid;
    grid-template-columns: 5% repeat(7, 1fr) 7% 1fr;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-ze57nr1unu] {
    background-color: #F4953C;
    color: #fff;
}

.col_grid[b-ze57nr1unu] {
    display: flex;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
}

.col_grid span[b-ze57nr1unu] {
    margin: auto;
}

    .col_grid i[b-ze57nr1unu] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-ze57nr1unu] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-ze57nr1unu] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.content_paginado[b-ze57nr1unu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-ze57nr1unu] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-ze57nr1unu] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-ze57nr1unu]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-ze57nr1unu]:after {
        width: 100%;
        left: 0;
    }
/* /Components/TablaRfcsComponents/TablaRfcs.razor.rz.scp.css */
.content_table[b-icrxwkhvgl] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-icrxwkhvgl] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-icrxwkhvgl] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-icrxwkhvgl] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-icrxwkhvgl] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-icrxwkhvgl] {
        margin: auto;
    }

.content_filtros[b-icrxwkhvgl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-icrxwkhvgl] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-icrxwkhvgl], .ticked[b-icrxwkhvgl] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #514D49;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-icrxwkhvgl] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-icrxwkhvgl], .ticked:hover[b-icrxwkhvgl] {
        color: #F4953C;
    }

    .label_section[b-icrxwkhvgl]:after, .ticked[b-icrxwkhvgl]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-icrxwkhvgl]:after, .ticked:hover[b-icrxwkhvgl]:after {
        width: 100%;
    }

.selected[b-icrxwkhvgl]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-icrxwkhvgl] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-icrxwkhvgl .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-icrxwkhvgl {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-icrxwkhvgl] {
    display: none;
}

.input_form[b-icrxwkhvgl] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-icrxwkhvgl] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-icrxwkhvgl] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-icrxwkhvgl] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-icrxwkhvgl]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-icrxwkhvgl]:after {
        bottom: 0;
    }

.content_relative[b-icrxwkhvgl] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-icrxwkhvgl] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-icrxwkhvgl .2s forwards;
}

    .alert_input[b-icrxwkhvgl]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-icrxwkhvgl] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-icrxwkhvgl] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-icrxwkhvgl {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-icrxwkhvgl] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-icrxwkhvgl], .content_grid_tabla_boddy[b-icrxwkhvgl] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-icrxwkhvgl] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-icrxwkhvgl] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-icrxwkhvgl] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.col_grid-accion[b-icrxwkhvgl] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

.displa_flex[b-icrxwkhvgl] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.overflow-hidden {
    overflow: hidden;
}*/

.col_grid i[b-icrxwkhvgl] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-icrxwkhvgl] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-icrxwkhvgl] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-icrxwkhvgl] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-icrxwkhvgl] {
    grid-column: span 2;
}

.btn_edit[b-icrxwkhvgl], .btn_delete[b-icrxwkhvgl], .btn_face[b-icrxwkhvgl], .btn_ver[b-icrxwkhvgl] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-icrxwkhvgl] {
    background-color: #70afcb;
}

.btn_delete[b-icrxwkhvgl] {
    background-color: #e98686;
}

.btn_ver[b-icrxwkhvgl] {
    background-color: #64d96a;
}

    .btn_edit span[b-icrxwkhvgl], .btn_delete span[b-icrxwkhvgl], .btn_face span[b-icrxwkhvgl], .btn_ver span[b-icrxwkhvgl] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-icrxwkhvgl], .btn_delete:hover span[b-icrxwkhvgl], .btn_face:hover span[b-icrxwkhvgl], .btn_ver:hover span[b-icrxwkhvgl] {
        opacity: 1;
    }

    .btn_delete i[b-icrxwkhvgl], .btn_edit i[b-icrxwkhvgl], .btn_face i[b-icrxwkhvgl], .btn_ver i[b-icrxwkhvgl] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-icrxwkhvgl]:after, .btn_delete[b-icrxwkhvgl]:after, .btn_face[b-icrxwkhvgl]:after, .btn_ver[b-icrxwkhvgl]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-icrxwkhvgl]:after {
    background-color: #1A54A2;
}

.btn_delete[b-icrxwkhvgl]:after {
    background-color: #cb0909;
}

.btn_ver[b-icrxwkhvgl]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-icrxwkhvgl]:after, .btn_delete:hover[b-icrxwkhvgl]:after, .btn_face:hover[b-icrxwkhvgl]:after, .btn_ver:hover[b-icrxwkhvgl]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-icrxwkhvgl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-icrxwkhvgl] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-icrxwkhvgl] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-icrxwkhvgl]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-icrxwkhvgl]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-icrxwkhvgl] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-icrxwkhvgl 1s initial;
}

.content_flex[b-icrxwkhvgl] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-icrxwkhvgl {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Components/TablaRutaRecoleccionComponents/TablaRutaRecoleccion.razor.rz.scp.css */
.content_table[b-4ey88x95nu] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-4ey88x95nu] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-4ey88x95nu] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-4ey88x95nu] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-4ey88x95nu] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-4ey88x95nu] {
        margin: auto;
    }

.content_filtros[b-4ey88x95nu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-4ey88x95nu] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-4ey88x95nu], .ticked[b-4ey88x95nu] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-4ey88x95nu] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-4ey88x95nu], .ticked:hover[b-4ey88x95nu] {
        color: #F4953C;
    }

    .label_section[b-4ey88x95nu]:after, .ticked[b-4ey88x95nu]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-4ey88x95nu]:after, .ticked:hover[b-4ey88x95nu]:after {
        width: 100%;
    }

.selected[b-4ey88x95nu]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-4ey88x95nu] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-4ey88x95nu .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-4ey88x95nu {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-4ey88x95nu] {
    display: none;
}

.input_form[b-4ey88x95nu] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-4ey88x95nu] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-4ey88x95nu] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-4ey88x95nu] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-4ey88x95nu]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-4ey88x95nu]:after {
        bottom: 0;
    }

.content_relative[b-4ey88x95nu] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-4ey88x95nu] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-4ey88x95nu .2s forwards;
}

    .alert_input[b-4ey88x95nu]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-4ey88x95nu] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-4ey88x95nu] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-4ey88x95nu {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-4ey88x95nu] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-4ey88x95nu], .content_grid_tabla_boddy[b-4ey88x95nu] {
    display: grid;
    grid-template-columns: 8% repeat(7, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-4ey88x95nu] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-4ey88x95nu] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .2vw;
}

.col_grid[b-4ey88x95nu] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-4ey88x95nu] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-4ey88x95nu] {
    font-size: 1vw;
    margin: 0;
}
    

.no_data[b-4ey88x95nu] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-4ey88x95nu] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-4ey88x95nu] {
    grid-column: span 2;
}

.btn_edit[b-4ey88x95nu], .btn_details[b-4ey88x95nu] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-4ey88x95nu] {
    background-color: #514D49;
}

/*.btn_delete {
    background-color: #F4953C;
}*/

.btn_details[b-4ey88x95nu] {
    background-color: #514D49;
}

    .btn_edit span[b-4ey88x95nu], .btn_details span[b-4ey88x95nu] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-4ey88x95nu], .btn_details:hover span[b-4ey88x95nu] {
        opacity: 1;
    }

    .btn_edit i[b-4ey88x95nu], .btn_details i[b-4ey88x95nu] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-4ey88x95nu]:after, .btn_details[b-4ey88x95nu]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-4ey88x95nu]:after {
    background-color: #254ad8;
}

/*.btn_delete:after {
    background-color: #cb0909;
}*/

.btn_details[b-4ey88x95nu]:after {
    background-color: #f13e16;
}

.btn_edit:hover[b-4ey88x95nu]:after, .btn_details:hover[b-4ey88x95nu]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-4ey88x95nu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-4ey88x95nu] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-4ey88x95nu] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-4ey88x95nu]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-4ey88x95nu]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-4ey88x95nu] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-4ey88x95nu 1s initial;
}

.content_flex[b-4ey88x95nu] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-4ey88x95nu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-4ey88x95nu] {
    display: flex;
    flex-direction: row;
}
/* /Components/TablaSecretariaComponents/TablaSecretaria.razor.rz.scp.css */
.content_table[b-ampmb5p5qc] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-ampmb5p5qc] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-ampmb5p5qc] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-ampmb5p5qc] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-ampmb5p5qc] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-ampmb5p5qc] {
        margin: auto;
    }

.content_filtros[b-ampmb5p5qc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-ampmb5p5qc] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-ampmb5p5qc], .ticked[b-ampmb5p5qc] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-ampmb5p5qc] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-ampmb5p5qc], .ticked:hover[b-ampmb5p5qc] {
        color: #F4953C;
    }

    .label_section[b-ampmb5p5qc]:after, .ticked[b-ampmb5p5qc]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-ampmb5p5qc]:after, .ticked:hover[b-ampmb5p5qc]:after {
        width: 100%;
    }

.selected[b-ampmb5p5qc]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-ampmb5p5qc] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-ampmb5p5qc .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-ampmb5p5qc {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-ampmb5p5qc] {
    display: none;
}

.input_form[b-ampmb5p5qc] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-ampmb5p5qc] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-ampmb5p5qc] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ampmb5p5qc] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ampmb5p5qc]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ampmb5p5qc]:after {
        bottom: 0;
    }

.content_relative[b-ampmb5p5qc] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-ampmb5p5qc] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-ampmb5p5qc .2s forwards;
}

    .alert_input[b-ampmb5p5qc]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-ampmb5p5qc] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-ampmb5p5qc] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-ampmb5p5qc {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-ampmb5p5qc] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-ampmb5p5qc], .content_grid_tabla_boddy[b-ampmb5p5qc] {
    display: grid;
    grid-template-columns: 8% repeat(2, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-ampmb5p5qc] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-ampmb5p5qc] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2vw;
}

.col_grid[b-ampmb5p5qc] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-ampmb5p5qc] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-ampmb5p5qc] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-ampmb5p5qc] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-ampmb5p5qc] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-ampmb5p5qc] {
    grid-column: span 2;
}

.btn_edit[b-ampmb5p5qc], .btn_delete[b-ampmb5p5qc], .btn_face[b-ampmb5p5qc], .btn_ver[b-ampmb5p5qc] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-ampmb5p5qc] {
    background-color: #70afcb;
}

.btn_delete[b-ampmb5p5qc] {
    background-color: #e98686;
}

.btn_ver[b-ampmb5p5qc] {
    background-color: #64d96a;
}

    .btn_edit span[b-ampmb5p5qc], .btn_delete span[b-ampmb5p5qc], .btn_face span[b-ampmb5p5qc], .btn_ver span[b-ampmb5p5qc] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-ampmb5p5qc], .btn_delete:hover span[b-ampmb5p5qc], .btn_face:hover span[b-ampmb5p5qc], .btn_ver:hover span[b-ampmb5p5qc] {
        opacity: 1;
    }

    .btn_delete i[b-ampmb5p5qc], .btn_edit i[b-ampmb5p5qc], .btn_face i[b-ampmb5p5qc], .btn_ver i[b-ampmb5p5qc] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-ampmb5p5qc]:after, .btn_delete[b-ampmb5p5qc]:after, .btn_face[b-ampmb5p5qc]:after, .btn_ver[b-ampmb5p5qc]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-ampmb5p5qc]:after {
    background-color: #1A54A2;
}

.btn_delete[b-ampmb5p5qc]:after {
    background-color: #cb0909;
}

.btn_ver[b-ampmb5p5qc]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-ampmb5p5qc]:after, .btn_delete:hover[b-ampmb5p5qc]:after, .btn_face:hover[b-ampmb5p5qc]:after, .btn_ver:hover[b-ampmb5p5qc]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-ampmb5p5qc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-ampmb5p5qc] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-ampmb5p5qc] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-ampmb5p5qc]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-ampmb5p5qc]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-ampmb5p5qc] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-ampmb5p5qc 1s initial;
}

.content_flex[b-ampmb5p5qc] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-ampmb5p5qc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-ampmb5p5qc] {
    display: flex;
    flex-direction: row;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-ampmb5p5qc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-ampmb5p5qc] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-ampmb5p5qc] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-ampmb5p5qc] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-ampmb5p5qc] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-ampmb5p5qc] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TablaSliderComponents/TablaSlider.razor.rz.scp.css */
.content_table[b-y0iq5wzqcz] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-y0iq5wzqcz] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-y0iq5wzqcz] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-y0iq5wzqcz] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-y0iq5wzqcz] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-y0iq5wzqcz] {
        margin: auto;
    }

.content_filtros[b-y0iq5wzqcz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-y0iq5wzqcz] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-y0iq5wzqcz], .ticked[b-y0iq5wzqcz] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-y0iq5wzqcz] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-y0iq5wzqcz], .ticked:hover[b-y0iq5wzqcz] {
        color: #F4953C;
    }

    .label_section[b-y0iq5wzqcz]:after, .ticked[b-y0iq5wzqcz]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-y0iq5wzqcz]:after, .ticked:hover[b-y0iq5wzqcz]:after {
        width: 100%;
    }

.selected[b-y0iq5wzqcz]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-y0iq5wzqcz] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-y0iq5wzqcz .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-y0iq5wzqcz {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-y0iq5wzqcz] {
    display: none;
}

.input_form[b-y0iq5wzqcz] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-y0iq5wzqcz] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-y0iq5wzqcz] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-y0iq5wzqcz] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-y0iq5wzqcz]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-y0iq5wzqcz]:after {
        bottom: 0;
    }

.content_relative[b-y0iq5wzqcz] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-y0iq5wzqcz] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-y0iq5wzqcz .2s forwards;
}

    .alert_input[b-y0iq5wzqcz]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-y0iq5wzqcz] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-y0iq5wzqcz] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
    grid-column: span 3;
}

@keyframes loading-b-y0iq5wzqcz {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-y0iq5wzqcz] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-y0iq5wzqcz], .content_grid_tabla_boddy[b-y0iq5wzqcz] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-y0iq5wzqcz] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-y0iq5wzqcz] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-y0iq5wzqcz] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-y0iq5wzqcz] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-y0iq5wzqcz] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-y0iq5wzqcz] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
    grid-column: span 3;
}

.img_noticia[b-y0iq5wzqcz] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-y0iq5wzqcz] {
    grid-column: span 2;
}

.btn_edit[b-y0iq5wzqcz], .btn_delete[b-y0iq5wzqcz] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-y0iq5wzqcz] {
    background-color: #70afcb;
}

.btn_delete[b-y0iq5wzqcz] {
    background-color: #e98686;
}

    .btn_edit span[b-y0iq5wzqcz], .btn_delete span[b-y0iq5wzqcz] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-y0iq5wzqcz], .btn_delete:hover span[b-y0iq5wzqcz] {
        opacity: 1;
    }

    .btn_delete i[b-y0iq5wzqcz], .btn_edit i[b-y0iq5wzqcz] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-y0iq5wzqcz]:after, .btn_delete[b-y0iq5wzqcz]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-y0iq5wzqcz]:after {
    background-color: #1A54A2;
}

.btn_delete[b-y0iq5wzqcz]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-y0iq5wzqcz]:after, .btn_delete:hover[b-y0iq5wzqcz]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-y0iq5wzqcz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-y0iq5wzqcz] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-y0iq5wzqcz] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-y0iq5wzqcz]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-y0iq5wzqcz]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-y0iq5wzqcz] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-y0iq5wzqcz 1s initial;
}

.content_flex[b-y0iq5wzqcz] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-y0iq5wzqcz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-y0iq5wzqcz] {
    display: flex;
    flex-direction: row;
}

.content_grid[b-y0iq5wzqcz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
    width: 90%;
    margin: 1vw auto;
}

.card_Slider[b-y0iq5wzqcz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1vw;
    box-shadow: 0.2vw 0.2vw 0.5vw #444444b2
}

.content_slider[b-y0iq5wzqcz] {
    width: 100%;
    height: 25vh;
    background: linear-gradient(135deg, rgba(201,201,201,0.5) 0%, rgba(236,236,236,0.5) 25%, rgba(201,201,201,0.5) 50%, rgba(236,236,236,0.5) 75%, rgba(201,201,201,0.5) 100%);
    backdrop-filter: blur(5px);
}

.content_info[b-y0iq5wzqcz] {
    width: 100%;
    padding: 1vw;
    display: flex; 
    flex-direction: column;
    background-color: #fff;
}

.title_card[b-y0iq5wzqcz] {
    font-size: 2vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1vw;
}


.img_noticia[b-y0iq5wzqcz] {
    min-width: 100%;
    height: auto;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-y0iq5wzqcz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-y0iq5wzqcz] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-y0iq5wzqcz] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-y0iq5wzqcz] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-y0iq5wzqcz] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-y0iq5wzqcz] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TablaTramiteComponents/TablaTramite.razor.rz.scp.css */
.content_table[b-74cqc76ugk] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-74cqc76ugk] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-74cqc76ugk] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-74cqc76ugk] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-74cqc76ugk] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-74cqc76ugk] {
        margin: auto;
    }

.content_filtros[b-74cqc76ugk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-74cqc76ugk] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-74cqc76ugk], .ticked[b-74cqc76ugk] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-74cqc76ugk] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-74cqc76ugk], .ticked:hover[b-74cqc76ugk] {
        color: #F4953C;
    }

    .label_section[b-74cqc76ugk]:after, .ticked[b-74cqc76ugk]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-74cqc76ugk]:after, .ticked:hover[b-74cqc76ugk]:after {
        width: 100%;
    }

.selected[b-74cqc76ugk]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-74cqc76ugk] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-74cqc76ugk .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-74cqc76ugk {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-74cqc76ugk] {
    display: none;
}

.input_form[b-74cqc76ugk] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-74cqc76ugk] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-74cqc76ugk] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-74cqc76ugk] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-74cqc76ugk]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-74cqc76ugk]:after {
        bottom: 0;
    }

.content_relative[b-74cqc76ugk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-74cqc76ugk] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-74cqc76ugk .2s forwards;
}

    .alert_input[b-74cqc76ugk]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-74cqc76ugk] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-74cqc76ugk] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-74cqc76ugk {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-74cqc76ugk] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-74cqc76ugk], .content_grid_tabla_boddy[b-74cqc76ugk] {
    display: grid;
    grid-template-columns: 8% repeat(5, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-74cqc76ugk] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-74cqc76ugk] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .2vw;
}

.col_grid[b-74cqc76ugk] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-74cqc76ugk] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-74cqc76ugk] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-74cqc76ugk] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-74cqc76ugk] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-74cqc76ugk] {
    grid-column: span 2;
}
.btn_edit[b-74cqc76ugk], .btn_delete[b-74cqc76ugk], .btn_face[b-74cqc76ugk], .btn_ver[b-74cqc76ugk] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-74cqc76ugk] {
    background-color: #70afcb;
}

.btn_delete[b-74cqc76ugk] {
    background-color: #e98686;
}

.btn_ver[b-74cqc76ugk] {
    background-color: #64d96a;
}

    .btn_edit span[b-74cqc76ugk], .btn_delete span[b-74cqc76ugk], .btn_face span[b-74cqc76ugk], .btn_ver span[b-74cqc76ugk] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-74cqc76ugk], .btn_delete:hover span[b-74cqc76ugk], .btn_face:hover span[b-74cqc76ugk], .btn_ver:hover span[b-74cqc76ugk] {
        opacity: 1;
    }

    .btn_delete i[b-74cqc76ugk], .btn_edit i[b-74cqc76ugk], .btn_face i[b-74cqc76ugk], .btn_ver i[b-74cqc76ugk] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-74cqc76ugk]:after, .btn_delete[b-74cqc76ugk]:after, .btn_face[b-74cqc76ugk]:after, .btn_ver[b-74cqc76ugk]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-74cqc76ugk]:after {
    background-color: #1A54A2;
}

.btn_delete[b-74cqc76ugk]:after {
    background-color: #cb0909;
}

.btn_ver[b-74cqc76ugk]:after {
    background-color: #039a14;
}


.btn_edit:hover[b-74cqc76ugk]:after, .btn_delete:hover[b-74cqc76ugk]:after, .btn_face:hover[b-74cqc76ugk]:after, .btn_ver:hover[b-74cqc76ugk]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-74cqc76ugk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-74cqc76ugk] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-74cqc76ugk] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-74cqc76ugk]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-74cqc76ugk]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-74cqc76ugk] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-74cqc76ugk 1s initial;
}

.content_flex[b-74cqc76ugk] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-74cqc76ugk {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-74cqc76ugk] {
    display: flex;
    flex-direction: row;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-74cqc76ugk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-74cqc76ugk] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-74cqc76ugk] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-74cqc76ugk] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-74cqc76ugk] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-74cqc76ugk] {
    font-size: 18px;
    margin: 0;
}
/* /Components/TrablaPortulacionComponents/TablaPostulacion.razor.rz.scp.css */
.content_table[b-q0g1r7zcz9] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-q0g1r7zcz9] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-q0g1r7zcz9] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-q0g1r7zcz9] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-q0g1r7zcz9] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-q0g1r7zcz9] {
        margin: auto;
    }

.content_filtros[b-q0g1r7zcz9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-q0g1r7zcz9] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-q0g1r7zcz9], .ticked[b-q0g1r7zcz9] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-q0g1r7zcz9] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-q0g1r7zcz9], .ticked:hover[b-q0g1r7zcz9] {
        color: #F4953C;
    }

    .label_section[b-q0g1r7zcz9]:after, .ticked[b-q0g1r7zcz9]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-q0g1r7zcz9]:after, .ticked:hover[b-q0g1r7zcz9]:after {
        width: 100%;
    }

.selected[b-q0g1r7zcz9]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-q0g1r7zcz9] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-q0g1r7zcz9 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-q0g1r7zcz9 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-q0g1r7zcz9] {
    display: none;
}

.input_form[b-q0g1r7zcz9] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-q0g1r7zcz9] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-q0g1r7zcz9] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-q0g1r7zcz9] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-q0g1r7zcz9]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-q0g1r7zcz9]:after {
        bottom: 0;
    }

.content_relative[b-q0g1r7zcz9] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-q0g1r7zcz9] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-q0g1r7zcz9 .2s forwards;
}

    .alert_input[b-q0g1r7zcz9]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-q0g1r7zcz9] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-q0g1r7zcz9] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-q0g1r7zcz9 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-q0g1r7zcz9] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-q0g1r7zcz9], .content_grid_tabla_boddy[b-q0g1r7zcz9] {
    display: grid;
    grid-template-columns: 8% repeat(4, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-q0g1r7zcz9] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-q0g1r7zcz9] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-q0g1r7zcz9] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}
.displa_flex[b-q0g1r7zcz9] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .col_grid i[b-q0g1r7zcz9] {
        margin: auto 0;
        margin-left: auto;
    }

.txt_plano[b-q0g1r7zcz9] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-q0g1r7zcz9] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
}

.img_noticia[b-q0g1r7zcz9] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-q0g1r7zcz9] {
    grid-column: span 2;
}

.btn_edit[b-q0g1r7zcz9], .btn_delete[b-q0g1r7zcz9] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-q0g1r7zcz9] {
    background-color: #514D49;
}

.btn_delete[b-q0g1r7zcz9] {
    background-color: #F4953C;
}

    .btn_edit span[b-q0g1r7zcz9], .btn_delete span[b-q0g1r7zcz9] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-q0g1r7zcz9], .btn_delete:hover span[b-q0g1r7zcz9] {
        opacity: 1;
    }

    .btn_delete i[b-q0g1r7zcz9], .btn_edit i[b-q0g1r7zcz9] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-q0g1r7zcz9]:after, .btn_delete[b-q0g1r7zcz9]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-q0g1r7zcz9]:after {
    background-color: #254ad8;
}

.btn_delete[b-q0g1r7zcz9]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-q0g1r7zcz9]:after, .btn_delete:hover[b-q0g1r7zcz9]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-q0g1r7zcz9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-q0g1r7zcz9] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-q0g1r7zcz9] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-q0g1r7zcz9]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-q0g1r7zcz9]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-q0g1r7zcz9] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-q0g1r7zcz9 1s initial;
}

.content_flex[b-q0g1r7zcz9] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-q0g1r7zcz9 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* /Components/ViewAgendaComponents/ViewAgenda.razor.rz.scp.css */
.content_view[b-sl3yrpxe8k] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 60%;
    padding: 1vw;
}

.content_title[b-sl3yrpxe8k] {
    width: 90%;
    display: flex;
    margin: auto;
    flex-direction: column;
    padding: .5vw 1vw;
}

.title[b-sl3yrpxe8k] {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.icono_x_superior_container[b-sl3yrpxe8k] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.icono_x_superior[b-sl3yrpxe8k] {
    font-size: 25px;
    color: #555;
    transition: all 0.2s ease-in-out;
}
.tooltip_cerrar[b-sl3yrpxe8k] {
    visibility: hidden;
    opacity: 0;
    background-color: #808080;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 3px;
    transition: opacity 0.2s ease-in-out;
    white-space: nowrap;
}
.icono_x_superior_container:hover .icono_x_superior[b-sl3yrpxe8k] {
    color: #d9534f;
    transform: scale(1.3); 
}
.icono_x_superior_container:hover .tooltip_cerrar[b-sl3yrpxe8k] {
    visibility: visible;
    opacity: 1;
}


.content_autor_fecha[b-sl3yrpxe8k] {
    width: 100%;
    display: flex;
    margin: 1vw 0;
}

.text_fecha[b-sl3yrpxe8k], .text_autor[b-sl3yrpxe8k] {
    font-size: 1vw;
    color: #808080;
    margin: 0;
}

.text_autor[b-sl3yrpxe8k] {
    margin: auto 0;
}

.text_fecha[b-sl3yrpxe8k] {
    margin: auto 1vw;
    margin-left: auto
}

.content_parrafo[b-sl3yrpxe8k] {
    width: 90%;
    margin: 2vw auto;
}

.text_plano[b-sl3yrpxe8k] {
    font-size: 1.5vw;
    text-align: justify;
    line-height: 2.5vw;
}

.content_grid[b-sl3yrpxe8k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 50%));
    gap: 0;
    margin: auto;
    width: auto;
}

.col_grid[b-sl3yrpxe8k] {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.img_noticia[b-sl3yrpxe8k] {
    width: 100%;
    height: auto;
}

.text_fuent[b-sl3yrpxe8k] {
    font-size: 1vw;
    color: #808080;
    text-align: end;
    margin: 0;
}

.content_modal[b-sl3yrpxe8k] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #3535358f;
    display: flex;
    z-index: 100;
}

.icono_x[b-sl3yrpxe8k] {
    position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    font-size: 1.5vw;
    cursor: pointer;
}

.img_noticia_modal[b-sl3yrpxe8k] {
    width: 40%;
    height: auto;
    margin: auto;
}
/* /Components/ViewConvenioComponents/ViewConvenio.razor.rz.scp.css */
.content_view[b-llkkppkvyg] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 60%;
    padding: 1vw;
}

.content_title[b-llkkppkvyg] {
    width: 90%;
    display: flex;
    margin: auto;
    flex-direction: column;
    padding: .5vw 1vw;
}

.title[b-llkkppkvyg] {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.icono_x_superior_container[b-llkkppkvyg] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icono_x_superior[b-llkkppkvyg] {
    font-size: 25px;
    color: #555;
    transition: all 0.2s ease-in-out;
}

.tooltip_cerrar[b-llkkppkvyg] {
    visibility: hidden;
    opacity: 0;
    background-color: #808080;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 3px;
    transition: opacity 0.2s ease-in-out;
    white-space: nowrap;
}

.icono_x_superior_container:hover .icono_x_superior[b-llkkppkvyg] {
    color: #d9534f;
    transform: scale(1.3);
}

.icono_x_superior_container:hover .tooltip_cerrar[b-llkkppkvyg] {
    visibility: visible;
    opacity: 1;
}

.content_autor_fecha[b-llkkppkvyg] {
    width: 100%;
    display: flex;
    margin: 1vw 0;
}

.text_fecha[b-llkkppkvyg], .text_autor[b-llkkppkvyg] {
    font-size: 1vw;
    color: #808080;
    margin: 0;
}

.text_autor[b-llkkppkvyg] {
    margin: auto 0;
}

.text_fecha[b-llkkppkvyg] {
    margin: auto 1vw;
    margin-left: auto
}

.content_parrafo[b-llkkppkvyg] {
    width: 90%;
    margin: 2vw auto;
}

.text_plano[b-llkkppkvyg] {
    font-size: 1.5vw;
    text-align: justify;
    line-height: 2.5vw;
}

.content_grid[b-llkkppkvyg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 50%));
    gap: 0;
    margin: auto;
    width: auto;
}

.col_grid[b-llkkppkvyg] {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.img_noticia[b-llkkppkvyg] {
    width: 100%;
    height: auto;
}

.text_fuent[b-llkkppkvyg] {
    font-size: 1vw;
    color: #808080;
    text-align: end;
    margin: 0;
}

.content_modal[b-llkkppkvyg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #3535358f;
    display: flex;
    z-index: 100;
}

.icono_x[b-llkkppkvyg] {
    position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    font-size: 1.5vw;
    cursor: pointer;
}

.img_noticia_modal[b-llkkppkvyg] {
    width: 40%;
    height: auto;
    margin: auto;
}
/* /Components/ViewDirectoriosComponents/ViewDirectorios.razor.rz.scp.css */
.content_table[b-t7w1cpj1jo] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-t7w1cpj1jo] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-t7w1cpj1jo] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-t7w1cpj1jo] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-t7w1cpj1jo] {
        background-color: #514D49;
    }

    .btn_cirquel i[b-t7w1cpj1jo] {
        margin: auto;
    }

.content_filtros[b-t7w1cpj1jo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-t7w1cpj1jo] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-t7w1cpj1jo], .ticked[b-t7w1cpj1jo] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-t7w1cpj1jo] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-t7w1cpj1jo], .ticked:hover[b-t7w1cpj1jo] {
        color: #F4953C;
    }

    .label_section[b-t7w1cpj1jo]:after, .ticked[b-t7w1cpj1jo]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-t7w1cpj1jo]:after, .ticked:hover[b-t7w1cpj1jo]:after {
        width: 100%;
    }

.selected[b-t7w1cpj1jo]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #514D49;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-t7w1cpj1jo] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-t7w1cpj1jo .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-t7w1cpj1jo {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-t7w1cpj1jo] {
    display: none;
}

.input_form[b-t7w1cpj1jo] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-t7w1cpj1jo] {
        border-bottom: .2vw solid #514D49;
    }

.button_sumit[b-t7w1cpj1jo] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #514D49;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-t7w1cpj1jo] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-t7w1cpj1jo]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #F4953C;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-t7w1cpj1jo]:after {
        bottom: 0;
    }

.content_relative[b-t7w1cpj1jo] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-t7w1cpj1jo] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-t7w1cpj1jo .2s forwards;
}

    .alert_input[b-t7w1cpj1jo]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-t7w1cpj1jo] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-t7w1cpj1jo] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
    grid-column: span 3;
}

@keyframes loading-b-t7w1cpj1jo {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-t7w1cpj1jo] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-t7w1cpj1jo], .content_grid_tabla_boddy[b-t7w1cpj1jo] {
    display: grid;
    grid-template-columns: 8% repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-t7w1cpj1jo] {
    background-color: #F4953C;
    color: #fff;
}

.grid_3[b-t7w1cpj1jo] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .2vw;
}

.col_grid[b-t7w1cpj1jo] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
}

    .col_grid i[b-t7w1cpj1jo] {
        margin: auto 0;
        margin-left: auto;
    }

.content_flex[b-t7w1cpj1jo] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

.txt_plano[b-t7w1cpj1jo] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-t7w1cpj1jo] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #514D49;
    margin: 1vw auto;
    grid-column: span 3;
}

.img_noticia[b-t7w1cpj1jo] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-t7w1cpj1jo] {
    grid-column: span 2;
}

.btn_edit[b-t7w1cpj1jo], .btn_delete[b-t7w1cpj1jo] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-t7w1cpj1jo] {
    background-color: #70afcb;
}

.btn_delete[b-t7w1cpj1jo] {
    background-color: #e98686;
}

    .btn_edit span[b-t7w1cpj1jo], .btn_delete span[b-t7w1cpj1jo] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-t7w1cpj1jo], .btn_delete:hover span[b-t7w1cpj1jo] {
        opacity: 1;
    }

    .btn_delete i[b-t7w1cpj1jo], .btn_edit i[b-t7w1cpj1jo] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-t7w1cpj1jo]:after, .btn_delete[b-t7w1cpj1jo]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-t7w1cpj1jo]:after {
    background-color: #1A54A2;
}

.btn_delete[b-t7w1cpj1jo]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-t7w1cpj1jo]:after, .btn_delete:hover[b-t7w1cpj1jo]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-t7w1cpj1jo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-t7w1cpj1jo] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #f4953c;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-t7w1cpj1jo] {
        color: #F4953C;
        background-color: #514D4912;
    }

    .pagina[b-t7w1cpj1jo]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #514D49;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-t7w1cpj1jo]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-t7w1cpj1jo] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #514D49;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-t7w1cpj1jo 1s initial;
}

.content_flex[b-t7w1cpj1jo] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-t7w1cpj1jo {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.displa_flex[b-t7w1cpj1jo] {
    display: flex;
    flex-direction: row;
}

.content_grid[b-t7w1cpj1jo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
    width: 90%;
    margin: 1vw auto;
}

.card_Slider[b-t7w1cpj1jo] {
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
    overflow: hidden;
    border-radius: 1vw;
    box-shadow: 0.2vw 0.2vw 0.5vw #444444b2
}

.content_slider[b-t7w1cpj1jo] {
    width: 100%;
    height: 100%;
    background-color: #fff;
    /*background: linear-gradient(135deg, rgba(201,201,201,0.5) 0%, rgba(236,236,236,0.5) 25%, rgba(201,201,201,0.5) 50%, rgba(236,236,236,0.5) 75%, rgba(201,201,201,0.5) 100%);
    backdrop-filter: blur(5px);*/
}

.content_info[b-t7w1cpj1jo] {
    width: 100%;
    padding: 1vw;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.title_card[b-t7w1cpj1jo] {
    font-size: 2vw;
    font-weight: 600;
    color: #514D49;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1vw;
}
.puesto_card[b-t7w1cpj1jo] {
    font-size: 1.2vw;
    font-weight: 500;
    color: #393737;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1vw;
}
.contact_card[b-t7w1cpj1jo] {
    font-size: 1vw;
    font-weight: 100;
    color: #000;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1vw;
}


.img_noticia[b-t7w1cpj1jo] {
    min-width: 100%;
    height: auto;
    object-fit: cover;
    /*border-radius: 50%;*/
    margin: auto;
}
/*alerta confirmar eliminar*/
.modal_fondo[b-t7w1cpj1jo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal_card[b-t7w1cpj1jo] {
    background: white;
    padding: 20px;
    width: 350px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.modal_botones[b-t7w1cpj1jo] {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.btn_si[b-t7w1cpj1jo] {
    background: #d62828;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.btn_no[b-t7w1cpj1jo] {
    background: #6c757d;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
}

.titulo_confirmacion[b-t7w1cpj1jo] {
    font-size: 18px;
    margin: 0;
}
/* /Components/ViewNoticiaComponents/ViewNoticia.razor.rz.scp.css */
.content_view[b-p1c1d6dcxe] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 60%;
    padding: 1vw;
}

.content_title[b-p1c1d6dcxe] {
    width: 90%;
    display: flex;
    margin: auto;
    flex-direction: column;
    padding: .5vw 1vw;
}

.title[b-p1c1d6dcxe] {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.icono_x_superior_container[b-p1c1d6dcxe] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icono_x_superior[b-p1c1d6dcxe] {
    font-size: 25px;
    color: #555;
    transition: all 0.2s ease-in-out;
}

.tooltip_cerrar[b-p1c1d6dcxe] {
    visibility: hidden;
    opacity: 0;
    background-color: #808080;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 3px;
    transition: opacity 0.2s ease-in-out;
    white-space: nowrap;
}

.icono_x_superior_container:hover .icono_x_superior[b-p1c1d6dcxe] {
    color: #d9534f;
    transform: scale(1.3);
}

.icono_x_superior_container:hover .tooltip_cerrar[b-p1c1d6dcxe] {
    visibility: visible;
    opacity: 1;
}

.content_autor_fecha[b-p1c1d6dcxe] {
    width: 100%;
    display: flex;
    margin: 1vw 0;
}

.text_fecha[b-p1c1d6dcxe], .text_autor[b-p1c1d6dcxe] {
    font-size: 1vw;
    color: #808080;
    margin: 0;
}

.text_autor[b-p1c1d6dcxe] {
    margin: auto 0;
}

.text_fecha[b-p1c1d6dcxe] {
    margin: auto 1vw;
    margin-left: auto
}

.content_parrafo[b-p1c1d6dcxe] {
    width: 90%;
    margin: 2vw auto;
}

.text_plano[b-p1c1d6dcxe] {
    font-size: 1.5vw;
    text-align: justify;
    line-height: 2.5vw;
}

.content_grid[b-p1c1d6dcxe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 50%));
    gap: 0;
    margin: auto;
    width: auto;
}

.col_grid[b-p1c1d6dcxe] {
    display: flex;
    flex-direction: column;
    margin: auto;
}

.img_noticia[b-p1c1d6dcxe] {
    width: 100%;
    height: auto;
}

.text_fuent[b-p1c1d6dcxe] {
    font-size: 1vw;
    color: #808080;
    text-align: end;
    margin: 0;
}

.content_modal[b-p1c1d6dcxe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #3535358f;
    display: flex;
    z-index: 100;
}

.icono_x[b-p1c1d6dcxe] {
    position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    font-size: 1.5vw;
    cursor: pointer;
}

.img_noticia_modal[b-p1c1d6dcxe] {
    width: 40%;
    height: auto;
    margin: auto;
}
/* /Components/ViewUsuarioComponents/ViewCredencialUsuario.razor.rz.scp.css */
.content_view[b-77jla6xto2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    /*width: 60%;*/
    padding: 1vw;
}
.content_title[b-77jla6xto2] {
    width: 90%;
    display: flex;
    margin: auto;
    flex-direction: column;
    padding: .5vw 1vw;
}

.title[b-77jla6xto2] {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.icono_x_superior_container[b-77jla6xto2] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icono_x_superior[b-77jla6xto2] {
    font-size: 25px;
    color: #555;
    transition: all 0.2s ease-in-out;
}

.tooltip_cerrar[b-77jla6xto2] {
    visibility: hidden;
    opacity: 0;
    background-color: #808080;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 3px;
    transition: opacity 0.2s ease-in-out;
    white-space: nowrap;
}

.icono_x_superior_container:hover .icono_x_superior[b-77jla6xto2] {
    color: #d9534f;
    transform: scale(1.3);
}

.icono_x_superior_container:hover .tooltip_cerrar[b-77jla6xto2] {
    visibility: visible;
    opacity: 1;
}
.card-frontal[b-77jla6xto2] {
    width: 420px;
    height: 250px;
    background: #F4953C;
    border-radius: 10px;
    color: white;
    position: relative;
    font-family: 'Segoe UI', sans-serif;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.curve-bg[b-77jla6xto2] {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    background: #173e80;
    border-radius: 50%;
    z-index: 0;
}

.curve-overlay[b-77jla6xto2] {
    position: absolute;
    top: 60px;
    left: 60px;
    width: 300px;
    height: 300px;
    background: #FA7C06;
    border-radius: 50%;
}

.logo-section[b-77jla6xto2] {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    z-index: 1;
}

.logo-icon[b-77jla6xto2] {
    width: 30px;
    margin-right: 8px;
}

.logo-text[b-77jla6xto2] {
    font-size: 14px;
    line-height: 1.1;
}

.foto-section[b-77jla6xto2] {
    position: absolute;
    top: 55px;
    left: 70px;
    z-index: 2;
}

.foto-perfil[b-77jla6xto2] {
    width: 130px;
    height: 130px;
    border-radius:50%;
    border: 3px solid white;
    object-fit: cover;
}

.datos-nombre[b-77jla6xto2] {
    position: absolute;
    top: 40px;
    right: 20px;
    text-align: right;
    z-index: 2;
    width: 220px;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.nombre[b-77jla6xto2] {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 4px;
}

.puesto[b-77jla6xto2] {
    font-size: 16px;
    color: #fcdcbd;
}

.datos-footer[b-77jla6xto2] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    font-size: 14px;
    z-index: 2;
}
.diseno[b-77jla6xto2] {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: .2rem solid #ffffff;
    color: white;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*-------------------------------------------------------------------------------------------------*/

.card-trasera[b-77jla6xto2] {
    width: 420px;
    height: 250px;
    position: relative;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Imagen de fondo izquierda */
.bg-image[b-77jla6xto2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('Imagenes/LogosMunicipios/SindicatoVeracruz/ic_sindicato_long.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 35% left;
    opacity: 0.2;
    z-index: 0;
}

/* Sección del QR */
.qr-section[b-77jla6xto2] {
    position: absolute;
    top: 20px;
    right: 0;
    width: 50%;
    z-index: 1;
    text-align: center;
}

.qr-img[b-77jla6xto2] {
    width: 70px;
    height: 70px;
}

/* Firma */
.firma-section[b-77jla6xto2] {
    position: absolute;
    top: 130px;
    right: 30px;
    width: 150px;
    text-align: center;
    z-index: 1;
}

.linea-firma[b-77jla6xto2] {
    border-top: 1px solid #333;
    width: 100%;
    margin-bottom: 5px;
}

.nombre-firma[b-77jla6xto2] {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
}

.cargo[b-77jla6xto2] {
    font-weight: normal;
    font-size: 10px;
    color: #444;
}

/* Instrucciones de uso */
.instrucciones[b-77jla6xto2] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #F4953c;
    color: white;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    z-index: 1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*----------------------------*/
.my-alert[b-77jla6xto2] {
    margin-top: 10px;
    width: 100%;
    max-width: 400px;
}

/*Pdf*/

.content_btn[b-77jla6xto2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 20%;
    margin: 0 auto;
}

.content_relative[b-77jla6xto2] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0.5rem;
}

.span_2[b-77jla6xto2] {
    grid-column: span 2;
}

.span_3[b-77jla6xto2] {
    grid-column: span 3;
}

.button_sumit[b-77jla6xto2] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #F4953c;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-77jla6xto2] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-77jla6xto2]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #514d49;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-77jla6xto2]:after {
        bottom: 0;
    }

.loading-overlay[b-77jla6xto2] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* semi-transparente */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.loading-message[b-77jla6xto2] {
    background-color: white;
    padding: 20px 40px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}



/* /Pages/AccesosPage/Accesos.razor.rz.scp.css */
.content_page[b-3srnomfvlx] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-3srnomfvlx] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-3srnomfvlx] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-3srnomfvlx] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/AgendaPublicPage/AgendaCompleta.razor.rz.scp.css */
.content_page[b-x5cevfyl6m] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-x5cevfyl6m] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-x5cevfyl6m] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-x5cevfyl6m] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/AgendasPage/AgendasInicio.razor.rz.scp.css */
.content_page[b-6z5n53kkr8] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AgendasPage/EditarAgenda.razor.rz.scp.css */
.content_page[b-et69bl95th] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AgendasPage/NewAgenda.razor.rz.scp.css */
.content_page[b-pmfxafiuz9] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AlertasPage/AlertasInicio.razor.rz.scp.css */
.content_page[b-f1rwzfit4k] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AnuncioPage/CardNuevoAnuncioPage.razor.rz.scp.css */
.content_page[b-e6jjfgfn36] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AnuncioPage/TablaAnuncioPage.razor.rz.scp.css */
.content_page[b-qyisuhnezz] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AvisosPages/CardNuevoAvisoPages.razor.rz.scp.css */
.content_page[b-apm3dhf7y8] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/AvisosPages/TablaAvisosPages.razor.rz.scp.css */
.content_page[b-we6x2kg7yp] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/BolsaTrabajoPostulacionPage/BolsaTrabajoInicioPage.razor.rz.scp.css */
.content_page[b-ym4yiptvpk] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/BolsaTrabajoPostulacionPage/BolsaTrabajoPostulacionInicioPage.razor.rz.scp.css */
.content_page[b-p5z2jefblq] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}

.content_table[b-p5z2jefblq] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-p5z2jefblq] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-p5z2jefblq] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_3[b-p5z2jefblq] {
    width: 70%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
}

.col_grid[b-p5z2jefblq] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: .2vw solid #FA7C06;
    padding: 1vw;
    border-radius: 2vw;
    z-index: 1;
    box-shadow: .4vw .4vw .8vw #16161693;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #fff;
}

/*.col_grid:after {
        position: absolute;
        content: " ";
        width: 110%;
        height: 110%;
        top: -5%;
        left: -5%;
        background-color: #007C5E;
        border-radius: 2vw;
        z-index: 2;
        transform: scale(0);
        transition: all .3s ease-in-out;
    }

    .col_grid:hover:after {
        top: -5%;
        left: -5%;
        transform: scale(1);
    }*/

.icono_menu[b-p5z2jefblq] {
    position: relative;
    width: 50%;
    margin: 1vw auto;
    z-index: 3;
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 20px solid #FA7C06;
    border-radius: 90%;
    width: 15vw;
    height: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.col_grid i[b-p5z2jefblq] {
    position: relative;
    font-size: 8vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #514d49;
    z-index: 3;
}

.col_grid span[b-p5z2jefblq] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #514d49;
    z-index: 3;
}

/*.col_grid:hover span {
    color: #fff;
}*/
/* /Pages/BolsaTrabajoPostulacionPage/EditarBolsaTrabajoPage.razor.rz.scp.css */
.content_page[b-83wfugka5o] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/BolsaTrabajoPostulacionPage/HistoricoBolsaTrabajoPage.razor.rz.scp.css */
.content_page[b-tf37yj5o5z] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/BolsaTrabajoPostulacionPage/NuevaBolsaTrabajoPage.razor.rz.scp.css */
.content_page[b-dm8q5bztfy] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/BolsaTrabajoPostulacionPage/PostulacionInicioPage.razor.rz.scp.css */
.content_page[b-y0hqpq0hx1] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/CitasVeterinarioPage/CitasVeterinarioPage.razor.rz.scp.css */
.content_page[b-e273fd0kub] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ContactoMunicipioPage/ContactoMunicipioInicio.razor.rz.scp.css */
.content_page[b-br2m1eujqi] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ContactoMunicipioPage/NewContactoMunicipio.razor.rz.scp.css */
.content_page[b-nrpy2kfsvs] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ContactoMunicipioPage/UpdateContactoMunicipio.razor.rz.scp.css */
.content_page[b-sqj1w2zyut] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ConvenioPage/ConvenioCompletoPage.razor.rz.scp.css */
.content_page[b-am3lkh1m3a] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-am3lkh1m3a] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-am3lkh1m3a] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-am3lkh1m3a] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/ConvenioPage/EditarConvenioPage.razor.rz.scp.css */
.content_page[b-dft5al389d] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ConvenioPage/NewConvenioPage.razor.rz.scp.css */
.content_page[b-rtao5m26wu] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ConvenioPage/TablaConveniosPage.razor.rz.scp.css */
.content_page[b-wa76wjkvnn] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/CuentasUsuariosPage/TablaCuentasUsuariosPage.razor.rz.scp.css */
.content_page[b-314gvoax7c] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/DashboardPage/Dashboard.razor.rz.scp.css */
.content_page[b-89ssxddcoa] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/DirectorioPage/EditDirectorioPage.razor.rz.scp.css */
.content_page[b-3gu1jtp4v3] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/DirectorioPage/NuevoDirectorioPage.razor.rz.scp.css */
.content_page[b-znejuppe6u] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/DirectorioPage/ViewDirectorioInicioPage.razor.rz.scp.css */
.content_page[b-3sm957t11f] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/Index.razor.rz.scp.css */
header[b-0gfmglink3] {
    position: absolute;
    display: flex;
    width: 100%;
    height: 12vh;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #fff;
    padding: 1vh 2vw;
    z-index: 100;
}

.nav__items[b-0gfmglink3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.nav__items-logo[b-0gfmglink3] {
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}

    .nav__items-logo img[b-0gfmglink3] {
        width: auto;
        height: 10vh;
    }


.nav__items-list[b-0gfmglink3] {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    justify-content: space-around;
    align-items: center;
}

.nav__items-list a[b-0gfmglink3] {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    width: 18%;
    font-size: 1.5rem;
    margin: 0;
    background-color: #b4b4b436;
    text-align: center;
    border-radius: .5rem;
}

    .nav__items-list a:hover[b-0gfmglink3], .nav__items-list a:active[b-0gfmglink3] {
        color: #08B38B;
    }

.nav__items i[b-0gfmglink3] {
    display: none;
}

.content__layut[b-0gfmglink3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.content__video[b-0gfmglink3] {
    width: 100%;
    height: 100vh;
    padding: 15vh 2vw 2vw;
    position: relative;
    top: 0;
    left: 0;
    background-color: #000;
    overflow: hidden;
}

.video__main[b-0gfmglink3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.forma__1[b-0gfmglink3] {
    position: absolute;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.forma__2[b-0gfmglink3] {
    position: absolute;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}

.content__mask[b-0gfmglink3] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #08B38B1c;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .content__mask span[b-0gfmglink3] {
        font-size: 4rem;
        font-weight: 900;
        color: #fff;
        text-align: center;
    }

    section[b-0gfmglink3] {
        background-color: #f9fffe;
        margin: 0;
        padding: 5vh 2vw;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.content__flex[b-0gfmglink3] {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.content__nosotros[b-0gfmglink3] {
    width: 45%;
    padding: 0 5vw;
}

.title_section[b-0gfmglink3] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #007C5E;
    text-align: center;
    margin-bottom: 3rem;
}

.anim[b-0gfmglink3] {
    width: 100%;
    transform: scale(1.5);
    display: block;
}

.anim1[b-0gfmglink3] {
    width: 100%;
    display: block;
}
.anim2[b-0gfmglink3] {
    display: none;
}

 h3[b-0gfmglink3] {
    color: #6b6b6b;
    text-align: center;
}

.content__nosotros p[b-0gfmglink3] {
    text-align: center;
    font-size: 1.2rem;
    margin: 2rem 0 0;
}

.pocition_central[b-0gfmglink3] {
    width: 80%;
}

.card__modulo[b-0gfmglink3] {
    width: 23%;
    min-width: 200px;
    background-color: #fff;
    position: relative;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1rem auto;
    box-shadow: 2px 2px 4px #353535aa;
    overflow: hidden;
}

.card__modulo i[b-0gfmglink3] {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #08B38B;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}

    .card__modulo:nth-child(2n+1) i[b-0gfmglink3]{
        background-color: #007C5E;
    }

    .card__modulo span[b-0gfmglink3] {
        font-size: .8rem;
        font-weight: bold;
        color: #6b6b6b;
    }

.content__hover[b-0gfmglink3] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    top: 110%;
    left: 0;
    transition: all .5s ease-in-out;
    z-index: 2;
}

.content__hover span[b-0gfmglink3] {
    color: #007C5E;
    font-size: .8rem;
    font-weight: 700;
    width: 90%;
}

.card__modulo:nth-child(2n+1) .content__hover span[b-0gfmglink3] {
    color: #08B38B;
}

.card__modulo:hover .content__hover[b-0gfmglink3] {
    top: 0;
}

.content__turismo-imagenes[b-0gfmglink3] {
    width: 100%;
    max-width: 100%;
    height: 80vh;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    row-gap: 1rem;
}

.img__turismo[b-0gfmglink3] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 10%;
    width: 15%;
    min-height: 100%;
    color: #fff;
    transition: all .5s ease-in-out;
}

    .img__turismo:hover[b-0gfmglink3] {
        width: 100%;
        filter: grayscale(0);
    }

    .img__turismo[b-0gfmglink3]:before {
        content: " ";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #007C5E91;
        position: absolute;
        z-index: 1;
        transition: all .2s ease-in-out;
        transform: scale(0);
        opacity: 0;
    }

    .img__turismo:hover[b-0gfmglink3]:before {
        transform: scale(1);
        opacity: 1;
    }

.turismo-1[b-0gfmglink3] {
    background: url('Imagenes/Index/turismo-1.jpg') no-repeat center;
    background-size: cover;
}
.turismo-2[b-0gfmglink3] {
    background: url('Imagenes/Index/img12.jpg') no-repeat center;
    background-size: cover;
}
.turismo-3[b-0gfmglink3] {
    background: url('Imagenes/Index/img14.jpeg') no-repeat center;
    background-size: cover;
}
.turismo-4[b-0gfmglink3] {
    background: url('Imagenes/Index/turismo-4.jpeg') no-repeat center;
    background-size: cover;
}
.turismo-5[b-0gfmglink3] {
    background: url('Imagenes/Index/img6.jpg') no-repeat center;
    background-size: cover;
}
.turismo-6[b-0gfmglink3] {
    background: url('Imagenes/Index/img13.jpg') no-repeat center;
    background-size: cover;
}

.img__turismo span[b-0gfmglink3] {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 2;
    transition: all .5s ease-in-out;
}

.img__turismo:hover span[b-0gfmglink3] {
    opacity: 1;
}

.section_paralax[b-0gfmglink3] {
    height: 80vh;
    min-height: auto;
    background: url('Imagenes/Index/fondo-1.jpeg') no-repeat center;
    background-attachment: fixed;
    background-size: contain;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.background_1[b-0gfmglink3] {
    background: url('Imagenes/Index/slaider_1.png') no-repeat center;
    background-size: cover;
}
.background_2[b-0gfmglink3] {
    background: url('Imagenes/Index/slaider_2.png') no-repeat center;
    background-size: cover;
}
    .section_paralax[b-0gfmglink3]:before {
        /*content: " ";*/
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #08B38B74;
        z-index: 1;
    }

.section_paralax span[b-0gfmglink3] {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    z-index: 2;
    text-shadow: 4px 4px 6px #0d0d0db6;
}

.section_contacto[b-0gfmglink3] {
    background-color: #007C5E;
    min-height: 50vh;
    position: relative;
}

.content__flex-contacto[b-0gfmglink3] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}

.col__flex[b-0gfmglink3] {
    width: 45%;
}

.col__flex[b-0gfmglink3], .col__grid[b-0gfmglink3] {
    display: flex;
    flex-direction: column;
}

.section_contacto .title_section[b-0gfmglink3] {
    color: #fff;
}

.grid__2[b-0gfmglink3] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.input_form[b-0gfmglink3] {
    width: 90%;
    margin: 1rem auto;
    text-align: center;
    border-radius: .3rem;
    outline: none;
    font-size: 1.2rem;
    padding: .5rem;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-0gfmglink3] {
        border-bottom: .2rem solid #08B38B;
    }

.button_sumit[b-0gfmglink3] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5rem auto;
    color: #fff;
    background-color: #08B38B;
    border: none;
    outline: none;
    border-radius: .5rem;
    padding: .5rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-0gfmglink3] {
        position: relative;
        z-index: 2;
    }

.btn__map[b-0gfmglink3] {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    text-decoration: none;
    justify-content: center;
    align-items: center;
}

.btn__map img[b-0gfmglink3] {
    width: 60%;
}

    .btn__map .title_section[b-0gfmglink3] {
        margin-bottom: 0;
        margin-top: 3rem;
    }

.content__btns__soscial-media[b-0gfmglink3] {
    position: absolute;
    bottom: 0;
    right: 17%;
    transform: translateY(50%);
    width: 12%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.content__btn-sm[b-0gfmglink3] {
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.5rem;
    box-shadow: 5px 5px 10px #333333a6;
}

    .content__btn-sm i[b-0gfmglink3] {
        width: 2.5rem;
        height: 2.5rem;
        background-color: #08B38B;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        box-shadow: 2px 2px 4px #333333a6;
    }

.footer[b-0gfmglink3] {
    min-height: auto;
    background-color: #2e2a2a;
    align-items: center;
}

.content__footer[b-0gfmglink3] {
    color: #949494;
    text-align: center;
}


.content__footer p[b-0gfmglink3] {
    margin: 0;
}

    .content__footer a[b-0gfmglink3] {
        color: #949494;
    }


.fijo[b-0gfmglink3] {
    position: fixed;
    background-color: #007C5E;
    animation: 1s caida-b-0gfmglink3 forwards;
}

@keyframes caida-b-0gfmglink3 {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.btn__whatsapp[b-0gfmglink3] {
    position: fixed;
    right: 2%;
    bottom: 5%;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background-color: #25d366;
    color: #fff;
    font-size: 2.5rem;
    box-shadow: 5px 5px 10px #353535aa;
}

@media screen and (max-width: 678px){
    header[b-0gfmglink3] {
        width: 100%;
        height: 12vh;
        padding: 2vh 2vw;
    }

    .nav__items[b-0gfmglink3] {
        justify-content: space-around;
    }

        .nav__items-logo img[b-0gfmglink3] {
            height: 8vh;
        }


    .nav__items-list[b-0gfmglink3] {
        position: absolute;
        top: 100%;
        left: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
    }

        .nav__items-list a[b-0gfmglink3] {
            width: 60%;
            margin: auto;
        }

    .nav__items i[b-0gfmglink3] {
        display: block;
        font-size: 2rem;
        color: #fff;
    }

    .content__video[b-0gfmglink3] {
        width: 100%;
        height: 40vh;
        padding: 13vh 2vw 2vw;
    }

    .video__main[b-0gfmglink3] {
        width: 100%;
        height: auto;
    }

    .forma__1[b-0gfmglink3] {
        width: 65vw;
        height: 20vw;
        bottom: 9vw;
        right: -34vw;
    }

    .forma__2[b-0gfmglink3] {
        width: 120vw;
        height: 20vw;
        bottom: 20vw;
        right: -67vw;
    }

    section[b-0gfmglink3] {
        padding: 5vh 2vw;
        min-height: auto;
    }

    .content__flex[b-0gfmglink3] {
        flex-direction: column;
    }

    .content__nosotros[b-0gfmglink3] {
        width: 100%;
        padding: 0 5vw;
    }

    .title_section[b-0gfmglink3] {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }

    .anim[b-0gfmglink3] {
        transform: scale(1.5);
        margin-bottom: 3rem;
    }

    .anim1[b-0gfmglink3] {
        display: none;
    }

    .anim2[b-0gfmglink3] {
        width: 100%;
       display: block;
    }

    .pocition_central[b-0gfmglink3] {
        width: 100%;
    }

    .card__modulo[b-0gfmglink3] {
        width: 80%;
    }

        .card__modulo span[b-0gfmglink3] {
            font-size: 1rem;
        }

    .content__turismo-imagenes[b-0gfmglink3] {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 65rem;
        flex-direction: column;
        row-gap: 1rem;
    }

    .img__turismo[b-0gfmglink3] {
        min-width: 100%;
        width: 100%;
        min-height: auto;
        height: 10rem;
    }

        .img__turismo:hover[b-0gfmglink3] {
            width: 100%;
            height: 18rem;
            min-height: 100%;
            filter: grayscale(0);
        }

    .img__turismo span[b-0gfmglink3] {
        font-size: 1.5rem;
    }

    .section_paralax[b-0gfmglink3] {
        height: 40vh;
    }

        .section_paralax span[b-0gfmglink3] {
            font-size: 2.5rem;
        }

    .content__flex-contacto[b-0gfmglink3] {
        flex-direction: column;
    }

    .col__flex[b-0gfmglink3] {
        width: 100%;
    }

    .grid__2[b-0gfmglink3] {
        grid-template-columns: repeat(1, 1fr);
    }

    .button_sumit[b-0gfmglink3] {
        font-size: 1.5rem;
    }

        .btn__map img[b-0gfmglink3] {
            width: 80%;
        }

    .content__btns__soscial-media[b-0gfmglink3] {
        left: 25%;
        width: 50%;
        justify-content: space-around
    }

        .content__footer p[b-0gfmglink3] {
            margin: 0;
            font-size: 1.2rem;
        }


    .fijo[b-0gfmglink3] {
        position: fixed;
        background-color: #007C5E;
        animation: 1s caida-b-0gfmglink3 forwards;
    }

        .fijo .nav__items-list[b-0gfmglink3] {
            background-color: #007C5E;
        }

    .nav__items-list[b-0gfmglink3] {
        padding: 1rem 0;
        top: -300%;
        transition: all .2s ease-in-out;
        z-index: 0;
    }

    ._open[b-0gfmglink3] {
        top: 90%;
    }

    .btn__whatsapp[b-0gfmglink3] {
        right: 2%;
        bottom: 17%;
    }
}

@media screen and (max-width: 768px){
    header[b-0gfmglink3] {
        width: 100%;
        height: 12vh;
        padding: 2vh 2vw;
    }

    .nav__items[b-0gfmglink3] {
        justify-content: space-around;
    }

    .nav__items-logo img[b-0gfmglink3] {
        height: 8vh;
    }


    .nav__items-list[b-0gfmglink3] {
        position: absolute;
        top: 100%;
        left: 0;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
    }

        .nav__items-list a[b-0gfmglink3] {
            width: 60%;
            margin: auto;
        }

    .nav__items i[b-0gfmglink3] {
        display: block;
        font-size: 2rem;
        color: #fff;
    }

    .content__video[b-0gfmglink3] {
        width: 100%;
        height: 40vh;
        padding: 13vh 2vw 2vw;
    }

    .video__main[b-0gfmglink3] {
        width: 100%;
        height: auto;
    }

    .forma__1[b-0gfmglink3] {
        width: 65vw;
        height: 20vw;
        bottom: 9vw;
        right: -34vw;
    }

    .forma__2[b-0gfmglink3] {
        width: 120vw;
        height: 20vw;
        bottom: 20vw;
        right: -67vw;
    }

    section[b-0gfmglink3] {
        padding: 5vh 2vw;
        min-height: auto;
    }

    .content__flex[b-0gfmglink3] {
        flex-direction: column;
    }

    .content__nosotros[b-0gfmglink3] {
        width: 100%;
        padding: 0 5vw;
    }

    .title_section[b-0gfmglink3] {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .anim[b-0gfmglink3] {
        transform: scale(1);
        margin-bottom: 3rem;
    }

    .anim1[b-0gfmglink3] {
        display: none;
    }

    .anim2[b-0gfmglink3] {
        width: 100%;
        display: block;
    }

    .content__nosotros h3[b-0gfmglink3] {
        text-align: center;
    }

    .pocition_central[b-0gfmglink3] {
        width: 100%;
        flex-direction: row;
    }

    .card__modulo[b-0gfmglink3] {
        width: 30%;
    }

        .card__modulo span[b-0gfmglink3] {
            font-size: 1rem;
        }

    .content__turismo-imagenes[b-0gfmglink3] {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 65rem;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .img__turismo[b-0gfmglink3] {
        min-width: auto;
        width: 45%;
        min-height: auto;
        height: 10rem;
    }

        .img__turismo:hover[b-0gfmglink3] {
            width: 100%;
            height: 18rem;
            min-height: 100%;
            filter: grayscale(0);
        }

        .img__turismo span[b-0gfmglink3] {
            font-size: 1.5rem;
        }

    .section_paralax[b-0gfmglink3] {
        height: 40vh;
    }

        .section_paralax span[b-0gfmglink3] {
            font-size: 2.5rem;
        }

    .content__flex-contacto[b-0gfmglink3] {
        flex-direction: column;
    }

    .col__flex[b-0gfmglink3] {
        width: 80%;
    }

    .grid__2[b-0gfmglink3] {
        grid-template-columns: repeat(1, 1fr);
    }

    .button_sumit[b-0gfmglink3] {
        font-size: 1.5rem;
    }

    .btn__map img[b-0gfmglink3] {
        width: 80%;
    }

    .content__btns__soscial-media[b-0gfmglink3] {
        left: 25%;
        width: 50%;
        justify-content: space-around
    }

    .content__footer p[b-0gfmglink3] {
        margin: 0;
        font-size: 1.2rem;
    }


    .fijo[b-0gfmglink3] {
        position: fixed;
        background-color: #007C5E;
        animation: 1s caida-b-0gfmglink3 forwards;
    }

        .fijo .nav__items-list[b-0gfmglink3] {
            background-color: #007C5E;
        }

    .nav__items-list[b-0gfmglink3] {
        padding: 1rem 0;
        top: -300%;
        transition: all .2s ease-in-out;
        z-index: 0;
    }

    ._open[b-0gfmglink3] {
        top: 90%;
    }

    .btn__whatsapp[b-0gfmglink3] {
        right: 2%;
        bottom: 17%;
    }
}
/* /Pages/MultimediaAppPage/MultimediaAppInicio.razor.rz.scp.css */
.content_page[b-z4xj7a1m4x] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/MultimediaAppPage/NewMultimediaApp.razor.rz.scp.css */
.content_page[b-glrjclaxx9] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/NoticiasPage/EditarNoticia.razor.rz.scp.css */
.content_page[b-6m8ujq9k6b] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/NoticiasPage/NewNoticia.razor.rz.scp.css */
.content_page[b-0sr3mzejxl] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/NoticiasPage/NoticiasInicio.razor.rz.scp.css */
.content_page[b-c26z3guxnn] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/NoticiasPublicPage/ListNoticias.razor.rz.scp.css */
.content_page[b-ecp9uircuu] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-ecp9uircuu] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-ecp9uircuu] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-ecp9uircuu] {
    position: fixed;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/NoticiasPublicPage/NoticiaCompleta.razor.rz.scp.css */
.content_page[b-2f90w6xarw] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-2f90w6xarw] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-2f90w6xarw] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-2f90w6xarw] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/PagoMovilPage/PagoServicioInicio.razor.rz.scp.css */
.content_page[b-1q91dfnh25] {
    width: 100%;
    height: calc(100vh - 56px);
    display: flex;
}

.fondo_1[b-1q91dfnh25] {
    position: fixed;
    background-color: #08B38B;
    width: 50vh;
    height: 20vh;
    bottom: 0;
    right: -30vh;
    transform: rotateZ(-55deg);
    z-index: 2;
    box-shadow: -1rem -1rem 2rem #6b6b6b92;
}

.fondo_2[b-1q91dfnh25] {
    position: fixed;
    background-color: #08B38B;
    width: 50vh;
    height: 20vh;
    bottom: -10vh;
    left: -25vh;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -1rem -1rem 2rem #6b6b6b92;
}

.fondo_3[b-1q91dfnh25] {
    position: fixed;
    background-color: #007C5E;
    width: 100vh;
    height: 10vh;
    bottom: 51vh;
    right: -55vh;
    transform: rotateZ(85deg);
    z-index: 1;
    box-shadow: 1rem 1rem 2rem #6b6b6b92;
}
/* /Pages/PagoMovilPage/ValidacionPagoMPMovil.razor.rz.scp.css */
.content_page[b-144qsq263t] {
    width: 100%;
    height: calc(100vh - 56px);
    display: flex;
}

.fondo_1[b-144qsq263t] {
    position: fixed;
    background-color: #08B38B;
    width: 50vh;
    height: 20vh;
    bottom: 0;
    right: -30vh;
    transform: rotateZ(-55deg);
    z-index: 2;
    box-shadow: -1rem -1rem 2rem #6b6b6b92;
}

.fondo_2[b-144qsq263t] {
    position: fixed;
    background-color: #08B38B;
    width: 50vh;
    height: 20vh;
    bottom: -10vh;
    left: -25vh;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -1rem -1rem 2rem #6b6b6b92;
}

.fondo_3[b-144qsq263t] {
    position: fixed;
    background-color: #007C5E;
    width: 100vh;
    height: 10vh;
    bottom: 51vh;
    right: -55vh;
    transform: rotateZ(85deg);
    z-index: 1;
    box-shadow: 1rem 1rem 2rem #6b6b6b92;
}
/* /Pages/PagosPage/PagosInicio.razor.rz.scp.css */
.content_page[b-ep3zaxg22o] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/PredioPage/DescuentosPrediosPage.razor.rz.scp.css */
.content_page[b-vlbps4lduf] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/PredioPage/HistoricoPredioPage.razor.rz.scp.css */
.content_page[b-xn8vn2cvj8] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/PredioPage/NuevoDescuentoPage.razor.rz.scp.css */
.content_page[b-fcyryxphlj] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/PredioPage/PredioInicio.razor.rz.scp.css */
.content_page[b-z0453eker9] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/PredioPage/PredioMenuPage.razor.rz.scp.css */
.content_page[b-xra34fy7o4] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}

.content_table[b-xra34fy7o4] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-xra34fy7o4] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-xra34fy7o4] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_3[b-xra34fy7o4] {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-xra34fy7o4] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: .2vw solid #08B38B;
    padding: 1vw;
    border-radius: 2vw;
    z-index: 1;
    box-shadow: .4vw .4vw .8vw #16161693;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #fff;
}

/*.col_grid:after {
        position: absolute;
        content: " ";
        width: 110%;
        height: 110%;
        top: -5%;
        left: -5%;
        background-color: #007C5E;
        border-radius: 2vw;
        z-index: 2;
        transform: scale(0);
        transition: all .3s ease-in-out;
    }

    .col_grid:hover:after {
        top: -5%;
        left: -5%;
        transform: scale(1);
    }*/

.icono_menu[b-xra34fy7o4] {
    position: relative;
    width: 50%;
    margin: 1vw auto;
    z-index: 3;
}

.col_grid span[b-xra34fy7o4] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #007C5E;
    z-index: 3;
}

/*.col_grid:hover span {
    color: #fff;
}*/
/* /Pages/ReporteCiudadanoPage/ReporteCiudadanoInicio.razor.rz.scp.css */
.content_page[b-vfv8wd9scd] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ResetLoginPage/ResetIntentosLogin.razor.rz.scp.css */
.content_page[b-ezdottssca] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-ezdottssca] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-ezdottssca] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-ezdottssca] {
    position: fixed;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/RestaurarPasswordPage/EnvioCorreo.razor.rz.scp.css */
.content_page[b-nr5w5crz0o] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-nr5w5crz0o] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-nr5w5crz0o] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-nr5w5crz0o] {
    position: fixed;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/RestaurarPasswordPage/RestaurarPassword.razor.rz.scp.css */
.content_page[b-wt3fex4c77] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-wt3fex4c77] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-wt3fex4c77] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-wt3fex4c77] {
    position: fixed;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/RfcPages/ActualizarRfcPages.razor.rz.scp.css */
.content_page[b-rrky8rtiwt] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RfcPages/NewRfc.razor.rz.scp.css */
.content_page[b-32wy3a25wm] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RfcPages/TablaRfcPages.razor.rz.scp.css */
.content_page[b-i32uwr7yvn] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RutaRecoleccionPage/EditRuraRecoleccionPage.razor.rz.scp.css */
.content_page[b-d8fdqxjpjo] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RutaRecoleccionPage/NuevaCuentaChofer.razor.rz.scp.css */
.content_page[b-munfdw3cen] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RutaRecoleccionPage/NuevaRutaRecoleccionPage.razor.rz.scp.css */
.content_page[b-lbnkjgnso3] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/RutaRecoleccionPage/RutaRecoleccionInicioPage.razor.rz.scp.css */
.content_page[b-3dsjp40hda] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/CitasPage.razor.rz.scp.css */
.content_page[b-9mn3d57imj] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/MedioContactoInicio.razor.rz.scp.css */
.content_page[b-vmjnibdiv5] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/NewMedioContacto.razor.rz.scp.css */
.content_page[b-x2yi709sv2] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/NewNormatibidad.razor.rz.scp.css */
.content_page[b-ukyf9bjlcw] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/NewPatrulla.razor.rz.scp.css */
.content_page[b-pli9ynsje9] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/NormatibidadInicio.razor.rz.scp.css */
.content_page[b-3wzuv2ido5] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/Patrullanicio.razor.rz.scp.css */
.content_page[b-h8mrkfn18v] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/SeguridadPublicaPage/SeguridadPublicaInicio.razor.rz.scp.css */
.content_page[b-3d6i7yg2hz] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}

.content_table[b-3d6i7yg2hz] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-3d6i7yg2hz] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-3d6i7yg2hz] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_3[b-3d6i7yg2hz] {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-3d6i7yg2hz] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: .2vw solid #08B38B;
    padding: 1vw;
    border-radius: 2vw;
    z-index: 1;
    box-shadow: .4vw .4vw .8vw #16161693;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #fff;
}

    /*.col_grid:after {
        position: absolute;
        content: " ";
        width: 110%;
        height: 110%;
        top: -5%;
        left: -5%;
        background-color: #007C5E;
        border-radius: 2vw;
        z-index: 2;
        transform: scale(0);
        transition: all .3s ease-in-out;
    }

    .col_grid:hover:after {
        top: -5%;
        left: -5%;
        transform: scale(1);
    }*/

.icono_menu[b-3d6i7yg2hz] {
    position: relative;
    width: 50%;
    margin: 1vw auto;
    z-index: 3;
}

.col_grid span[b-3d6i7yg2hz] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #007C5E;
    z-index: 3;
}

/*.col_grid:hover span {
    color: #fff;
}*/
/* /Pages/TramitesServiciosPage/DependenciaInicioPage.razor.rz.scp.css */
.content_page[b-529hier9mu] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/EditarTramitePage.razor.rz.scp.css */
.content_page[b-s5mm3p5tjb] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/EditDependenciaPage.razor.rz.scp.css */
.content_page[b-3zefg667su] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/EditSecretariaPage.razor.rz.scp.css */
.content_page[b-wklcxa8jw6] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/NuevaDependenciaPage.razor.rz.scp.css */
.content_page[b-lu3b0l6x6o] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/NuevaSecretariaPage.razor.rz.scp.css */
.content_page[b-z1see8s0xk] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/NuevoTramitePage.razor.rz.scp.css */
.content_page[b-q5jw897s66] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/SecretariaInicioPage.razor.rz.scp.css */
.content_page[b-3ezuninc6e] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/TramiteIniciopage.razor.rz.scp.css */
.content_page[b-2sf0tdvprp] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TramitesServiciosPage/TramitesServiciosInicioPage.razor.rz.scp.css */
.content_page[b-vv6z69dl91] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}

.content_table[b-vv6z69dl91] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-vv6z69dl91] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-vv6z69dl91] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_3[b-vv6z69dl91] {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vw;
}

.col_grid[b-vv6z69dl91] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: .2vw solid #FA7C06;
    padding: 1vw;
    border-radius: 2vw;
    z-index: 1;
    box-shadow: .4vw .4vw .8vw #16161693;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #fff;
}

/*.col_grid:after {
        position: absolute;
        content: " ";
        width: 110%;
        height: 110%;
        top: -5%;
        left: -5%;
        background-color: #514d49;
        border-radius: 2vw;
        z-index: 2;
        transform: scale(0);
        transition: all .3s ease-in-out;
    }

    .col_grid:hover:after {
        top: -5%;
        left: -5%;
        transform: scale(1);
    }*/

.icono_menu[b-vv6z69dl91] {
    position: relative;
    width: 50%;
    margin: 1vw auto;
    z-index: 3;
    width: 3vw;
    margin: auto;
    /*color: #6E1D3A;*/
    background-color: white;
    border: 20px solid #FA7C06;
    border-radius: 90%;
    width: 15vw;
    height: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.col_grid i[b-vv6z69dl91] {
    position: relative;
    font-size: 8vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #514d49;
    z-index: 3;
}

.col_grid span[b-vv6z69dl91] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #514d49;
    z-index: 3;
}

/*.col_grid:hover span {
    color: #fff;
}*/
/* /Pages/TurismoPage/EditarLugarTuristico.razor.rz.scp.css */
.content_page[b-uctsr6l1vy] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TurismoPage/NuevoLugarTuristico.razor.rz.scp.css */
.content_page[b-mo6p58xok4] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/TurismoPage/TurismoInicio.razor.rz.scp.css */
.content_page[b-dckic2tkfq] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/UsuariosPage/CredencialUsuarioPage.razor.rz.scp.css */
.content_page[b-hbur39gv1j] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-hbur39gv1j] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-hbur39gv1j] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-hbur39gv1j] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Pages/UsuariosPage/TablaUsuaruisPage.razor.rz.scp.css */
.content_page[b-w0mdfq5jmb] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/ValidacionCorreoPage/ValidacionCorreo.razor.rz.scp.css */
.content_page[b-pdor1hacg7] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-pdor1hacg7] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-pdor1hacg7] {
    position: fixed;
    background-color: #08B38B;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-pdor1hacg7] {
    position: fixed;
    background-color: #007C5E;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}
/* /Shared/BarMenu/BarMenu.razor.rz.scp.css */
.ver_estilo[b-fq8chla71g] {
    color:#00b1ff;
    font-size: 0.9vw;
}

.bar_menu[b-fq8chla71g] {
    width: 20vw;
    min-height: 90vh;
    padding: 0;
    margin: 0;
    transition: all .3s ease-in-out;
    border-right: .1vw solid #808080;
    background-color: #fff;
}

.content_top_menu[b-fq8chla71g] {
    width: 100%;
    padding: 1vw;
    background-color: #514D49;
    color: #fff;
    display: flex;
}

.btn_menu_top[b-fq8chla71g], .btn_menu[b-fq8chla71g] {
    position: relative;
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    padding: .5vw;
    margin: auto;
}

.btn_menu_top span[b-fq8chla71g] {
    font-size: 2vw;
    font-weight: 600;
    text-align: center;
    margin: auto;
    color: #fff;
}

    .btn_menu_top i[b-fq8chla71g] {
        font-size: 2vw;
        text-align: center;
        margin: auto 0;
        margin-left: 1vw;
        color: #fff;
    }

.content_options[b-fq8chla71g], .conten_municipio[b-fq8chla71g] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1vw;
}

.btn_menu span[b-fq8chla71g] {
    position: relative;
    margin: auto 0;
    margin-right: auto;
    text-align:start;
    transition: all .4s ease-in-out;
    z-index: 2;
}

.icono_menu[b-fq8chla71g] {
    position: relative;
    font-size: 1.5vw;
    margin: auto 0;
    margin-right: 1vw;
    z-index: 2;
    color: #505050;
    background-color: white;
    border: 5px solid #FA7C06;
    border-radius: 90%;
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn_menu[b-fq8chla71g]:after {
    display: block;
    position: absolute;
    width: calc(100% + 2vw);
    height: 100%;
    background-color: #514D49;
    top: 0;
    right: calc(100% + 2vw);
    content: "";
    transition: all .3s ease-in-out;
    z-index: 1;
}

.btn_menu:hover span[b-fq8chla71g] {
    color: #FFF;
}

.btn_menu:hover[b-fq8chla71g]:after {
    right: -1vw;
}

.close[b-fq8chla71g] {
    width: 7vw;
}

    .close .content_top_menu .btn_menu_top span[b-fq8chla71g], .close .content_options .btn_menu span[b-fq8chla71g] {
        position: absolute;
        color: #2c2c2c;
        background-color: #fff;
        left: 130%;
        border-radius: 1vw;
        padding: .5vw 1vw;
        font-size: 1vw;
        box-shadow: .2vw .2vw .4vw #9393937e;
        pointer-events: none;
        opacity: 0;
        transform: scale(.5);
        transition: all .2s ease-in-out;
        z-index: 100;
    }

    .close .content_top_menu .btn_menu_top:hover span[b-fq8chla71g], .close .content_options .btn_menu:hover span[b-fq8chla71g] {
        opacity: 1;
        transform: scale(1);
    }

    .close .content_options .btn_menu .icono_menu[b-fq8chla71g] {
        margin: auto;
    }

.action_municipio[b-fq8chla71g] {
    width: 80%;
    margin: auto;
    text-decoration: none;
}

.img_municipio[b-fq8chla71g] {
    width: 80%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-suwld6f70e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-suwld6f70e] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

    .sidebar[b-suwld6f70e] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-suwld6f70e], article[b-suwld6f70e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Modals/ModalCropper.razor.rz.scp.css */
.content_modal[b-ln1slvbcww] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #2222229c;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 1000;
    padding: 0;
}

._relative[b-ln1slvbcww] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.content_close[b-ln1slvbcww] {
    position: absolute;
    display: flex;
    top: 5%;
    right: 0%;
    width: 10vw;
}

.popper_close[b-ln1slvbcww] {
    background-color: #fff;
    padding: .5vw;
    font-size: 1vw;
    text-align: center;
    border-radius: 1vw;
    margin: auto 1vw;
    opacity: 0;
    transform: scale(.5);
    transition: all .3s ease-in-out;
}

.close[b-ln1slvbcww] {
    font-size: 1.2vw;
    margin: auto 0;
    color: #b4b4b4;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

    .close:hover[b-ln1slvbcww] {
        color: #fff;
    }

        .close:hover ~ .popper_close[b-ln1slvbcww] {
            opacity: 1;
            transform: scale(1);
        }

.card_modal[b-ln1slvbcww] {
    width: 70%;
    margin: auto;
    background-color: #fff;
    border-radius: 2vw;
    padding: 1vw 0;
    display: flex;
    flex-direction: column;
}

.content_title[b-ln1slvbcww] {
    width: 80%;
    margin: 0 auto;
    border-bottom: .2vw solid #2222229c;
    text-align: center;
}

.title[b-ln1slvbcww] {
    font-size: 2.5vw;
    font-weight: 600;
    margin: 0;
}

.content_body[b-ln1slvbcww], .buttons[b-ln1slvbcww] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 1vw;
}

.buttons[b-ln1slvbcww] {
    width: 80%;
}

.box_preview[b-ln1slvbcww] {
    width: 100%;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.margin_auto[b-ln1slvbcww] {
    margin: 0 auto;
}

.btn_save[b-ln1slvbcww] {
    background-color: rgb(81 200 233);
    border: none;
    border-radius: 1vw;
    font-size: 1.5vw;
    color: #fff;
    outline: none;
    margin: 0 auto;
    margin-top: 1vw;
}

.file_oculto[b-ln1slvbcww] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.txt_plano[b-ln1slvbcww] {
    margin: 0;
}

.loading[b-ln1slvbcww] {
    margin: auto;
    animation: loading-b-ln1slvbcww 1.5s infinite;
}

@keyframes loading-b-ln1slvbcww {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.button_sumit[b-ln1slvbcww] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #08B38B;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-ln1slvbcww] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-ln1slvbcww]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #007C5E;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-ln1slvbcww]:after {
        bottom: 0;
    }
.loader[b-ln1slvbcww] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-ln1slvbcww 1s infinite;
}

@keyframes loading-b-ln1slvbcww {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Shared/Modals/ModalCropperCompleto.razor.rz.scp.css */
.content_modal[b-9bx7qlr7s5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #2222229c;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 1000;
    padding: 0;
}

._relative[b-9bx7qlr7s5] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.content_close[b-9bx7qlr7s5] {
    position: absolute;
    display: flex;
    top: 5%;
    right: 0%;
    width: 10vw;
}

.popper_close[b-9bx7qlr7s5] {
    background-color: #fff;
    padding: .5vw;
    font-size: 1vw;
    text-align: center;
    border-radius: 1vw;
    margin: auto 1vw;
    opacity: 0;
    transform: scale(.5);
    transition: all .3s ease-in-out;
}

.close[b-9bx7qlr7s5] {
    font-size: 1.2vw;
    margin: auto 0;
    color: #b4b4b4;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

    .close:hover[b-9bx7qlr7s5] {
        color: #fff;
    }

        .close:hover ~ .popper_close[b-9bx7qlr7s5] {
            opacity: 1;
            transform: scale(1);
        }

.card_modal[b-9bx7qlr7s5] {
    width: 70%;
    margin: auto;
    background-color: #fff;
    border-radius: 2vw;
    padding: 1vw 0;
    display: flex;
    flex-direction: column;
}

.content_title[b-9bx7qlr7s5] {
    width: 80%;
    margin: 0 auto;
    border-bottom: .2vw solid #2222229c;
    text-align: center;
}

.title[b-9bx7qlr7s5] {
    font-size: 2.5vw;
    font-weight: 600;
    margin: 0;
}

.content_body[b-9bx7qlr7s5], .buttons[b-9bx7qlr7s5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 1vw;
}

.buttons[b-9bx7qlr7s5] {
    width: 80%;
}

.box_preview[b-9bx7qlr7s5] {
    width: 100%;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex; /* Activamos flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
}

    .box_preview img[b-9bx7qlr7s5] {
        max-width: 100%; /* Ajusta al ancho del contenedor */
        max-height: 100%; /* Ajusta al alto máximo de la caja */
        height: auto; /* Mantiene proporción */
    }

.margin_auto[b-9bx7qlr7s5] {
    margin: 0 auto;
}

.btn_save[b-9bx7qlr7s5] {
    background-color: rgb(81 200 233);
    border: none;
    border-radius: 1vw;
    font-size: 1.5vw;
    color: #fff;
    outline: none;
    margin: 0 auto;
    margin-top: 1vw;
}

.file_oculto[b-9bx7qlr7s5] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.txt_plano[b-9bx7qlr7s5] {
    margin: 0;
}

.loading[b-9bx7qlr7s5] {
    margin: auto;
    animation: loading-b-9bx7qlr7s5 1.5s infinite;
}

@keyframes loading-b-9bx7qlr7s5 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.button_sumit[b-9bx7qlr7s5] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #08B38B;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-9bx7qlr7s5] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-9bx7qlr7s5]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #007C5E;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-9bx7qlr7s5]:after {
        bottom: 0;
    }

.loader[b-9bx7qlr7s5] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-9bx7qlr7s5 1s infinite;
}

@keyframes loading-b-9bx7qlr7s5 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Shared/Modals/ModalCropperPdf.razor.rz.scp.css */
.content_modal[b-lpqou2hpak] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #2222229c;
    backdrop-filter: blur(1vw);
    display: flex;
    flex-direction: column;
    z-index: 1000;
    padding: 0;
}

._relative[b-lpqou2hpak] {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.content_close[b-lpqou2hpak] {
    position: absolute;
    display: flex;
    top: 5%;
    right: 0%;
    width: 10vw;
}

.popper_close[b-lpqou2hpak] {
    background-color: #fff;
    padding: .5vw;
    font-size: 1vw;
    text-align: center;
    border-radius: 1vw;
    margin: auto 1vw;
    opacity: 0;
    transform: scale(.5);
    transition: all .3s ease-in-out;
}

.close[b-lpqou2hpak] {
    font-size: 1.2vw;
    margin: auto 0;
    color: #b4b4b4;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

    .close:hover[b-lpqou2hpak] {
        color: #fff;
    }

        .close:hover ~ .popper_close[b-lpqou2hpak] {
            opacity: 1;
            transform: scale(1);
        }

.card_modal[b-lpqou2hpak] {
    width: 70%;
    margin: auto;
    background-color: #fff;
    border-radius: 2vw;
    padding: 1vw 0;
    display: flex;
    flex-direction: column;
}

.content_title[b-lpqou2hpak] {
    width: 80%;
    margin: 0 auto;
    border-bottom: .2vw solid #2222229c;
    text-align: center;
}

.title[b-lpqou2hpak] {
    font-size: 2.5vw;
    font-weight: 600;
    margin: 0;
}

.content_body[b-lpqou2hpak], .buttons[b-lpqou2hpak] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 1vw;
}

.buttons[b-lpqou2hpak] {
    width: 80%;
}

.box_preview[b-lpqou2hpak] {
    width: 100%;
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex; /* Activamos flexbox */
    justify-content: center; /* Centra horizontalmente */
    align-items: center;
}

    .box_preview img[b-lpqou2hpak] {
        max-width: 100%; /* Ajusta al ancho del contenedor */
        max-height: 100%; /* Ajusta al alto máximo de la caja */
        height: auto; /* Mantiene proporción */
    }

.margin_auto[b-lpqou2hpak] {
    margin: 0 auto;
}

.btn_save[b-lpqou2hpak] {
    background-color: rgb(81 200 233);
    border: none;
    border-radius: 1vw;
    font-size: 1.5vw;
    color: #fff;
    outline: none;
    margin: 0 auto;
    margin-top: 1vw;
}

.file_oculto[b-lpqou2hpak] {
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.txt_plano[b-lpqou2hpak] {
    margin: 0;
}

.loading[b-lpqou2hpak] {
    margin: auto;
    animation: loading-b-lpqou2hpak 1.5s infinite;
}

@keyframes loading-b-lpqou2hpak {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.button_sumit[b-lpqou2hpak] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: .5vw auto;
    color: #fff;
    background-color: #08B38B;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-lpqou2hpak] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-lpqou2hpak]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #007C5E;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-lpqou2hpak]:after {
        bottom: 0;
    }

.loader[b-lpqou2hpak] {
    width: 1.5vw;
    height: 1.5vw;
    border-top: .2vw solid transparent;
    border-bottom: .2vw solid transparent;
    border-right: .2vw solid #fff;
    border-left: .2vw solid #fff;
    border-radius: 50%;
    animation: loading-b-lpqou2hpak 1s infinite;
}

@keyframes loading-b-lpqou2hpak {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* /Shared/NavBar/NavBar.razor.rz.scp.css */
.nav_bar[b-1tyti659yr] {
    width: 100%;
    height: 10vh;
    padding: 1vh 1vw;
    display: flex;
    /* flex-basis: auto; */
    position: fixed;
    top: 0;
    left: 0;
    background-color: #F4953C;
    z-index: 101;
}

.content_user[b-1tyti659yr] {
    display: flex;
    margin: 0;
    margin-right: auto;
    height: 8vh;
    width: auto;
}

.img_logo[b-1tyti659yr] {
    width: auto;
    height: 8vh;
    margin: 0;
    cursor: pointer;
}

.text_name[b-1tyti659yr] {
    font-size: 3vw;
    font-weight: 600;
    color: #fff;
    margin: auto 0;
    margin-left: 2vw;
}
.text_rol[b-1tyti659yr] {
    font-size: 1vw;
    font-weight: 600;
    color: #fff;
    margin: auto 0;
    margin-left: 2vw;
}

.content_buttons[b-1tyti659yr] {
    margin: 0;
    margin-left: auto;
    height: 7vh;
    width: auto;
    display: flex;
}

.btn_container[b-1tyti659yr] {
    position: relative;
    display: flex;
    border-radius: .5vw;
    padding: 1vw;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.icon_btn[b-1tyti659yr] {
    color: #fff;
    font-size: 1.5vw;
    margin: auto;
}

.text_btn[b-1tyti659yr] {
    position: absolute;
    font-size: .8vw;
    margin: auto;
    padding: 1vh 1vw;
    background-color: #fff;
    border-radius: 1vw;
    top: 30%;
    right: 95%;
    pointer-events: none;
    opacity: 0;
    transform: translateY(2vw);
    transition: all .2s ease-in-out;
}

.btn_container:hover[b-1tyti659yr] {
    background-color: #e8e8e84a;
}

    .btn_container:hover .text_btn[b-1tyti659yr] {
        opacity: 1;
        transform: translateY(0);
    }
/*-------------------------------submenu--------------------------------------------*/
.content_submenu[b-1tyti659yr] {
    background-color: #F4953C;
    width: 17rem;
    height: 15rem;
    padding: 1rem;
    overflow: hidden;
    position: fixed;
    top: 3.7rem;
    right: 6rem;
    z-index: 1100;
    animation: parecersubmenu-b-1tyti659yr .8s forwards;
    box-shadow: 0.3rem 0.3rem 1rem #2e2e2eaa
}

@keyframes parecersubmenu-b-1tyti659yr {
    0% {
        height: 0;
        opacity: 0;
    }

    75% {
        height: 15rem;
        opacity: 1;
    }

    100% {
        height: 15rem;
    }
}

.no_view[b-1tyti659yr] {
    display: none;
}

.content_submenu ul[b-1tyti659yr] {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

    .content_submenu ul li[b-1tyti659yr] {
        padding: 0rem 1.5rem;
        transition: all .2s ease-in-out;
    }

.content_submenu li a[b-1tyti659yr] {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #F4953C;
    background: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 1.2vw;
    font-weight: bold; /* Texto más grueso */
    font-family: 'Times New Roman', sans-serif; /* Tipo de letra más fuerte */
    /*text-decoration: none;
    justify-content: center;
    align-items: center;*/
    /*font-size: 1.2vw;*/
    transition: all .2s ease-in-out;
}

.icon[b-1tyti659yr] {
    width: 40px;
    height: 40px;
    background-color: #514D49;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

    .icon i[b-1tyti659yr] {
        font-size: 1.5rem;
        color: white;
    }

li:hover a[b-1tyti659yr] {
    background-color: #514D49;
    color: white;
}

.config-text[b-1tyti659yr] {
    color: white;
}

    .config-text i[b-1tyti659yr] {
        color: white;
        margin-right: 8px;
    }
/* /Shared/PageNoFound/PageNoFound.razor.rz.scp.css */
.content_page[b-0hlj0aodz2] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.fondo_1[b-0hlj0aodz2] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: 0;
    right: -29vw;
    transform: rotateZ(-70deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_2[b-0hlj0aodz2] {
    position: fixed;
    background-color: #F4953C;
    width: 50vw;
    height: 20vw;
    bottom: -10vw;
    left: -24vw;
    transform: rotateZ(35deg);
    z-index: 2;
    box-shadow: -.4vw -.4vw 1vw #6b6b6b92;
}

.fondo_3[b-0hlj0aodz2] {
    position: fixed;
    background-color: #FA7C06;
    width: 70vw;
    height: 20vw;
    bottom: 25vw;
    right: -40vw;
    transform: rotateZ(80deg);
    z-index: 1;
    box-shadow: .4vw .4vw 1vw #6b6b6b92;
}

.content_oops[b-0hlj0aodz2] {
    width: 40%;
    margin: auto;
    padding: 0;
    display: flex;
    flex-direction: column
}

.content_title[b-0hlj0aodz2] {
    width: 100%;
    margin: auto;
    text-align: center;
}

.title[b-0hlj0aodz2] {
    color: #2E2E3C;
    font-size: 4vw; 
    font-weight: 900;
    margin: 0;
}

.animmation[b-0hlj0aodz2] {
    width: 70%;
    margin: auto;
}

.content_texto[b-0hlj0aodz2] {
    width: 100%;
    margin: auto;
}

.text_subtitle[b-0hlj0aodz2] {
    text-align: center;
    color: #72727292;
    font-size: 1.5vw;
    font-weight: 600;
    margin: auto;
}

.text_plano[b-0hlj0aodz2] {
    text-align: center;
    color: #72727292;
    font-size: 1.2vw;
    margin: auto;
}