@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Pages/Admin.cshtml.rz.scp.css */
/*html {
    display: grid;
    min-height: 100%;
}*/

/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/

/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/

h1[b-jy0lnwoycw] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-jy0lnwoycw] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-jy0lnwoycw] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-jy0lnwoycw] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-jy0lnwoycw], .dot[b-jy0lnwoycw] {
    cursor: pointer;
}

#success-box[b-jy0lnwoycw] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-jy0lnwoycw] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-jy0lnwoycw] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

    .dot:hover[b-jy0lnwoycw] {
        background: #ddd; /* Adjust this color as darken is a SCSS function */
    }

.two[b-jy0lnwoycw] {
    right: 12%;
    opacity: .5;
}

.face[b-jy0lnwoycw] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-jy0lnwoycw 1s ease-in infinite;
}

.face2[b-jy0lnwoycw] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-jy0lnwoycw 3s ease-in-out infinite;
}

.eye[b-jy0lnwoycw] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-jy0lnwoycw] {
    left: 68%;
}

.mouth[b-jy0lnwoycw] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-jy0lnwoycw] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-jy0lnwoycw] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-jy0lnwoycw] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-jy0lnwoycw] {
    animation: scale-b-jy0lnwoycw 1s ease-in infinite;
}

.move[b-jy0lnwoycw] {
    animation: move-b-jy0lnwoycw 3s ease-in-out infinite;
}

.message[b-jy0lnwoycw] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-jy0lnwoycw] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom: 20px;
}

    .button-box:hover[b-jy0lnwoycw] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-jy0lnwoycw {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-jy0lnwoycw {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-jy0lnwoycw {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-jy0lnwoycw {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-jy0lnwoycw] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-jy0lnwoycw] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-jy0lnwoycw] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-jy0lnwoycw] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-jy0lnwoycw] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupSuccess.show[b-jy0lnwoycw] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupSuccess.hide[b-jy0lnwoycw] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-jy0lnwoycw] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-jy0lnwoycw] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-jy0lnwoycw] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* /Pages/ContactUS.cshtml.rz.scp.css */
.Slides[b-za0c2spn3v] {
    display: none
}

.agentimg[b-za0c2spn3v] {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container[b-za0c2spn3v] {
    max-width: 1000px;
    position: relative;
    margin: auto;
}
.elementor-icon[b-za0c2spn3v] {
    padding: .5em;
    color: #818a91;
    border: 3px solid #818a91;
    background-color: transparent;
    border-radius: 50%;
    fill: var( --e-global-color-56edfcb );
    color: var( --e-global-color-56edfcb );
    border-color: var( --e-global-color-56edfcb );
    font-size: initial;
    margin-bottom: 2px;
    max-height: 44px;
}
.elem-flex[b-za0c2spn3v]{
    display:flex;
}
.elem-text[b-za0c2spn3v] {
    padding: .5em;
    font-size: initial;
}
/* Next & previous buttons */
.prev[b-za0c2spn3v], .next[b-za0c2spn3v] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next[b-za0c2spn3v] {
    left: 0;
    border-radius: 3px 0 0 3px;
}
.prev[b-za0c2spn3v] {
    right: 0;
}
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover[b-za0c2spn3v], .next:hover[b-za0c2spn3v] {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text[b-za0c2spn3v] {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext[b-za0c2spn3v] {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot[b-za0c2spn3v] {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active[b-za0c2spn3v], .dot:hover[b-za0c2spn3v] {
        background-color: #717171;
    }

/* Fading animation */
.fade2[b-za0c2spn3v] {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade2-b-za0c2spn3v {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev[b-za0c2spn3v], .next[b-za0c2spn3v], .text[b-za0c2spn3v] {
        font-size: 11px
    }
}


/* /Pages/CourseGroupEditor.cshtml.rz.scp.css */
.wrapped-image[b-xd62dsy47g] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-xd62dsy47g] {
    color: violet !important;
}
body[b-xd62dsy47g] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-xd62dsy47g] {
    background-color: darkgray !important;
}

.blog-container[b-xd62dsy47g] {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
   
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-xd62dsy47g] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-xd62dsy47g] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-xd62dsy47g] {
        width: 50rem;
    }
}

.blog-container a[b-xd62dsy47g] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-xd62dsy47g] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-xd62dsy47g] {
    background: url("img/news/yosemite-3.jpg");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-xd62dsy47g] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-xd62dsy47g], .blog-author--no-cover[b-xd62dsy47g] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-xd62dsy47g]::before, .blog-author--no-cover h3[b-xd62dsy47g]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-xd62dsy47g]{
        color:black;
    }
    .blog-author h3[b-xd62dsy47g] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-xd62dsy47g] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-xd62dsy47g] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-xd62dsy47g] {
    height: 100%;
    width: 100%;
}

.blog-title[b-xd62dsy47g] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-xd62dsy47g] {
    color: #4d4d4d;
}

.blog-tags ul[b-xd62dsy47g] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-xd62dsy47g] {
    margin-left: 0.5rem;
}

.blog-tags a[b-xd62dsy47g] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-xd62dsy47g] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-xd62dsy47g] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-xd62dsy47g] {
        margin-right: auto;
    }

    .blog-footer li + li[b-xd62dsy47g] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-xd62dsy47g] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-xd62dsy47g] {
            color: #999;
        }

.comments[b-xd62dsy47g] {
    margin-right: 1rem;
}

.published-date[b-xd62dsy47g] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-xd62dsy47g] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-xd62dsy47g], .icon-bubble[b-xd62dsy47g] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-xd62dsy47g], .icon-bubble:hover[b-xd62dsy47g] {
        fill: #ff4d4d;
    }

table[b-xd62dsy47g] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-xd62dsy47g], table th[b-xd62dsy47g] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-xd62dsy47g] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-xd62dsy47g] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-xd62dsy47g] {
        background-color: #d9f4f2;
    }

    table .total th[b-xd62dsy47g] {
        background-color: white;
    }

    table .total td[b-xd62dsy47g] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-xd62dsy47g] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-xd62dsy47g] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-xd62dsy47g], table tr th:not(:first-child)[b-xd62dsy47g], table tr td:not(.total-val)[b-xd62dsy47g] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-xd62dsy47g] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-xd62dsy47g] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-xd62dsy47g] {
        background-color: white;
    }

    table tr th:first-child[b-xd62dsy47g] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-xd62dsy47g] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-xd62dsy47g] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-xd62dsy47g] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-xd62dsy47g] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-xd62dsy47g] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-xd62dsy47g] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-xd62dsy47g] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/CourseItemEditor.cshtml.rz.scp.css */
.wrapped-image[b-pkiu7si4re] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-pkiu7si4re] {
    color: violet !important;
}
body[b-pkiu7si4re] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-pkiu7si4re] {
    background-color: darkgray !important;
}

.blog-container[b-pkiu7si4re] {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
   
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-pkiu7si4re] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-pkiu7si4re] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-pkiu7si4re] {
        width: 50rem;
    }
}

.blog-container a[b-pkiu7si4re] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-pkiu7si4re] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-pkiu7si4re] {
    background: url("img/news/yosemite-3.jpg");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-pkiu7si4re] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-pkiu7si4re], .blog-author--no-cover[b-pkiu7si4re] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-pkiu7si4re]::before, .blog-author--no-cover h3[b-pkiu7si4re]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-pkiu7si4re]{
        color:black;
    }
    .blog-author h3[b-pkiu7si4re] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-pkiu7si4re] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-pkiu7si4re] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-pkiu7si4re] {
    height: 100%;
    width: 100%;
}

