/* Extra styles of pages */ 
    .meets_container{
        margin-top: 20px;
        align-items: center;
        justify-content: center;
        padding: 15px;
        flex-direction: column;
        display: flex;
        border: 2px solid;
        border-radius: 10px;
        width: 100%;
    }
    
    a.join{
        font-weight: 600;
        width: 80%;
        background-color: #46a2fd;
        border-radius: 10px;
        padding: 10px;
        color: #fff;
    }
    .underline{
        text-decoration:underline;
    }
    span {
        font-weight: 600;
    }
    hr{
        height:5px;
        border-radius: 2px;
        background-color: #625e5e;
        width: 100%;
        font-weight: 600;
        height: 2px;
        }
    .presentation{
        justify-content:center;
        align-items:center;
    }
    @media(max-width:550px){
        .meets_container {
        height: 160px;
        }
    }
    .file_cl{
        display:none;

    }
    .file_cl2{
        display:none;
    }
    
    .btn_add {
        display: flex;
        margin: 20px;
    }
    .container .cte_2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .modal-open .modal {
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    display: flex !important;
    overflow-x: hidden;
    overflow-y: auto;
    }
    hr{
        height:5px;
        border-radius: 2px;
        background-color: #625e5e;
        width: 100%;
        font-weight: 600;
        height: 2px;
        }
    .presentation{
        justify-content:center;
        align-items:center;
    }
    .span_blue{
        font-weight: 600;
        color:#46a2fd;
    }
    .st_list_modules{
        list-style: circle;
    }
        span{
         color: black;
         font-weight:500;
    }
    iframe.pdf_exam{
            margin-top: 50px;
    }
    .button {
    --width: 220px;
    --height: 35px;
    --tooltip-height: 35px;
    --tooltip-width: 90px;
    --gap-between-tooltip-to-button: 18px;
    --button-color: #1163ff;
    --tooltip-color: #fff;
    width: var(--width);
    height: var(--height);
    background: var(--button-color);
    position: relative;
    text-align: center;
    border-radius: 0.45em;
    font-family: "Arial";
    transition: background 0.3s;
    }
    .text {
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .button-wrapper,.text,.icon {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    color: #fff;
    }

    .text {
    top: 0
    }

    .text,.icon {
    transition: top 0.5s;
    }

    .icon {
    color: #fff;
    top: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .icon svg {
    width: 24px;
    height: 24px;
    }

    .button:hover {
    background: #6c18ff;
    }

    .button:hover .text {
    top: -100%;
    }

    .button:hover .icon {
    top: 0;
    }

    .button:hover:before,.button:hover:after {
    opacity: 1;
    visibility: visible;
    }

    .button:hover:after {
    bottom: calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px);
    }

    .button:hover:before {
    bottom: calc(var(--height) + var(--gap-between-tooltip-to-button));
    }

    .pdf_exams {
        align-items: center;
        justify-content: center;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    a.a_download {
        margin-top: 80px;
        width: 100%;
        color: #46A2FD;
        text-decoration: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        hr{
        height:5px;
        border-radius: 2px;
        background-color: #625e5e;
        width: 100%;
        font-weight: 600;
        height: 2px;
        }
        iframe.exam {
        background-color: #4444;
        width: 100%;
        height: 700px;
        border-radius: 10px;
        }
        @media(max-width:1026px){
        iframe.pdf_exam{
            display:none;
        }
        .button {
            --width: 400px;
        }
    }
       .btns_modules_container {
        justify-content: center;
        display: flex;
        flex-direction:column;
    }
    

    hr{
        height:5px;
        border-radius: 2px;
        background-color: #625e5e;
        width: 100%;
        font-weight: 600;
        height: 2px;
        }
    .presentation{
        justify-content:center;
        align-items:center;
    }
    
        a.nav-item.nav-link.modules_btns {
        font-size: 25px;
        margin: 10px;
        border-radius: 10px;
        padding: 30px;
        background-color: #46A2FD;
        color: #fff;
        transition: all 200ms ease-in-out;
    }
        a.nav-item.nav-link.modules_btns:hover {
        font-weight: 560;
        transform: translateY(-7px);
        border: 1px solid #46A2FD;
        background-color: #fff;
        color: #46A2FD;
    }
    @media(max-width:770px){

        .btns_modules_container {
        justify-content: center;
        display: flex;
        flex-direction: column;
        }
        a.nav-item.nav-link.modules_btns {
        font-size: 18px;
        margin: 5px;
        border-radius: 10px;
        padding: 10px;
        background-color: #46A2FD;
        color: #fff;
        transition: all 200ms ease-in-out;
    }
    

    }
        .meets_container{
        margin-top: 20px;
        align-items: center;
        justify-content: center;
        padding: 15px;
        flex-direction: column;
        display: flex;
        border: 2px solid;
        border-radius: 10px;
        width: 100%;
}
    
    a.join{
        font-weight: 600;
        width: 80%;
        background-color: #46a2fd;
        border-radius: 10px;
        padding: 10px;
        color: #fff;
    }
    .underline{
        text-decoration:underline;
    }
    span {
        font-weight: 600;
    }
    hr{
        height:5px;
        border-radius: 2px;
        background-color: #625e5e;
        width: 100%;
        font-weight: 600;
        height: 2px;
        }
    .presentation{
        justify-content:center;
        align-items:center;
    }
    @media(max-width:550px){
        .meets_container {
        height: 160px;
        }
    }
    .file_cl{
        display:none;

    }
    .file_cl2{
        display:none;
    }
    }
    .btn_add {
        display: flex;
        margin: 20px;
    }
    .container .cte_2{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .modal-open .modal {
    align-items: center;
    justify-content: center;
    padding: 0px !important;
    display: flex !important;
    overflow-x: hidden;
    overflow-y: auto;
    }
    .Aopndd {
    flex-direction: column;
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: .0625rem solid #dadce0;
    border-radius: .5rem;
    overflow: hidden;
    margin: 10px;
    }
    .Aopndd .container_person{
        height: 70px;
        width: 100%;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .Aopndd .img_person{
        margin: 10px;
        border-radius: 100%;
        border: 1px solid #000;
        padding: 10px;
        height: 100%;
    }
    .Aopndd .container_description{
        flex-direction: column;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: start;
    }

    .messageBox {
    width: 80%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2d2d2d;
    padding: 0 15px;
    border-radius: 14px;
    border: 1px solid rgb(63, 63, 63);
    }

    .tooltip {
    position: absolute;
    top: -40px;
    display: none;
    opacity: 0;
    color: white;
    font-size: 12px;
    text-wrap: nowrap;
    background-color: #000;
    padding: 6px 10px;
    border: 1px solid #3600b4;
    border-radius: 8px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.596);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    #messageInput {
    width: 100%;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    padding-left: 12px;
    color: white;
    font-size: 16px;
    }
    #messageInput:focus ~ #sendButton svg path,
    #messageInput:valid ~ #sendButton svg path {
    fill: #3c3c3c;
    stroke: #00ff6a;
    }

    #sendButton {
    width: fit-content;
    height: 100%;
    background-color: transparent;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    #sendButton svg {
    height: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    #sendButton svg path {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
    #sendButton:hover svg path {
    fill: #3c3c3c;
    stroke: #00ff6a;
    }
    .center{
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .single_title{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
    }













/* Dark Mode Styles*/
.dark-mode {
    background-color: #000 !important;
    color: #fff !important;
}

.dark-mode #navbarCollapse {
    background-color: #000 !important;
}

.dark-mode a.d-flex {
    background-color: rgb(39, 39, 39) !important;
}

.dark-mode .navbar-nav.w-100 {
    background-color: #000 !important;
}

.dark-mode h1 {
    color: #bcbaba !important;
}

.dark-mode h1#texto2 {
    color: #d5d5d5 !important;
}

