@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* _content/Web.Blazor/Pages/Auth/Login.razor.rz.scp.css */
.main[b-0y917vw1va] {
    min-height: 100vh;
    min-width: 0;
}

html[b-0y917vw1va], body[b-0y917vw1va] {
    background-color: #EFF2EF !important;
}

.img-login[b-0y917vw1va] {
    background-image: url('../img/background-login.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.p-login[b-0y917vw1va] {
    padding: 4em;
}

.body-dash[b-0y917vw1va] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: rgb(var(--bs-tertiary-color-rgb));
}

.dashboard[b-0y917vw1va] {
    margin-top: 1.5em;
}

.bd-placeholder-img[b-0y917vw1va] {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg[b-0y917vw1va] {
        font-size: 3.5rem;
    }
}


.nav-scroller[b-0y917vw1va] {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav[b-0y917vw1va] {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }


@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p[b-0y917vw1va] {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .featurette-heading[b-0y917vw1va] {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading[b-0y917vw1va] {
        margin-top: 7rem;
    }
}


.btn-custom[b-0y917vw1va] {
    padding: 0.375rem 0.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    background-color: #353A40;
    color: white;
}

    .btn-custom:hover[b-0y917vw1va] {
        background-color: #23262A;
        color: white;
    }

/*BOTON ANIMADO*/

.btn-animated[b-0y917vw1va] {
    padding: 0.6rem 0.75rem 0.6rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    border: 1px solid #353A40;
    background-color: transparent;
    color: #353A40;
    text-decoration: none;
    /*    letter-spacing: 2px;*/
    cursor: hand;
    text-align: center;
    border-radius: 0.375rem;
    position: relative;
    overflow: hidden !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10;
}

    .btn-animated:hover[b-0y917vw1va] {
        border: 1px solid #353A40;
        color: white;
    }

    .btn-animated[b-0y917vw1va]::before {
        content: '';
        width: 0%;
        height: 100%;
        display: block;
        background: #353A40;
        position: absolute;
        -ms-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        left: -10%;
        opacity: 1;
        top: 0;
        z-index: -12;
        -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
        -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
        box-shadow: 2px 0px 14px rgba(0,0,0,.6);
    }

    .btn-animated[b-0y917vw1va]::after {
        content: '';
        width: 0%;
        height: 100%;
        display: block;
        background: #198754;
        position: absolute;
        -ms-transform: skewX(-20deg);
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        left: -10%;
        opacity: 0;
        top: 0;
        z-index: -15;
        -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
        -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
        -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
        transition: all .4s cubic-bezier(.2,.95,.57,.99);
        box-shadow: 2px 0px 14px rgba(0,0,0,.6);
    }

    .btn-animated:hover[b-0y917vw1va]::before, .btn-animated:hover[b-0y917vw1va]::before {
        opacity: 1;
        width: 116%;
    }

    .btn-animated:hover[b-0y917vw1va]::after, .btn-animated:hover[b-0y917vw1va]::after {
        opacity: 1;
        width: 120%;
    }


/*TIMELINE*/

/* The actual timeline (the vertical ruler) */
.main-timeline-2[b-0y917vw1va] {
    position: relative;
}

    /* The actual timeline (the vertical ruler) */
    .main-timeline-2[b-0y917vw1va]::after {
        content: "";
        position: absolute;
        width: 3px;
        background-color: #26c6da;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

/* Container around content */
.timeline-2[b-0y917vw1va] {
    position: relative;
    background-color: inherit;
    width: 50%;
}

    /* The circles on the timeline */
    .timeline-2[b-0y917vw1va]::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        right: -11px;
        background-color: #26c6da;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

/* Place the container to the left */
.left-2[b-0y917vw1va] {
    padding: 0px 40px 20px 0px;
    left: 0;
}

/* Place the container to the right */
.right-2[b-0y917vw1va] {
    padding: 0px 0px 20px 40px;
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left-2[b-0y917vw1va]::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right-2[b-0y917vw1va]::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-2[b-0y917vw1va]::after {
    left: -14px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .main-timeline-2[b-0y917vw1va]::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline-2[b-0y917vw1va] {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .timeline-2[b-0y917vw1va]::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .left-2[b-0y917vw1va]::after,
    .right-2[b-0y917vw1va]::after {
        left: 18px;
    }

    .left-2[b-0y917vw1va]::before {
        right: auto;
    }

    /* Make all right containers behave like the left ones */
    .right-2[b-0y917vw1va] {
        left: 0%;
    }
}
/* _content/Web.Blazor/Pages/Client/Components/List.razor.rz.scp.css */
.btn-table[b-jmmwxp540d] {
    background-color: transparent;
    color: #212529;
    border: none;
/*    padding-right: 0.6em;*/
}

.editar:hover[b-jmmwxp540d] {
    color: #E67E22;
    /*    border-bottom: solid 1.8px #f39c12;*/
}

.eliminar:hover[b-jmmwxp540d] {
    color: #e74c3c;

    /*    border-bottom: solid 1.8px #e74c3c;*/
}

.enviar:hover[b-jmmwxp540d] {
    color: #3498db;

    /*    border-bottom: solid 1.8px #3498db;*/
}

.porcentaje:hover[b-jmmwxp540d] {
    color: #24A347;

    /*    border-bottom: solid 1.8px #24A347;*/
}
/* _content/Web.Blazor/Pages/Client/Index.razor.rz.scp.css */
.nav-custom[b-he3xge4vm1] {
    border: none !important;
}

    .nav-custom .nav-item .nav-link[b-he3xge4vm1] {
        color: slategrey !important;
        padding: 0.7em;
    }

    .nav-custom .nav-tabs .nav-item.show .nav-link[b-he3xge4vm1], .nav-tabs .nav-link.active[b-he3xge4vm1] {
        padding: 0.7em;
        color: black !important;
        background-color: transparent !important;
        border-bottom: solid 3px #24A347 !important;
        font-weight: 500 !important;
    }
/* _content/Web.Blazor/Pages/Onboarding/Components/Milestones/MilestoneComponent.razor.rz.scp.css */
.video-container video[b-6kp62qkpu0] 
{
    max-width: 100%; /* Ajusta el ancho máximo al 100% del contenedor */
    height: auto; /* Permite que la altura se ajuste automáticamente según el ancho */
    width: 100%; /* Asegura que el video ocupe todo el ancho del contenedor */
}
/* _content/Web.Blazor/Pages/User/Components/List.razor.rz.scp.css */
.btn-table[b-qxwxhq0qx6] {
    background-color: transparent;
    color: #212529;
    border: none;
/*    padding-right: 0.6em;*/
}

.editar:hover[b-qxwxhq0qx6] {
    color: #E67E22;
    /*    border-bottom: solid 2px #f39c12;*/
}

.eliminar:hover[b-qxwxhq0qx6] {
    color: #e74c3c;
/*    border-bottom: solid 2px #e74c3c;*/
}
.enviar:hover[b-qxwxhq0qx6] {
    color: #3498db;
/*    border-bottom: solid 2px #3498db;*/
}
/* _content/Web.Blazor/Pages/User/Index.razor.rz.scp.css */
.nav-custom[b-yw2ewu9rea] {
    border: none !important;
}

    .nav-custom .nav-item .nav-link[b-yw2ewu9rea] {
        color: slategrey !important;
        padding: 0.7em;
    }

    .nav-custom .nav-tabs .nav-item.show .nav-link[b-yw2ewu9rea], .nav-tabs .nav-link.active[b-yw2ewu9rea] {
        padding: 0.7em;
        color: black !important;
        background-color: transparent !important;
        border-bottom: solid 3px #24A347 !important;
        font-weight: 500 !important;
    }