.blog-title[b-pkiu7si4re] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-pkiu7si4re] {
    color: #4d4d4d;
}

.blog-tags ul[b-pkiu7si4re] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-pkiu7si4re] {
    margin-left: 0.5rem;
}

.blog-tags a[b-pkiu7si4re] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-pkiu7si4re] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-pkiu7si4re] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-pkiu7si4re] {
        margin-right: auto;
    }

    .blog-footer li + li[b-pkiu7si4re] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-pkiu7si4re] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-pkiu7si4re] {
            color: #999;
        }

.comments[b-pkiu7si4re] {
    margin-right: 1rem;
}

.published-date[b-pkiu7si4re] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-pkiu7si4re] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-pkiu7si4re], .icon-bubble[b-pkiu7si4re] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-pkiu7si4re], .icon-bubble:hover[b-pkiu7si4re] {
        fill: #ff4d4d;
    }

table[b-pkiu7si4re] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-pkiu7si4re], table th[b-pkiu7si4re] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-pkiu7si4re] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-pkiu7si4re] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-pkiu7si4re] {
        background-color: #d9f4f2;
    }

    table .total th[b-pkiu7si4re] {
        background-color: white;
    }

    table .total td[b-pkiu7si4re] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-pkiu7si4re] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-pkiu7si4re] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-pkiu7si4re], table tr th:not(:first-child)[b-pkiu7si4re], table tr td:not(.total-val)[b-pkiu7si4re] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-pkiu7si4re] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-pkiu7si4re] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-pkiu7si4re] {
        background-color: white;
    }

    table tr th:first-child[b-pkiu7si4re] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-pkiu7si4re] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-pkiu7si4re] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-pkiu7si4re] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-pkiu7si4re] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-pkiu7si4re] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-pkiu7si4re] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-pkiu7si4re] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/CoursesViewer.cshtml.rz.scp.css */
/*start styles*/
.accordion[b-9i2bezg45h] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item[b-9i2bezg45h] {
    border: 1px solid #e5f3fa;
    border-radius: 10px;
    overflow: hidden;
}

.accordion__header[b-9i2bezg45h] {
    padding: 20px 25px;
    padding-right: 50px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

    .accordion__header[b-9i2bezg45h]::after {
        content: '';
        background: url(img/angle-down.svg) no-repeat center;
        width: 20px;
        height: 20px;
        transition: .4s;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    .accordion__header.active[b-9i2bezg45h] {
        background: #2194E0;
    }

        .accordion__header.active[b-9i2bezg45h]::after {
            transform: rotateX(180deg);
        }

.accordion__item .accordion__content[b-9i2bezg45h] {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}
/* /Pages/ExperiencesPage.cshtml.rz.scp.css */
/*html {
    display: grid;
    min-height: 100%;
}*/

/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/

/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/
table[b-ow2kyaz2hj] {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    direction: rtl;
}

th[b-ow2kyaz2hj], td[b-ow2kyaz2hj] {
    border: 1px solid black;
    padding: 10px;
}

th[b-ow2kyaz2hj] {
    background-color: #54479d;
}
h1[b-ow2kyaz2hj] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-ow2kyaz2hj] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-ow2kyaz2hj] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-ow2kyaz2hj] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-ow2kyaz2hj], .dot[b-ow2kyaz2hj] {
    cursor: pointer;
}

#success-box[b-ow2kyaz2hj] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top:5%;
   /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-ow2kyaz2hj] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-ow2kyaz2hj] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

.dot:hover[b-ow2kyaz2hj] {
    background: #ddd; /* Adjust this color as darken is a SCSS function */
 }

.two[b-ow2kyaz2hj] {
    right: 12%;
    opacity: .5;
}

.face[b-ow2kyaz2hj] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-ow2kyaz2hj 1s ease-in infinite;
}

.face2[b-ow2kyaz2hj] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-ow2kyaz2hj 3s ease-in-out infinite;
}

.eye[b-ow2kyaz2hj] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-ow2kyaz2hj] {
    left: 68%;
}

.mouth[b-ow2kyaz2hj] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-ow2kyaz2hj] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-ow2kyaz2hj] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-ow2kyaz2hj] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-ow2kyaz2hj] {
    animation: scale-b-ow2kyaz2hj 1s ease-in infinite;
}

.move[b-ow2kyaz2hj] {
    animation: move-b-ow2kyaz2hj 3s ease-in-out infinite;
}

.message[b-ow2kyaz2hj] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-ow2kyaz2hj] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom:20px;
}

    .button-box:hover[b-ow2kyaz2hj] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-ow2kyaz2hj {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-ow2kyaz2hj {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-ow2kyaz2hj {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-ow2kyaz2hj {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-ow2kyaz2hj] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-ow2kyaz2hj] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-ow2kyaz2hj] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-ow2kyaz2hj] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-ow2kyaz2hj] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}
    .popupSuccess.show[b-ow2kyaz2hj] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }
    .popupSuccess.hide[b-ow2kyaz2hj] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-ow2kyaz2hj] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-ow2kyaz2hj] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-ow2kyaz2hj] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }

/* /Pages/FAQs.cshtml.rz.scp.css */
/* /Pages/InsiderMenuEditor.cshtml.rz.scp.css */
.wrapped-image[b-7hhcvvz7tw] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-7hhcvvz7tw] {
    color: violet !important;
}
body[b-7hhcvvz7tw] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-7hhcvvz7tw] {
    background-color: darkgray !important;
}

.blog-container[b-7hhcvvz7tw] {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
   
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-7hhcvvz7tw] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-7hhcvvz7tw] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-7hhcvvz7tw] {
        width: 50rem;
    }
}

.blog-container a[b-7hhcvvz7tw] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-7hhcvvz7tw] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-7hhcvvz7tw] {
    background: url("img/news/yosemite-3.jpg");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-7hhcvvz7tw] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-7hhcvvz7tw], .blog-author--no-cover[b-7hhcvvz7tw] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-7hhcvvz7tw]::before, .blog-author--no-cover h3[b-7hhcvvz7tw]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-7hhcvvz7tw]{
        color:black;
    }
    .blog-author h3[b-7hhcvvz7tw] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-7hhcvvz7tw] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-7hhcvvz7tw] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-7hhcvvz7tw] {
    height: 100%;
    width: 100%;
}

.blog-title[b-7hhcvvz7tw] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-7hhcvvz7tw] {
    color: #4d4d4d;
}

.blog-tags ul[b-7hhcvvz7tw] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-7hhcvvz7tw] {
    margin-left: 0.5rem;
}

.blog-tags a[b-7hhcvvz7tw] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-7hhcvvz7tw] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-7hhcvvz7tw] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-7hhcvvz7tw] {
        margin-right: auto;
    }

    .blog-footer li + li[b-7hhcvvz7tw] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-7hhcvvz7tw] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-7hhcvvz7tw] {
            color: #999;
        }

.comments[b-7hhcvvz7tw] {
    margin-right: 1rem;
}

.published-date[b-7hhcvvz7tw] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-7hhcvvz7tw] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-7hhcvvz7tw], .icon-bubble[b-7hhcvvz7tw] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-7hhcvvz7tw], .icon-bubble:hover[b-7hhcvvz7tw] {
        fill: #ff4d4d;
    }