.dark-mode #footer {
    background-color: #2a2a2a !important;
}

.dark-mode body h1 {
    color: #fff !important;
}
.dark-mode .card_educ_info.front{
    background-color: #000 !important;
}
.dark-mode .container1 .text-align-start h2{
    color: #fff !important;
}
.dark mode .bg-secondary.p-4 a.h2{
    color:  #000 !important;

}
.dark-mode h1.m-0 {
    color: #fff !important;
}

.dark-mode small,
.dark-mode p#password {
    color: #fff !important;
}

.dark-mode .container_profile h5,
.dark-mode .container_profile h3 {
    color: #fff !important;
}

.dark-mode .container_profile {
    box-shadow: 0px 0px 16px 8px rgb(106, 106, 106) !important;
}

.dark-mode .card_about {
    background-color: #282727 !important;
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: #a1a1a3 !important;
}
.dark-mode .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #393939 !important;
}
.dark-mode div#tab_b li{
    color: #fff !important;
}
.dark-mode div#tab_a li{
    color: #fff !important;
}
.dark-mode div#tab_c li{
    color: #fff !important;
}
.dark-mode .container1 .text-align-start h2{
    color: #fff !important;
}

.dark-mode .nav-link.active {
    color: #46A2FD !important;
}

.dark-mode .navbar-nav .nav-link.active {
    color: #46A2FD !important;
}

.dark-mode i.fa.fa-angle-double-up {
    color: #000 !important;
}