table[b-7hhcvvz7tw] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-7hhcvvz7tw], table th[b-7hhcvvz7tw] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-7hhcvvz7tw] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-7hhcvvz7tw] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-7hhcvvz7tw] {
        background-color: #d9f4f2;
    }

    table .total th[b-7hhcvvz7tw] {
        background-color: white;
    }

    table .total td[b-7hhcvvz7tw] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-7hhcvvz7tw] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-7hhcvvz7tw] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-7hhcvvz7tw], table tr th:not(:first-child)[b-7hhcvvz7tw], table tr td:not(.total-val)[b-7hhcvvz7tw] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-7hhcvvz7tw] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-7hhcvvz7tw] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-7hhcvvz7tw] {
        background-color: white;
    }

    table tr th:first-child[b-7hhcvvz7tw] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-7hhcvvz7tw] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-7hhcvvz7tw] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-7hhcvvz7tw] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-7hhcvvz7tw] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-7hhcvvz7tw] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-7hhcvvz7tw] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-7hhcvvz7tw] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/Intercoms.cshtml.rz.scp.css */
.toggleSort[b-5z3y2xp2v4] {
    cursor: pointer;
}

#clearInput[b-5z3y2xp2v4] {
    position: absolute;
    float: right;
    top: 42%;
    right: 66%;
    color: red;
    clear: both;
    cursor: pointer;
}

/* /Pages/JobPostsPage.cshtml.rz.scp.css */
.wrapped-image[b-j1qlnj9aeo] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-j1qlnj9aeo] {
    color: violet !important;
}
body[b-j1qlnj9aeo] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-j1qlnj9aeo] {
    /*background-color: darkgray !important;*/
}

.blog-container[b-j1qlnj9aeo] {
    /*background: #fff;*/
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
    background-color: #fffefe;
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
    padding-top: 7px;
}

.lines[b-j1qlnj9aeo] {
    line-height: 2;
}
.news-Container[b-j1qlnj9aeo] {
    /*background-color: #B196C8 !important;*/
}

@media screen and (min-width: 480px) {
    .blog-container[b-j1qlnj9aeo] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-j1qlnj9aeo] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-j1qlnj9aeo] {
        width: 50rem;
    }
}

.blog-container a[b-j1qlnj9aeo] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-j1qlnj9aeo] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-author[b-j1qlnj9aeo], .blog-author--no-cover[b-j1qlnj9aeo] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-j1qlnj9aeo]::before, .blog-author--no-cover h3[b-j1qlnj9aeo]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-j1qlnj9aeo]{
        color:black;
    }
    .blog-author h3[b-j1qlnj9aeo] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-j1qlnj9aeo] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-j1qlnj9aeo] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-j1qlnj9aeo] {
    height: 100%;
    width: 100%;
}

.blog-title[b-j1qlnj9aeo] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-j1qlnj9aeo] {
    color: #4d4d4d;
}

.blog-tags ul[b-j1qlnj9aeo] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-j1qlnj9aeo] {
    margin-left: 0.5rem;
}

.blog-tags a[b-j1qlnj9aeo] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-j1qlnj9aeo] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-j1qlnj9aeo] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-j1qlnj9aeo] {
        margin-right: auto;
    }

    .blog-footer li + li[b-j1qlnj9aeo] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-j1qlnj9aeo] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-j1qlnj9aeo] {
            color: #999;
        }

.comments[b-j1qlnj9aeo] {
    margin-right: 1rem;
}

.published-date[b-j1qlnj9aeo] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-j1qlnj9aeo] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-j1qlnj9aeo], .icon-bubble[b-j1qlnj9aeo] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-j1qlnj9aeo], .icon-bubble:hover[b-j1qlnj9aeo] {
        fill: #ff4d4d;
    }

table[b-j1qlnj9aeo] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-j1qlnj9aeo], table th[b-j1qlnj9aeo] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-j1qlnj9aeo] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-j1qlnj9aeo] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-j1qlnj9aeo] {
        background-color: #d9f4f2;
    }

    table .total th[b-j1qlnj9aeo] {
        background-color: white;
    }

    table .total td[b-j1qlnj9aeo] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-j1qlnj9aeo] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-j1qlnj9aeo] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-j1qlnj9aeo], table tr th:not(:first-child)[b-j1qlnj9aeo], table tr td:not(.total-val)[b-j1qlnj9aeo] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-j1qlnj9aeo] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-j1qlnj9aeo] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-j1qlnj9aeo] {
        background-color: white;
    }

    table tr th:first-child[b-j1qlnj9aeo] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-j1qlnj9aeo] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-j1qlnj9aeo] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-j1qlnj9aeo] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-j1qlnj9aeo] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-j1qlnj9aeo] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-j1qlnj9aeo] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-j1qlnj9aeo] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/KnowledgeManagementAdmin.cshtml.rz.scp.css */
.treecontainer[b-0zpkrnk69d] {
    margin: 0;
    min-height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    color: white;
    font-size: 180%;
}

ul.tree[b-0zpkrnk69d] {
    font: bold 160%/1 var(--font-mono);
    --dx: 5rem;
}

    ul.tree[b-0zpkrnk69d], ul.tree ul[b-0zpkrnk69d] {
        margin: 0;
        padding: 0;
    }

        ul.tree > li[b-0zpkrnk69d] {
            margin: 0;
        }

        ul.tree li[b-0zpkrnk69d] {
            position: relative;
            display: flex;
            align-items: center;
            margin: .3em var(--dx);
            font-size: 75%;
        }

        ul.tree span[b-0zpkrnk69d] {
            padding: .3em .5em .15em;
            background: var(--color-green);
            border-radius: .4rem;
            text-shadow: 0 0 3px rgba(0,0,0,.4);
            white-space: nowrap;
        }

        ul.tree li li span[b-0zpkrnk69d]::before {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            width: var(--dx);
            height: calc(.15rem + .05em);
            transform: translateY(-50%) skewY(calc(var(--angle, 0) * 1deg)) scaleY(calc(1 / var(--cos-angle, 1)));
            transform-origin: right;
            background: inherit;
            background-image: linear-gradient(to right, var(--parent-color), transparent);
        }

        ul.tree > li li span[b-0zpkrnk69d] { /* Second+ level */
            background: var(--color-magenta);
            --parent-color: var(--color-green);
        }

        ul.tree > li li li span[b-0zpkrnk69d] { /* Third+ level */
            background: var(--color-aqua);
            --parent-color: var(--color-magenta);
        }

/*html {
    display: grid;
    min-height: 100%;
}*/
/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/
/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/
h1[b-0zpkrnk69d] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-0zpkrnk69d] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-0zpkrnk69d] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-0zpkrnk69d] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-0zpkrnk69d], .dot[b-0zpkrnk69d] {
    cursor: pointer;
}

#success-box[b-0zpkrnk69d] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-0zpkrnk69d] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-0zpkrnk69d] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

    .dot:hover[b-0zpkrnk69d] {
        background: #ddd; /* Adjust this color as darken is a SCSS function */
    }

.two[b-0zpkrnk69d] {
    right: 12%;
    opacity: .5;
}

.face[b-0zpkrnk69d] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-0zpkrnk69d 1s ease-in infinite;
}

.face2[b-0zpkrnk69d] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-0zpkrnk69d 3s ease-in-out infinite;
}

.eye[b-0zpkrnk69d] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-0zpkrnk69d] {
    left: 68%;
}

.mouth[b-0zpkrnk69d] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-0zpkrnk69d] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-0zpkrnk69d] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-0zpkrnk69d] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-0zpkrnk69d] {
    animation: scale-b-0zpkrnk69d 1s ease-in infinite;
}

.move[b-0zpkrnk69d] {
    animation: move-b-0zpkrnk69d 3s ease-in-out infinite;
}

.message[b-0zpkrnk69d] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-0zpkrnk69d] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom: 20px;
}

    .button-box:hover[b-0zpkrnk69d] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-0zpkrnk69d {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-0zpkrnk69d {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-0zpkrnk69d {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-0zpkrnk69d {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-0zpkrnk69d] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-0zpkrnk69d] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-0zpkrnk69d] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-0zpkrnk69d] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-0zpkrnk69d] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupSuccess.show[b-0zpkrnk69d] {
        opacity: 1;
        z-index: +1;
        transform: scale(1);
    }

    .popupSuccess.hide[b-0zpkrnk69d] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-0zpkrnk69d] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-0zpkrnk69d] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-0zpkrnk69d] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* /Pages/KnowledgeManagementPage.cshtml.rz.scp.css */
.download-link[b-2d8gow2ohg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #ffeb3b;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(255, 235, 59, 0.6);
    transition: transform 0.2s ease;
}

    .download-link:hover[b-2d8gow2ohg] {
        transform: scale(1.05);
    }

.hand[b-2d8gow2ohg] {
    display: inline-block;
    animation: wave-b-2d8gow2ohg 1.2s infinite ease-in-out;
    
    font-size: 1.5em;
}

@keyframes wave-b-2d8gow2ohg {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/*start styles*/
.accordion[b-2d8gow2ohg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordion__item[b-2d8gow2ohg] {
    border: 1px solid #e5f3fa;
    border-radius: 10px;
    overflow: hidden;
}
a[b-2d8gow2ohg]{
    color: white;
}
.accordion__header[b-2d8gow2ohg] {
    padding: 20px 25px;
    padding-right: 50px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

    .accordion__header[b-2d8gow2ohg]::after {
        content: '';
        background: url(img/angle-down.svg) no-repeat center;
        width: 20px;
        height: 20px;
        transition: .4s;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    .accordion__header.active[b-2d8gow2ohg] {
        background: #2194E0;
    }

        .accordion__header.active[b-2d8gow2ohg]::after {
            transform: rotateX(180deg);
        }

.accordion__item .accordion__content[b-2d8gow2ohg] {
    padding: 0 25px;
    max-height: 0;
    transition: .5s;
    overflow: hidden;
}




/*END OF Fileeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

.treecontainer[b-2d8gow2ohg] {
    margin: 0;
    min-height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    color: white;
    font-size: 180%;
}

ul.tree[b-2d8gow2ohg] {
    font: bold 160%/1 var(--font-mono);
    --dx: 5rem;
}

    ul.tree[b-2d8gow2ohg], ul.tree ul[b-2d8gow2ohg] {
        margin: 0;
        padding: 0;
    }

        ul.tree > li[b-2d8gow2ohg] {
            margin: 0;
        }

        ul.tree li[b-2d8gow2ohg] {
            position: relative;
            display: flex;
            align-items: center;
            margin: .3em var(--dx);
            font-size: 75%;
        }

        ul.tree span[b-2d8gow2ohg] {
            padding: .3em .5em .15em;
            background: var(--color-green);
            border-radius: .4rem;
            text-shadow: 0 0 3px rgba(0,0,0,.4);
            white-space: nowrap;
        }

        ul.tree li li span[b-2d8gow2ohg]::before {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            width: var(--dx);
            height: calc(.15rem + .05em);
            transform: translateY(-50%) skewY(calc(var(--angle, 0) * 1deg)) scaleY(calc(1 / var(--cos-angle, 1)));
            transform-origin: right;
            background: inherit;
            background-image: linear-gradient(to right, var(--parent-color), transparent);
        }

        ul.tree > li li span[b-2d8gow2ohg] { /* Second+ level */
            background: var(--color-magenta);
            --parent-color: var(--color-green);
        }

        ul.tree > li li li span[b-2d8gow2ohg] { /* Third+ level */
            background: var(--color-aqua);
            --parent-color: var(--color-magenta);
        }

/*html {
    display: grid;
    min-height: 100%;
}*/
/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/
/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/
h1[b-2d8gow2ohg] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-2d8gow2ohg] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-2d8gow2ohg] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-2d8gow2ohg] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-2d8gow2ohg], .dot[b-2d8gow2ohg] {
    cursor: pointer;
}

#success-box[b-2d8gow2ohg] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-2d8gow2ohg] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-2d8gow2ohg] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

    .dot:hover[b-2d8gow2ohg] {
        background: #ddd; /* Adjust this color as darken is a SCSS function */
    }

.two[b-2d8gow2ohg] {
    right: 12%;
    opacity: .5;
}

.face[b-2d8gow2ohg] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-2d8gow2ohg 1s ease-in infinite;
}

.face2[b-2d8gow2ohg] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-2d8gow2ohg 3s ease-in-out infinite;
}

.eye[b-2d8gow2ohg] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-2d8gow2ohg] {
    left: 68%;
}

.mouth[b-2d8gow2ohg] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-2d8gow2ohg] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-2d8gow2ohg] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-2d8gow2ohg] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-2d8gow2ohg] {
    animation: scale-b-2d8gow2ohg 1s ease-in infinite;
}

.move[b-2d8gow2ohg] {
    animation: move-b-2d8gow2ohg 3s ease-in-out infinite;
}

.message[b-2d8gow2ohg] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-2d8gow2ohg] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom: 20px;
}

    .button-box:hover[b-2d8gow2ohg] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-2d8gow2ohg {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-2d8gow2ohg {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-2d8gow2ohg {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-2d8gow2ohg {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-2d8gow2ohg] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-2d8gow2ohg] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-2d8gow2ohg] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-2d8gow2ohg] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-2d8gow2ohg] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupSuccess.show[b-2d8gow2ohg] {
        opacity: 1;
        z-index: +1;
        transform: scale(1);
    }

    .popupSuccess.hide[b-2d8gow2ohg] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-2d8gow2ohg] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-2d8gow2ohg] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-2d8gow2ohg] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }


/* /Pages/KnowledgeManagementView.cshtml.rz.scp.css */
/* /Pages/Main.cshtml.rz.scp.css */
.container[b-dxkqmxj7c9] {
    margin: 2rem auto;
}

.gallery[b-dxkqmxj7c9] {
    display: grid;
    max-width: 100%;
    margin: 0 auto;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: minmax(150px, auto);
}

.gallery-item[b-dxkqmxj7c9] {
    max-width: 100%;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    transition: all .3s;
}
.gallery-item:hover[b-dxkqmxj7c9]
{
    box-shadow: 0 10px 20px rgba(0,0,0,0.8);
}

img[b-dxkqmxj7c9] {
    width: 100%;
    object-fit: cover;
}
/* /Pages/MentorsMonthResultEditorPage.cshtml.rz.scp.css */
.text-purple[b-ybmfyzvamd] {
    color: #4b3fbf;
}