.dark-mode p.desc,
.dark-mode h4,
.dark-mode .owl-item h5.m-0,
.dark-mode h6.m-0 {
    color: #fff !important;
}

.dark-mode .bg-secondary.p-4 {
    background-color: #343333 !important;
}

.dark-mode .bg-secondary.p-4 h5 {
    color: #fff !important;
}

.dark-mode a.h5,
.dark-mode h3.text-uppercase.mb-4 {
    color: #b7b2b2 !important;
}

.dark-mode nav.navbar.navbar-expand-lg.bg-light.navbar-light.py-3.py-lg-0.px-0 {
    background-color: #000 !important;
}

.dark-mode button.navbar-toggler {
    background-color: #9b9090 !important;
}

.dark-mode .contact-form.bg-secondary.rounded.p-5 {
    background-color: #313030 !important;
}

.dark-mode input,
.dark-mode textarea {
    background-color: #000 !important;
}
.dark-mode {
    background-color: #000;
}

.dark-mode .tab-content p {
    color: #fff !important;
}

.dark-mode .card_horizontal_container p {
    color: #fff !important;
}

.dark-mode .card_horizontal_container li {
    color: #fff !important;
}

.dark-mode a.h2 {
    color: #d1cbcb !important;
}

.dark-mode .card_content p {
    color: #fff !important;
}

.dark-mode .card_educ_info.front {
    box-shadow: inset 0px 0px 5px 0px #46a2fd !important;
}

.dark-mode .container_about_educ h5 {
    color: #cccbcb !important;
}

.dark-mode .container1 p {
    color: #fff !important;
}

.dark-mode .extra_info li {
    color: #fff !important;
}

.dark-mode #inscription {
    background-color: #1e1d1d !important;
}

.dark-mode .card_down {
    box-shadow: inset 0px 0px 7px 0px #46a2fd !important;
}

.dark-mode button.accordion-button {
    color: #fff !important;
    background-color: #4a4a4a !important;
    height: 80px !important;
}

.dark-mode .accordion {
    --bs-accordion-border-color: #000 !important;
}

.dark-mode .accordion-body {
    box-shadow: rgb(70, 162, 253) 0px 0px 8px 0px inset !important;
    background-color: #000 !important;
}

.dark-mode .accordion-body h6 {
    color: #fff !important;
}
.dark-mode .accordion-body li {
    color: #fff !important;
}

.dark-mode .accordion-body h2 {
    color: #bcbaba !important;
}

.dark-mode .accordion-item {
    margin: 15px 0px !important;
}
.dark-mode .pdf_exams h5{
    color: #bcbaba !important;
}
.dark-mode span{
     color: #46a2fd !important;
}
.dark-mode .text-center.mb-5 h2{
     color: #bcbaba !important;
}
.dark-mode .div_meets h3{
    color: #fff !important;
}
.dark-mode .div_meets h5{
    color: #bcbaba !important;
    
}
.dark-mode .div_meets h3.underline{
    text-decoration: none !important;
}
.dark-mode .welcome h4{
    text-decoration: none !important;
}
.dark-mode input#messageInput{
    background-color: transparent !important;
}
.dark-mode .Aopndd{
    background-color: #000 !important;
}
.dark-mode .container_description h5{
    color: #bcbaba;
    
}
.dark-mode .modal-body{
    background-color: #323232 !important ;

}
.dark-mode .modal-body form input{
    color: #fff !important ;

}
.dark-mode table#dataTable tbody{
    color: #fff !important;
    
}
.dark-mode li.sub_title_activities{
    color: #fff !important;
}
.dark-mode li.sub_title_activities.items{
    color: #ff8000 !important;
}
.dark-mode div#title_margin_div:hover{
        background-color: #424242 !important;
}
.dark-mode section.register_student .form{
    background-color: #000 !important;
}
.dark-mode section.register_student .form input.input{
    color: #fff !important;
}
.dark-mode ul.nav.nav-tabs li.nav-item .nav-link.active {
    border-color: #4e4e4e !important;
    background-color: #434343;
    color: #46A2FD !important;
}
.dark-mode .nav-tabs {
    border-bottom: 1px solid #434343;
}
.dark-mode .separator p{
    color: #fff !important;
}
.dark-mode .separator p.sub_title{
    color: #46a2fd !important;
}
.dark-mode .content_code{
    background-color: #272727 !important;
}
.dark-mode .single_title h3{
    color: #bebebe !important;

}
.dark-mode .separator h4#title_margin{
    text-decoration: none !important;

}
.dark-mode hr{
    background-color: #fff !important;
}
.dark-mode h2.h2_presentation{
            color:#46a2fd !important;
        }