/* Oculta la línea de tabs predeterminada */
.nav-tabs[b-ybmfyzvamd] {
    border-bottom: none;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    /* Estilo individual de cada tab como una card */
    .nav-tabs .nav-link[b-ybmfyzvamd] {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 10px;
        padding: 15px 20px;
        color: #4b3fbf;
        transition: all 0.3s ease-in-out;
        height: 100px;
        width: 130px;
    }

        /* Efecto hover para que parezca una card con elevación */
        .nav-tabs .nav-link:hover[b-ybmfyzvamd] {
            background: #f8f9fa;
        }

        /* Card activa */
        .nav-tabs .nav-link.active[b-ybmfyzvamd] {
            background: #4b3fbf;
            color: #fff;
            border-color: #4b3fbf;
            box-shadow: 1px 1px 5px rgba(0, 123, 255, 0.3);
            transform: scale(1.1);
        }

/* Contenido de los tabs como una card */
.tab-content[b-ybmfyzvamd] {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

@media (max-width: 776px) {
    .tab-content > .tab-pane[b-ybmfyzvamd] {
        display: block;
        opacity: 1;
    }
}

@media (min-width: 992px) {

    /* Mantiene el borde superior en tabs inactivos */
    .tab-pane.accordion-item[b-ybmfyzvamd] {
        border: 1px solid #dee2e6;
        border-radius: 10px;
        background: #fff;
    }

        /* Asegura que el borde superior sea visible siempre */
        .tab-pane.accordion-item:not(.show)[b-ybmfyzvamd] {
            border-top: 1px solid #dee2e6;
        }
}


/* Acordeon */

.accordion-button:not(.collapsed)[b-ybmfyzvamd] {
    color: #fff;
    background-color: #4b3fbf;
}

.accordion-button[b-ybmfyzvamd] {
    background-color: #f8f9fa;
    color: black;
}

    /* Mantiene la flecha original de Bootstrap pero cambia su color */
    .accordion-button[b-ybmfyzvamd]::after {
        filter: brightness(0);
        /* Flecha negra por defecto */
    }

    /* Flecha blanca cuando el acordeón está activo */
    .accordion-button:not(.collapsed)[b-ybmfyzvamd]::after {
        filter: brightness(0) invert(1);
        /* Invierte el color de negro a blanco */
    }

    .accordion-button:focus[b-ybmfyzvamd] {
        box-shadow: none !important;
    }


.toggleSort[b-ybmfyzvamd] {
    cursor: pointer;
}

#clearInput[b-ybmfyzvamd] {
    position: absolute;
    float: right;
    top: 42%;
    right: 66%;
    color: red;
    clear: both;
    cursor: pointer;
}
/* /Pages/MentorsPage.cshtml.rz.scp.css */
.text-purple[b-sa50ic78y2] {
    color: #4b3fbf;
}

/* Oculta la línea de tabs predeterminada */
.nav-tabs[b-sa50ic78y2] {
    border-bottom: none;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    /* Estilo individual de cada tab como una card */
    .nav-tabs .nav-link[b-sa50ic78y2] {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 10px;
        padding: 15px 20px;
        color: #4b3fbf;
        transition: all 0.3s ease-in-out;
        height: 100px;
        width: 130px;
    }

        /* Efecto hover para que parezca una card con elevación */
        .nav-tabs .nav-link:hover[b-sa50ic78y2] {
            background: #f8f9fa;
        }

        /* Card activa */
        .nav-tabs .nav-link.active[b-sa50ic78y2] {
            background: #4b3fbf;
            color: #fff;
            border-color: #4b3fbf;
            box-shadow: 1px 1px 5px rgba(0, 123, 255, 0.3);
            transform: scale(1.1);
        }

/* Contenido de los tabs como una card */
.tab-content[b-sa50ic78y2] {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

@media (max-width: 776px) {
    .tab-content > .tab-pane[b-sa50ic78y2] {
        display: block;
        opacity: 1;
    }
}

@media (min-width: 992px) {

    /* Mantiene el borde superior en tabs inactivos */
    .tab-pane.accordion-item[b-sa50ic78y2] {
        border: 1px solid #dee2e6;
        border-radius: 10px;
        background: #fff;
    }

        /* Asegura que el borde superior sea visible siempre */
        .tab-pane.accordion-item:not(.show)[b-sa50ic78y2] {
            border-top: 1px solid #dee2e6;
        }
}


/* Acordeon */

.accordion-button:not(.collapsed)[b-sa50ic78y2] {
    color: #fff;
    background-color: #4b3fbf;
}

.accordion-button[b-sa50ic78y2] {
    background-color: #f8f9fa;
    color: black;
}

    /* Mantiene la flecha original de Bootstrap pero cambia su color */
    .accordion-button[b-sa50ic78y2]::after {
        filter: brightness(0);
        /* Flecha negra por defecto */
    }

    /* Flecha blanca cuando el acordeón está activo */
    .accordion-button:not(.collapsed)[b-sa50ic78y2]::after {
        filter: brightness(0) invert(1);
        /* Invierte el color de negro a blanco */
    }

    .accordion-button:focus[b-sa50ic78y2] {
        box-shadow: none !important;
    }



table[b-sa50ic78y2] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
}

    table td[b-sa50ic78y2], table th[b-sa50ic78y2] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-sa50ic78y2] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-sa50ic78y2] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-sa50ic78y2] {
        background-color: #d9f4f2;
    }

    table .total th[b-sa50ic78y2] {
        background-color: white;
    }

    table .total td[b-sa50ic78y2] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-sa50ic78y2] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-sa50ic78y2] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-sa50ic78y2], table tr th:not(:first-child)[b-sa50ic78y2], table tr td:not(.total-val)[b-sa50ic78y2] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-sa50ic78y2] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-sa50ic78y2] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-sa50ic78y2] {
        background-color: white;
    }

    table tr th:first-child[b-sa50ic78y2] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-sa50ic78y2] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-sa50ic78y2] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-sa50ic78y2] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-sa50ic78y2] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-sa50ic78y2] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-sa50ic78y2] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-sa50ic78y2] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/NewMentorsPage.cshtml.rz.scp.css */
.text-purple[b-cpb8y5b3cq] {
    color: #4b3fbf;
}

/* Oculta la línea de tabs predeterminada */
.nav-tabs[b-cpb8y5b3cq] {
    border-bottom: none;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    /* Estilo individual de cada tab como una card */
    .nav-tabs .nav-link[b-cpb8y5b3cq] {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 10px;
        padding: 15px 20px;
        color: #4b3fbf;
        transition: all 0.3s ease-in-out;
        height: 100px;
        width: 130px;
    }

        /* Efecto hover para que parezca una card con elevación */
        .nav-tabs .nav-link:hover[b-cpb8y5b3cq] {
            background: #f8f9fa;
        }

        /* Card activa */
        .nav-tabs .nav-link.active[b-cpb8y5b3cq] {
            background: #4b3fbf;
            color: #fff;
            border-color: #4b3fbf;
            box-shadow: 1px 1px 5px rgba(0, 123, 255, 0.3);
            transform: scale(1.1);
        }

/* Contenido de los tabs como una card */
.tab-content[b-cpb8y5b3cq] {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

@media (max-width: 776px) {
    .tab-content > .tab-pane[b-cpb8y5b3cq] {
        display: block;
        opacity: 1;
    }
}

@media (min-width: 992px) {

    /* Mantiene el borde superior en tabs inactivos */
    .tab-pane.accordion-item[b-cpb8y5b3cq] {
        border: 1px solid #dee2e6;
        border-radius: 10px;
        background: #fff;
    }

        /* Asegura que el borde superior sea visible siempre */
        .tab-pane.accordion-item:not(.show)[b-cpb8y5b3cq] {
            border-top: 1px solid #dee2e6;
        }
}





.toggleSort[b-cpb8y5b3cq] {
    cursor: pointer;
}

#clearInput[b-cpb8y5b3cq] {
    position: absolute;
    float: right;
    top: 42%;
    right: 66%;
    color: red;
    clear: both;
    cursor: pointer;
}
a[b-cpb8y5b3cq]{
    color:yellow;
}
/* /Pages/News2.cshtml.rz.scp.css */
.wrapped-image[b-l5rs6xuny9] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-l5rs6xuny9] {
    color: violet !important;
}
body[b-l5rs6xuny9] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-l5rs6xuny9] {
    /*background-color: darkgray !important;*/
}

.blog-container[b-l5rs6xuny9] {
    /*background: #fff;*/
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
    background-color: #fffefe;
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

.news-Container[b-l5rs6xuny9] {
    /*background-color: #B196C8 !important;*/
}

@media screen and (min-width: 480px) {
    .blog-container[b-l5rs6xuny9] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-l5rs6xuny9] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-l5rs6xuny9] {
        width: 50rem;
    }
}

.blog-container a[b-l5rs6xuny9] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-l5rs6xuny9] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-l5rs6xuny9] {
    background: url("img/news/yaasheader.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-l5rs6xuny9] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-l5rs6xuny9], .blog-author--no-cover[b-l5rs6xuny9] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-l5rs6xuny9]::before, .blog-author--no-cover h3[b-l5rs6xuny9]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-l5rs6xuny9]{
        color:black;
    }
    .blog-author h3[b-l5rs6xuny9] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-l5rs6xuny9] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-l5rs6xuny9] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-l5rs6xuny9] {
    height: 100%;
    width: 100%;
}

.blog-title[b-l5rs6xuny9] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-l5rs6xuny9] {
    color: #4d4d4d;
}

.blog-tags ul[b-l5rs6xuny9] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-l5rs6xuny9] {
    margin-left: 0.5rem;
}

.blog-tags a[b-l5rs6xuny9] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-l5rs6xuny9] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-l5rs6xuny9] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-l5rs6xuny9] {
        margin-right: auto;
    }

    .blog-footer li + li[b-l5rs6xuny9] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-l5rs6xuny9] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-l5rs6xuny9] {
            color: #999;
        }

.comments[b-l5rs6xuny9] {
    margin-right: 1rem;
}

.published-date[b-l5rs6xuny9] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-l5rs6xuny9] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-l5rs6xuny9], .icon-bubble[b-l5rs6xuny9] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-l5rs6xuny9], .icon-bubble:hover[b-l5rs6xuny9] {
        fill: #ff4d4d;
    }

table[b-l5rs6xuny9] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-l5rs6xuny9], table th[b-l5rs6xuny9] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-l5rs6xuny9] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-l5rs6xuny9] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-l5rs6xuny9] {
        background-color: #d9f4f2;
    }

    table .total th[b-l5rs6xuny9] {
        background-color: white;
    }

    table .total td[b-l5rs6xuny9] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-l5rs6xuny9] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-l5rs6xuny9] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-l5rs6xuny9], table tr th:not(:first-child)[b-l5rs6xuny9], table tr td:not(.total-val)[b-l5rs6xuny9] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-l5rs6xuny9] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-l5rs6xuny9] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-l5rs6xuny9] {
        background-color: white;
    }

    table tr th:first-child[b-l5rs6xuny9] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-l5rs6xuny9] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-l5rs6xuny9] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-l5rs6xuny9] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-l5rs6xuny9] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-l5rs6xuny9] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-l5rs6xuny9] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-l5rs6xuny9] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/NewsEditor.cshtml.rz.scp.css */
.wrapped-image[b-ssvynngnmd] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-ssvynngnmd] {
    color: violet !important;
}
body[b-ssvynngnmd] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-ssvynngnmd] {
    background-color: darkgray !important;
}

.blog-container[b-ssvynngnmd] {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
   
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-ssvynngnmd] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-ssvynngnmd] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-ssvynngnmd] {
        width: 50rem;
    }
}

.blog-container a[b-ssvynngnmd] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-ssvynngnmd] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-ssvynngnmd] {
    background: url("img/news/yaasheader.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-ssvynngnmd] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-ssvynngnmd], .blog-author--no-cover[b-ssvynngnmd] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-ssvynngnmd]::before, .blog-author--no-cover h3[b-ssvynngnmd]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-ssvynngnmd]{
        color:black;
    }
    .blog-author h3[b-ssvynngnmd] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-ssvynngnmd] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-ssvynngnmd] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-ssvynngnmd] {
    height: 100%;
    width: 100%;
}

.blog-title[b-ssvynngnmd] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-ssvynngnmd] {
    color: #4d4d4d;
}

.blog-tags ul[b-ssvynngnmd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-ssvynngnmd] {
    margin-left: 0.5rem;
}

.blog-tags a[b-ssvynngnmd] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-ssvynngnmd] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-ssvynngnmd] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-ssvynngnmd] {
        margin-right: auto;
    }

    .blog-footer li + li[b-ssvynngnmd] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-ssvynngnmd] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-ssvynngnmd] {
            color: #999;
        }

.comments[b-ssvynngnmd] {
    margin-right: 1rem;
}

.published-date[b-ssvynngnmd] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-ssvynngnmd] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-ssvynngnmd], .icon-bubble[b-ssvynngnmd] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-ssvynngnmd], .icon-bubble:hover[b-ssvynngnmd] {
        fill: #ff4d4d;
    }

table[b-ssvynngnmd] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-ssvynngnmd], table th[b-ssvynngnmd] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-ssvynngnmd] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-ssvynngnmd] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-ssvynngnmd] {
        background-color: #d9f4f2;
    }

    table .total th[b-ssvynngnmd] {
        background-color: white;
    }

    table .total td[b-ssvynngnmd] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-ssvynngnmd] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-ssvynngnmd] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-ssvynngnmd], table tr th:not(:first-child)[b-ssvynngnmd], table tr td:not(.total-val)[b-ssvynngnmd] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-ssvynngnmd] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-ssvynngnmd] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-ssvynngnmd] {
        background-color: white;
    }

    table tr th:first-child[b-ssvynngnmd] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-ssvynngnmd] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-ssvynngnmd] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-ssvynngnmd] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-ssvynngnmd] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-ssvynngnmd] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-ssvynngnmd] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-ssvynngnmd] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/OrgChartEditor.cshtml.rz.scp.css */
.wrapped-image[b-dki8vzqd3d] {
    float: right; /* Or right, depending on where you want the image */
    margin: 10px 0px 0px 15px; /* Adjust the margins as needed */
    width: 250px; /* Adjust the width as needed */
    height:300px;
}
.jet-tabs__control[b-dki8vzqd3d] {
    color: violet !important;
}
body[b-dki8vzqd3d] {
    /*background: #e5ded8;*/
    box-sizing: border-box;
}
.elementor-element-c422273[b-dki8vzqd3d] {
    background-color: darkgray !important;
}

.blog-container[b-dki8vzqd3d] {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
   
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-dki8vzqd3d] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-dki8vzqd3d] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-dki8vzqd3d] {
        width: 50rem;
    }
}

.blog-container a[b-dki8vzqd3d] {
    color: #4d4dff;
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-dki8vzqd3d] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-dki8vzqd3d] {
    background: url("img/news/yosemite-3.jpg");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}
.blog-cover2[b-dki8vzqd3d] {
    background: url("img/news/Gamification-in-Training.png");
    background-size: cover;
    bac border-radius: 5px 5px 0 0;
    height: 16rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-position-y: -113px;
}
/*.blog-cover2 {
    background: url("img/news/game.png");
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
}*/

.blog-author[b-dki8vzqd3d], .blog-author--no-cover[b-dki8vzqd3d] {
    margin: 0 auto;
    padding-top: 0.125rem;
    width: 80%;
}

    .blog-author h3[b-dki8vzqd3d]::before, .blog-author--no-cover h3[b-dki8vzqd3d]::before {
        background: url("/img/logo270.png");
        background-size: cover;
        border-radius: 50%;
        content: " ";
        display: inline-block;
        height: 32px;
        margin-right: 0.5rem;
        position: relative;
        top: 8px;
        width: 45px;
    }
    label[b-dki8vzqd3d]{
        color:black;
    }
    .blog-author h3[b-dki8vzqd3d] {
        color: #fff;
        font-weight: 100;
    }

    .blog-author--no-cover h3[b-dki8vzqd3d] {
        color: #999;
        font-weight: 100;
    }

.blog-body[b-dki8vzqd3d] {
    margin: 0 auto;
    width: 80%;
}

.video-body[b-dki8vzqd3d] {
    height: 100%;
    width: 100%;
}

.blog-title[b-dki8vzqd3d] {
    color: #000;
    font-weight: 100;
}

.blog-summary p[b-dki8vzqd3d] {
    color: #4d4d4d;
}

.blog-tags ul[b-dki8vzqd3d] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-dki8vzqd3d] {
    margin-left: 0.5rem;
}

.blog-tags a[b-dki8vzqd3d] {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    font-size: 0.75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer[b-dki8vzqd3d] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding-bottom: 0.125rem;
    width: 80%;
}

    .blog-footer ul[b-dki8vzqd3d] {
        list-style: none;
        display: flex;
        flex: row wrap;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-dki8vzqd3d] {
        margin-right: auto;
    }

    .blog-footer li + li[b-dki8vzqd3d] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-dki8vzqd3d] {
        color: #999;
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-dki8vzqd3d] {
            color: #999;
        }

.comments[b-dki8vzqd3d] {
    margin-right: 1rem;
}

.published-date[b-dki8vzqd3d] {
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 0.5rem;
}

.numero[b-dki8vzqd3d] {
    position: relative;
    top: -0.5rem;
}

.icon-star[b-dki8vzqd3d], .icon-bubble[b-dki8vzqd3d] {
    fill: #999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-dki8vzqd3d], .icon-bubble:hover[b-dki8vzqd3d] {
        fill: #ff4d4d;
    }

table[b-dki8vzqd3d] {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    overflow: hidden;
    color: black;
   
}

    table td[b-dki8vzqd3d], table th[b-dki8vzqd3d] {
        border-top: 1px solid #ECF0F1;
        padding: 10px;
    }

    table td[b-dki8vzqd3d] {
        border-left: 1px solid #ECF0F1;
        border-right: 1px solid #ECF0F1;
    }

    table th[b-dki8vzqd3d] {
        background-color: #4ECDC4;
    }

    table tr:nth-of-type(even) td[b-dki8vzqd3d] {
        background-color: #d9f4f2;
    }

    table .total th[b-dki8vzqd3d] {
        background-color: white;
    }

    table .total td[b-dki8vzqd3d] {
        text-align: right;
        font-weight: 700;
    }

.mobile-header[b-dki8vzqd3d] {
    display: none;
}

@media only screen and (max-width: 760px) {
    p[b-dki8vzqd3d] {
        display: block;
        font-weight: bold;
    }

    table tr td:not(:first-child)[b-dki8vzqd3d], table tr th:not(:first-child)[b-dki8vzqd3d], table tr td:not(.total-val)[b-dki8vzqd3d] {
        display: none;
    }

    table tr:nth-of-type(even) td:first-child[b-dki8vzqd3d] {
        background-color: #d9f4f2;
    }

    table tr:nth-of-type(odd) td:first-child[b-dki8vzqd3d] {
        background-color: white;
    }

    table tr:nth-of-type(even) td:not(:first-child)[b-dki8vzqd3d] {
        background-color: white;
    }

    table tr th:first-child[b-dki8vzqd3d] {
        width: 100%;
        display: block;
    }

    table tr th:not(:first-child)[b-dki8vzqd3d] {
        width: 38%;
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        position: relative;
        z-index: 0;
    }

    table tr td:not(:first-child)[b-dki8vzqd3d] {
        transition: transform 0.4s ease-out;
        transform: translateY(-9999px);
        width: 60%;
        position: relative;
        z-index: 0;
    }

    table tr td:first-child[b-dki8vzqd3d] {
        display: block;
        cursor: pointer;
    }

    table tr.total th[b-dki8vzqd3d] {
        width: 25%;
        display: inline-block;
    }

    table tr td.total-val[b-dki8vzqd3d] {
        display: inline-block;
        transform: translateY(0);
        width: 75%;
    }
}

@media only screen and (max-width: 300px) {
    table tr th:not(:first-child)[b-dki8vzqd3d] {
        width: 50%;
        font-size: 14px;
    }

    table tr td:not(:first-child)[b-dki8vzqd3d] {
        width: 50%;
        font-size: 14px;
    }
}
/* /Pages/Shared/_Landing.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-id6wbpsb8a] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav[b-id6wbpsb8a] {
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.32);
    height: 45px;
    z-index: 200;
}

.rtl[b-id6wbpsb8a] {
    direction: rtl
}

a[b-id6wbpsb8a] {
    color: #0077cc;
}

.btn-primary[b-id6wbpsb8a] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active[b-id6wbpsb8a], .nav-pills .show > .nav-link[b-id6wbpsb8a] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top[b-id6wbpsb8a] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-id6wbpsb8a] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-id6wbpsb8a] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-id6wbpsb8a] {
    font-size: 1rem;
    line-height: inherit;
}

.footer[b-id6wbpsb8a] {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}
video[b-id6wbpsb8a] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    background: #000;
    background-size: cover;
}

.jumbotron[b-id6wbpsb8a] {
    height: 500px;
    position: relative;
}

    .jumbotron .container[b-id6wbpsb8a] {
        position: relative;
        top: 100px;
    }

    .jumbotron h1[b-id6wbpsb8a] {
        color: #fff !important;
        font-size: 48px;
        font-family: 'Shift', sans-serif;
        font-weight: bold;
    }

    .jumbotron p[b-id6wbpsb8a] {
        font-size: 20px;
        color: #fff;
    }
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-ru5nb6knk4] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-ru5nb6knk4] {
  color: #0077cc;
}
rtl[b-ru5nb6knk4] {
    direction: rtl
}

.btn-primary[b-ru5nb6knk4] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-ru5nb6knk4], .nav-pills .show > .nav-link[b-ru5nb6knk4] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-ru5nb6knk4] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-ru5nb6knk4] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-ru5nb6knk4] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-ru5nb6knk4] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-ru5nb6knk4] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* /Pages/Shared/_NewLayout2.cshtml.rz.scp.css */
.landingvideo[b-th17q3lkqd] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    background: #000;
    background-size: cover;
    overflow:hidden;
}
.video-container[b-th17q3lkqd] {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
@media (max-width: 768px) {
    .landingvideo[b-th17q3lkqd] {
        scale: 3.5;
    }
}
.jumbotron[b-th17q3lkqd] {
    z-index: -1;
    direction:rtl;
    width:100%;
    height:100%;
}

    .jumbotron .container[b-th17q3lkqd] {
        position: relative;
        top: 100px;
    }

    .jumbotron h1[b-th17q3lkqd] {
        color: #fff !important;
        font-size: 48px;
        font-family: 'Shift', sans-serif;
        font-weight: bold;
    }

    .jumbotron p[b-th17q3lkqd] {
        font-size: 20px;
        color: #fff;
    }
/* /Pages/SuggestionAdmin.cshtml.rz.scp.css */
/*html {
    display: grid;
    min-height: 100%;
}*/

/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/

/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/

h1[b-sfk9486trd] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-sfk9486trd] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-sfk9486trd] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-sfk9486trd] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-sfk9486trd], .dot[b-sfk9486trd] {
    cursor: pointer;
}

#success-box[b-sfk9486trd] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top:5%;
   /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-sfk9486trd] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-sfk9486trd] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

.dot:hover[b-sfk9486trd] {
    background: #ddd; /* Adjust this color as darken is a SCSS function */
 }

.two[b-sfk9486trd] {
    right: 12%;
    opacity: .5;
}

.face[b-sfk9486trd] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-sfk9486trd 1s ease-in infinite;
}

.face2[b-sfk9486trd] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-sfk9486trd 3s ease-in-out infinite;
}

.eye[b-sfk9486trd] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-sfk9486trd] {
    left: 68%;
}

.mouth[b-sfk9486trd] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-sfk9486trd] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-sfk9486trd] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-sfk9486trd] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-sfk9486trd] {
    animation: scale-b-sfk9486trd 1s ease-in infinite;
}

.move[b-sfk9486trd] {
    animation: move-b-sfk9486trd 3s ease-in-out infinite;
}

.message[b-sfk9486trd] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-sfk9486trd] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom:20px;
}

    .button-box:hover[b-sfk9486trd] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-sfk9486trd {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-sfk9486trd {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-sfk9486trd {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-sfk9486trd {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-sfk9486trd] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-sfk9486trd] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-sfk9486trd] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-sfk9486trd] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-sfk9486trd] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}
    .popupSuccess.show[b-sfk9486trd] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }
    .popupSuccess.hide[b-sfk9486trd] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-sfk9486trd] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-sfk9486trd] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-sfk9486trd] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }

/* /Pages/SuggestionPage.cshtml.rz.scp.css */
/*html {
    display: grid;
    min-height: 100%;
}*/

/*body {
    display: grid;
    overflow: hidden;
    font-family: var(--font);
    text-transform: uppercase;
    text-align: center;
}*/

/*#container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    width: 800px;
    height: 300px;
}*/
table[b-mik3w8r7jx] {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    direction: rtl;
}

th[b-mik3w8r7jx], td[b-mik3w8r7jx] {
    border: 1px solid black;
    padding: 10px;
}

th[b-mik3w8r7jx] {
    background-color: #54479d;
}
h1[b-mik3w8r7jx] {
    font-size: 0.9em;
    font-weight: 100;
    letter-spacing: 0px;
    padding-top: 5px;
    color: var(--white);
    padding-bottom: 5px;
    text-transform: uppercase;
}

.green[b-mik3w8r7jx] {
    color: darkgreen; /* Adjust this color as darken is a SCSS function */
}

.red[b-mik3w8r7jx] {
    color: darkred; /* Adjust this color as darken is a SCSS function */
}

.alert[b-mik3w8r7jx] {
    font-weight: 700;
    /*letter-spacing: 5px;*/
}


button[b-mik3w8r7jx], .dot[b-mik3w8r7jx] {
    cursor: pointer;
}

#success-box[b-mik3w8r7jx] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top:5%;
   /* left: 12%;*/
    background: linear-gradient(to bottom right, var(--success) 40%, var(--secondary) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    perspective: 40px;
}

#error-box[b-mik3w8r7jx] {
    position: absolute;
    width: 320px;
    height: auto;
    margin-top: 5%;
    background: linear-gradient(to bottom left, var(--error) 40%, var(--orange) 100%);
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}

.dot[b-mik3w8r7jx] {
    width: 8px;
    height: 8px;
    background: var(--white);
    border-radius: 50%;
    position: absolute;
    top: 4%;
    right: 6%;
}

.dot:hover[b-mik3w8r7jx] {
    background: #ddd; /* Adjust this color as darken is a SCSS function */
 }

.two[b-mik3w8r7jx] {
    right: 12%;
    opacity: .5;
}

.face[b-mik3w8r7jx] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 30px;
    left: 40%;
    z-index: 2;
    animation: bounce-b-mik3w8r7jx 1s ease-in infinite;
}

.face2[b-mik3w8r7jx] {
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--white);
    border-radius: 50%;
    border: 1px solid var(--dark);
    /* top: 21%;*/
    margin-top: 10px;
    left: 37.5%;
    z-index: 2;
    animation: roll-b-mik3w8r7jx 3s ease-in-out infinite;
}

.eye[b-mik3w8r7jx] {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--dark);
    border-radius: 50%;
    top: 40%;
    left: 20%;
}

.right[b-mik3w8r7jx] {
    left: 68%;
}

.mouth[b-mik3w8r7jx] {
    position: absolute;
    top: 43%;
    left: 41%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.happy[b-mik3w8r7jx] {
    border: 2px solid;
    border-color: transparent var(--dark) var(--dark) transparent;
    transform: rotate(45deg);
}

.sad[b-mik3w8r7jx] {
    top: 49%;
    border: 2px solid;
    border-color: var(--dark) transparent transparent var(--dark);
    transform: rotate(45deg);
}

.shadow[b-mik3w8r7jx] {
    position: relative;
    width: 50px;
    height: 10px;
    opacity: .5;
    background: var(--dark);
    left: 40%;
    /*top: 43%;*/
    border-radius: 50%;
    z-index: 1;
}

.scale[b-mik3w8r7jx] {
    animation: scale-b-mik3w8r7jx 1s ease-in infinite;
}

.move[b-mik3w8r7jx] {
    animation: move-b-mik3w8r7jx 3s ease-in-out infinite;
}

.message[b-mik3w8r7jx] {
    position: relative;
    width: 100%;
    text-align: center;
    height: 40%;
    /*top: 47%;*/
}

.button-box[b-mik3w8r7jx] {
    position: relative;
    background: var(--white);
    width: 50%;
    height: 15%;
    border-radius: 20px;
    /*top: 73%;*/
    left: 25%;
    outline: 0;
    border: none;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: all .5s ease-in-out;
    margin-bottom:20px;
}

    .button-box:hover[b-mik3w8r7jx] {
        background: #f7f7f7; /* Adjust this color as darken is a SCSS function */
        transform: scale(1.05);
        transition: all .3s ease-in-out;
    }

@keyframes bounce-b-mik3w8r7jx {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes scale-b-mik3w8r7jx {
    50% {
        transform: scale(0.9);
    }
}

@keyframes roll-b-mik3w8r7jx {
    0% {
        transform: rotate(0deg);
        left: 25%;
    }

    50% {
        left: 60%;
        transform: rotate(168deg);
    }

    100% {
        transform: rotate(0deg);
        left: 25%;
    }
}

@keyframes move-b-mik3w8r7jx {
    0% {
        left: 25%;
    }

    50% {
        left: 60%;
    }

    100% {
        left: 25%;
    }
}

footer[b-mik3w8r7jx] {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px;
    font-family: var(--font);
}

    footer p[b-mik3w8r7jx] {
        color: var(--error);
        letter-spacing: 2px;
    }

    footer a[b-mik3w8r7jx] {
        color: var(--success);
        text-decoration: none;
    }

        footer a:hover[b-mik3w8r7jx] {
            color: var(--orange);
        }

/* Popup animation styles */
.popupSuccess[b-mik3w8r7jx] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}
    .popupSuccess.show[b-mik3w8r7jx] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }
    .popupSuccess.hide[b-mik3w8r7jx] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }
/* Popup animation styles */
.popupFail[b-mik3w8r7jx] {
    opacity: 0;
    z-index: -1;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

    .popupFail.show[b-mik3w8r7jx] {
        opacity: 1;
        z-index: 1;
        transform: scale(1);
    }

    .popupFail.hide[b-mik3w8r7jx] {
        opacity: 0;
        z-index: -1;
        transform: scale(0.9);
    }

/* /Pages/SuggestionView.cshtml.rz.scp.css */