:root {
    --corporative_orange: #ff8200;
    --secondary_orange: #FF6200;
    --corporative_blue: #00809A;
    --secondary_blue: #C0EBF2;
    --corporative_blue_hover: #016a7f;
    --secondary_blue_hover: #92d9e2;
    --gray: #333333;
    --light_gray: #e5e5e5;
    --light_middle_gray: #989898;
    --light_light_gray: #f5f5f5;
    --med-gray-mid: #f2f2f2;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 0.8rem;
}

svg {
    display: inline !important;
}

.row {
    margin: 0px
}

@font-face {
    font-family: 'Repsol Regular';
    src: url('../fonts/RepsolRegular.eot');
    src: url('../fonts/RepsolRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RepsolRegular.svg#RepsolRegular') format('svg'), url('../fonts/RepsolRegular.woff') format('woff'), url('../fonts/RepsolRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}

@font-face {
    font-family: 'Repsol Bold';
    src: url('../fonts/RepsolBold.eot');
    src: url('../fonts/RepsolBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RepsolBold.svg#RepsolBold') format('svg'), url('../fonts/RepsolBold.woff') format('woff'), url('../fonts/RepsolBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
}



body::-webkit-scrollbar {
    width: fit-content
}

body::-webkit-scrollbar-track {
    background-color: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: var(--corporative_blue);
    border-radius: 20px
}

body::-webkit-scrollbar-thumb {
    background-color: var(--corporative_blue);
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box
}

body::-webkit-scrollbar-thumb:hover {
    background-color: var(--corporative_blue_hover)
}

.ribbon {
    padding: 3px 7px;
    position: relative;
    font-size: 8px;
    right: -20px;
    top: -8px;
    border-radius: 50%;
    background-color: #FF6200;
    color: white;
    font-weight: bold;
    font-size: 0.7rem;
    border: 2px solid white;
    box-shadow: 0px 0px 3px white;
    margin-right: -28px;
}

.boton-notificacion-menu.notificaciones-pendientes,
.boton-notificacion-menu.notificaciones-leidas {
    border: none;
    margin-right: -28px;
}

select::-webkit-scrollbar {
    width: fit-content
}

select::-webkit-scrollbar-track {
    background-color: transparent
}

select::-webkit-scrollbar-thumb {
    background-color: var(--corporative_blue);
    border-radius: 20px
}

select::-webkit-scrollbar-thumb {
    background-color: var(--corporative_blue);
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box
}

select::-webkit-scrollbar-thumb:hover {
    background-color: var(--corporative_blue_hover)
}

.form-check-input:checked {
    background-color: var(--corporative_blue);
    border-color: var(--corporative_blue);
}

.repsol-font-regular,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Repsol Regular';
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: var(--gray);
}

.flatpickr-input {
    cursor: pointer;
    background-color: #fff !important;
    /* Para evitar colores de fondo personalizados */
    border: 1px solid #ced4da !important;
    /* Restaurar el estilo del borde */
}

.flatpickr-calendar {
    z-index: 1050 !important;
    /* Asegúrate de que el calendario se muestre por encima de otros elementos */
}

.flatpickr-input[readonly] {
    pointer-events: all;
    /* Permite que el campo sea interactivo */
}

p {
    color: var(--gray);
    font-size: 1.3rem;
    line-height: 1.6rem;
    ;
}

.toast-message p {
    color: #fff !important;
    font-size: 1rem;
}

.rem_5 {
    font-size: 5rem;
    line-height: 5.4rem;
}

.rem_4 {
    font-size: 4rem;
    line-height: 4.4rem;
}

.rem_3 {
    font-size: 3rem;
    line-height: 3.4rem;
}

.rem_2 {
    font-size: 2rem;
    line-height: 2.3rem;
}

.rem_1_5 {
    font-size: 1.5rem;
    line-height: 1.8rem;
}

.rem_1_2 {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.rem_1 {
    font-size: 1rem;
    line-height: 1.2rem;
}

.rem_0_8 {
    font-size: 0.8rem;
    line-height: 0.9rem;
}


.h-100 {
    min-height: 100vh;
}

.shadow-custom {
    -webkit-box-shadow: rgba(0, 0, 0, 0.20) 0px 0px 20px 0px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.20) 0px 0px 20px 0px !important;
    box-shadow: rgba(0, 0, 0, 0.20) 0px 0px 20px 0px !important;
}

.bg-light-gray {
    background-color: var(--light_gray);
}

.bg-light-light-gray {
    background-color: var(--light_light_gray);
}

.bg-light-blue-2 {
    background-color: var(--secondary_blue);
}

.text-orange {
    color: var(--secondary_orange)
}

.text-blue {
    color: var(--corporative_blue_hover)
}

.text-gray {
    color: var(--gray)
}

.text-white {
    color: white
}

.text-bold {
    font-weight: bold;
}

.border_0 {
    border: 0 !important;
}

.border-right-desktop {
    border-right: 1px solid var(--light_middle_gray);
}

.btn.btn-solid {
    height: 48px;
    min-width: 200px;
    border-radius: 8px;
    padding: 0px 15px;
    background-color: var(--corporative_blue);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #FFFFFF !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-solid:hover {
    background-color: var(--corporative_blue_hover);
}


.btn.btn-solid-orange {
    height: 48px;
    min-width: 200px;
    border-radius: 8px;
    padding: 0px 15px;
    background-color: var(--corporative_orange);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #FFFFFF !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-solid-orange:hover {
    background-color: var(--secondary_orange);
}


.btn.btn-solid-white {
    height: 48px;
    min-width: 200px;
    border-radius: 8px;
    padding: 0px 15px;
    background-color: white;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: var(--corporative_blue) !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-solid-white:hover {
    background-color: var(--secondary_blue);
}


.btn.btn-outline {
    height: 48px;
    min-width: 200px;
    border-radius: 8px;
    padding: 0px 15px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue_hover) !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-outline:hover {
    background-color: var(--secondary_blue_hover);
}

.btn.btn-outline.active {
    height: 48px;
    min-width: 200px;
    border-radius: 8px;
    padding: 0px 15px;
    background-color: var(--corporative_blue);
    color: white !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-outline.active:hover {
    background-color: var(--corporative_blue_hover);
}

#button-change-password {
    border-radius: 0 10px 10px 0;
    margin-top: -48px;
    margin-bottom: 40px;
    min-width: 100px;
    background-color: #9e9e9e;
    border: 2px solid #9e9e9e;
    height: 48px;
    font-size: 1rem;
    color: white;
    font-family: "Roboto", Helvetica, sans-serif;
}

a.nav-link.user- {
    border-radius: 8px;
    background-color: white;
    color: var(--gray) !important;
    border: 1px solid var(--gray);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 25px;
}

a.nav-link {
    font-size: 1rem;
    line-height: 1.2rem;
}

a.text-gray:hover {
    color: var(--secondary_orange);
}

.navbar-nav .nav-link.active {
    background-color: var(--med-gray-mid);
    border-radius: 10px;
}

.navbar-toggler.button-menu {
    max-width: 60px;
}

/* Inicio Index*/
.img-bg-intro {
    border-left: 6rem solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-bg-intro-2 {
    background-image: url(../img/bg-pag-intro.jpg);
}

.img-bg-form {
    background-image: url(../img/bg-pag-form.jpg);
}


/* Fin Index*/
/* Inicio Registro*/
.form-register .form-label,
.modal-login .form-label {
    font-size: 0.9rem;
    line-height: 1.1rem;
    color: var(--gray);
}

.form-register .form-control,
.modal-login .form-control {
    padding: 10px 20px;
    border-radius: 10px;
    border: 2px solid var(--light_gray);
}

.form-register .form-control::placeholder,
.modal-login .form-control::placeholder {
    color: var(--light_middle_gray);
}

.form-register .form-control:focus,
.modal-login .form-control:focus {
    color: var(--gray);
    background-color: #fff;
    border-color: var(--corporative_blue);
    outline: 0;
    box-shadow: 0 0 0 0;
}

.form-register .form-check-label,
.modal-login .form-check-label {
    font-size: 1rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.modal-login .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--corporative_blue_hover) !important;
}

.custom-checkbox .custom-control-input:checked:focus~.custom-control-label::before,
.modal-login .custom-control-input:checked:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(201, 201, 201, 0.25)
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before,
.modal-login .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}

.custom-checkbox .custom-control-input:active~.custom-control-label::before,
.modal-login .custom-control-input:active~.custom-control-label::before {
    background-color: var(--corporative_blue_hover);
}

/* Fin Registro*/
/* Inicio adj nav*/
.dropdown-item svg {
    fill: var(--gray);
    margin-top: -5px;
}

a.dropdown-item:hover {
    color: var(--secondary_orange);
    fill: var(--secondary_orange) !important;
}

a.dropdown-item:hover svg {
    fill: var(--secondary_orange) !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--secondary_orange);
    text-decoration: none;
    background-color: transparent;
}

.dropdown-[data-bs-popper] {
    top: 60px;
    left: auto;
    margin-top: var(--bs-dropdown-spacer);
}



.dropdown-item:focus,
.dropdown-item:hover {
    background-color: white;
}

/* Fin adj nav*/
/* Inicio formación*/
.img-banner-formacion {
    background-image: url(../img/bg-pag-intro-program.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-evaluacion {
    background-image: url(../img/bg-pag-evaluacion-program.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-libro-blanco {
    background-image: url(../img/bg-pag-libro-blanco.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-repositorio {
    background-image: url(../img/bg-pag-repositorio-program.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}


.img-banner-new-user {
    background-image: url(../img/bg-pag-intro-new-user.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}


.img-banner-enlaces-interes {
    background-image: url(../img/bg-pag-enlaces-interes.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-preguntas-frecuentes {
    background-image: url(../img/bg-pag-repositorio-preguntas-frecuentes.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-glosario {
    background-image: url(../img/bg-pag-glosario.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.img-banner-cuestionario {
    background-image: url(../img/bg-pag-intro-cuestionario.jpg);
    border-left: 40px solid var(--secondary_orange);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0 0.375rem 0.375rem 0;
}

.bg-img-curso-1 {
    background-image: url(../img/bg-pag-intro-program.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.375rem;
    min-height: 150px;
}


.bg-img-curso-2 {
    background-image: url(../img/bg-pag-evaluacion-program.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.375rem;
    min-height: 150px;
}

.h-section-home {
    height: 280px;
}

.icon-content {
    fill: var(--gray);
}

/* Fin formación*/
/* Inicio Footer*/
.footer-logo {
    max-width: 200px;
    max-height: 60px;
    width: auto;
    height: auto;
}

.icon-help-prefooter {
    width: 100%;
    max-width: 70px;
    height: 100%;
    max-height: 70px;
}

.added-content:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px;
    transition: ease-in-out 0.2s;
}

.adj-menu-salir {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 1px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 25px;
    text-decoration: none !important;
    transition: ease-in-out 0.2s;
    margin-left: 20px;
}

.dropdown-menu[data-bs-popper] {
    left: auto !important;
    right: 10px;
}

.menu-admin-gestor-only {
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 1020;
    background-color: white;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.menu-admin-gestor-only .elemento-navegacion-admin {
    font-size: 1rem;
    line-height: 1.2rem;
    color: var(--bs-nav-link-color);
    text-decoration: none;
    padding-right: 1rem;
    padding-left: 1rem;
}

/* Fin Footer*/
/* Inicio Botones Cabecera*/
a.btn-vista-admin {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 1px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
}

a.btn-vista-admin:hover {
    background-color: var(--secondary_blue_hover);
    transition: ease-in-out 0.2s;
}

a.btn-table-s {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 1px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    padding: 4px 15px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
}

a.btn-table-s:hover {
    background-color: var(--secondary_blue_hover);
}

a.btn-vista-alumno {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 1px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
}

a.btn-vista-alumno:hover {
    background-color: var(--secondary_blue);
    transition: ease-in-out 0.2s;
}

#button-container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.text-right-important {
    text-align: right !important;
}

.nombre-curso {
    margin-left: 20px;
}

.adj-mis-cursos {
    margin-left: 8px;
    margin-top: 10px;
    list-style-type: none !important;
}

.adj-mis-cursos ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 1.5rem;
    padding-top: 10px;
    border-top: 1px solid var(--light_middle_gray);
}

li.list-group.name {
    padding-left: 12px;
}

.adj-mis-cursos ul .name {
    padding-left: 20px;
}

.adj-mis-cursos li .dropdown-item {
    font-size: 0.8rem;
    list-style-type: none !important;
}

.adj--salir {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 1px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 25px;
    text-decoration: none !important;
    transition: ease-in-out 0.2s;
    margin-left: 1.5rem;
}

/* Fin Botones Cabecera*/
/* Inicio  Admin*/
.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1020;
}

.pt-6 {
    padding-top: 200px;
}

div.-admin-gestor-only {
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 70px;
    background-color: white;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

div.-admin-gestor-only .elemento-navegacion-admin {
    color: var(--bs-nav-link-hover-color);
    font-size: 1rem;
    line-height: 1.2rem;
    text-decoration: none;
}

/* Fin  Admin*/
/* Colapsable*/
.accordion-item {
    border: 3px solid var(--secondary_blue) !important;
    margin-bottom: 1.5rem;
    border-radius: 10px;
}

.accordion-button:not(.collapsed) {
    color: var(--corporative_blue) !important;
    background-color: var(--secondary_blue);
    box-shadow: none;
}

.accordion-item h2 {
    font-weight: bold;
}

.accordion-button {
    border-radius: 10px 10px 0 0;
}

.accordion-button.collapsed {
    border-radius: 10px;
}

/* Inicio Tablas*/
.tabla-usuarios .dt-buttons,
.tabla-usuarios .dt-scroll {
    width: 100%;
}


.tabla-usuarios .dt-length,
.tabla-usuarios .dt-search {
    width: 50%;
}

.tabla-usuarios .dt-scroll {
    margin-top: 1rem;
}

.tabla-usuarios #users_list_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.tabla-usuarios .dt-buttons {
    justify-content: end;
    text-align: right;
}

.cabecera-nombre-tabla {
    margin-bottom: -80px !important;
}

.tabla-usuarios th {
    background-color: var(--secondary_blue) !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-family: 'Repsol Regular';
    font-style: normal;
    font-size: 1.2rem;
    color: var(--corporative_blue);
}

.tabla-usuarios tr {
    font-family: "Roboto", Helvetica, sans-serif;
    color: #333333;
}

.tabla-usuarios td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabla-usuarios td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tabla-usuarios .dt-paging.paging_full_numbers {
    margin-top: 2rem;
}

.tabla-usuarios .py-2.py-lg-4.dt-type-numeric {
    text-align: left !important;
}

td.z-index-3 {
    z-index: 3 !important;
}

.table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.035);
}

.table.table.dataTable.table-striped>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.09);
}

.tabla-usuarios .table.dataTable th.dt-type-date,
.tabla-usuarios .table.dataTable td.dt-type-date {
    text-align: left;
}

.tabla-usuarios .text-center {
    padding-right: 15px !important;
}

.tabla-usuarios .form-control.form-control-sm {
    border: 2px solid var(--corporative_blue);
}

.tabla-usuarios div.dt-container div.dt-search label::before {
    flex-shrink: 0;
    margin-top: -1.2rem;
    margin-left: .5rem;
    width: 1em;
    height: 1em;
    padding: 1rem;
    background-size: 1.3rem;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 192.904 192.904" style="enable-background:new 0 0 192.904 192.904;" xml:space="preserve"><path d="M190.707,180.101l-47.078-47.077c11.702-14.072,18.752-32.142,18.752-51.831C162.381,36.423,125.959,0,81.191,0 C36.422,0,0,36.423,0,81.193c0,44.767,36.422,81.187,81.191,81.187c19.688,0,37.759-7.049,51.831-18.751l47.079,47.078 c1.464,1.465,3.384,2.197,5.303,2.197c1.919,0,3.839-0.732,5.304-2.197C193.637,187.778,193.637,183.03,190.707,180.101z M15,81.193 C15,44.694,44.693,15,81.191,15c36.497,0,66.189,29.694,66.189,66.193c0,36.496-29.692,66.187-66.189,66.187 C44.693,147.38,15,117.689,15,81.193z"/><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.tabla-usuarios th.rem_1 {
    font-size: 1rem;
    line-height: 1.2rem;
}

div.dt-container div.dt-search label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    background: var(--secondary_blue);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px !important;
    border-radius: 4px;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: white !important;
    background-color: var(--gray) !important;
    border-color: var(--gray) !important;
}

.tabla-usuarios .input#dt-search-0 {
    width: 50%;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    text-decoration: none;
    color: var(--gray) !important;
    background-color: white !important;
    border-color: var(--gray) !important;
    transition: color .15s ease-in-out;
    margin-left: 10px;
    margin-right: 12px;
    border-radius: 5px;
}

.page-link:hover {
    background-color: var(--secondary_blue) !important;
    color: var(--corporative_blue);
    border: 1px solid var(--corporative_blue);
}

.page-item:first-child .page-link,
.page-item:nth-child(2) .page-link,
.page-item:last-child .page-link,
.page-item:nth-last-child(2) .page-link {
    background-color: #DDDDDD !important;
    border-color: #DDDDDD !important;
}

/* Fin Tablas*/
/* Fin Colapsable*/

.form-control option {
    padding: 10px 5px;
}


option:hover {
    background-color: var(--secondary_blue_hover);
    color: var(--corporative_blue);
}


.border-bottom-gray-1 {
    border-bottom: 1px solid var(--light_middle_gray);
}

.logo-head-academy {
    max-width: 250px;
}


.mt-6 {
    margin-top: 180px !important;
}

.border-light-blue-special {
    border-top: 3px solid white;
}

.incorrecto {
    color: red !important;
}

.correcto {
    color: green;
}

.correcto,
.incorrecto {
    font-size: 1rem;
}


.border-light-blue-special:has(.incorrecto) {
    background-color: rgb(255, 227, 227);
}

.border-light-blue-special:has(.correcto) {
    background-color: rgb(236, 255, 236);
}

.table-responsive td,
.table-responsive th {
    vertical-align: middle;
}

/*-----------------------
-------------------------
 Inicio maquetación página creación de curso 
-------------------------
------------------------*/
.carousel-container .btn.btn-solid-orange {
    min-width: 150px;
    ;
}

.carousel-container {
    position: relative;
    overflow: hidden;
    width: 90%;
    margin: auto;
}

.carousel-track {

    width: 100%;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-item {
    flex: 0 0 calc((100% / 3));
    margin-right: 10px;
    background-color: rgb(245, 245, 245);
    max-height: 230px;

}

.carousel-btn {
    background-color: #C0EBF2;
    color: #00809A;
    border: none;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1;
}


.seccion-bottones {
    margin-top: -140px;
    margin-bottom: 140px;
}

.carousel-item h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1em;
    height: fit-content;
}




/* Responsive ajustes */
@media (max-width: 991px) {
    .carousel-item {
        flex: 0 0 calc(100% / 2);
    }

    .carousel-container {
        width: 85%;
    }

    .carousel-item {
        max-height: 600px;
    }
}

@media (max-width: 576px) {
    .carousel-item {
        flex: 0 0 100%;
    }

    .carousel-container {
        width: 78%;
    }



    .carousel-btn {
        background-color: #C0EBF2;
        color: #00809A;
        border: none;
        border-radius: 4px;
        width: 35px;
        height: 35px;
        cursor: pointer;
        z-index: 1;
    }
}


@media (max-width: 1200px) {
    .img-bg-intro {
        border-left: 2rem solid var(--secondary_orange);
    }

    .icon-help-prefooter {
        width: 100%;
        max-width: 50px;
        height: 100%;
        max-height: 50px;
    }

    div.-admin-gestor-only {
        top: 70px;
    }
}


@media (max-width: 992px) {
    a.nav-link.user- {
        border-radius: 0px;
        background-color: white;
        color: var(--gray) !important;
        border: 0px solid var(--gray);
        cursor: pointer;
        font-size: 16px;
        letter-spacing: 0;
        text-align: center;
        padding: 0px;
    }

    .container-user {
        padding-top: 10px;
    }

    .navbar-nav .nav-link.active {
        padding-left: 15px;
    }

    .rem_3 {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }

    .border-right-desktop {
        border-right: 0px;
        border-bottom: 1px solid var(--light_middle_gray);
        padding-bottom: 2rem;
    }

    .btn.btn-outline.w-100 {
        max-width: 200px !important;
        margin-right: 1rem;
        margin-bottom: 1rem !important;
    }

    .pt-6 {
        padding-top: 80px;
    }

    .mt-6 {
        margin-top: 120px !important;
    }
}


@media (max-width: 768px) {
    .rem_4 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }

    p {
        font-size: 1rem;
        line-height: 1.2rem;
        ;
    }

    .rem_3 {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }

    .rem_2 {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .rem_1_5 {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .img-bg-intro {
        border-top: 3rem solid var(--secondary_orange);
        border-left: 0rem solid var(--secondary_orange);
        min-height: 300px;
    }

    .img-banner-formacion {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-evaluacion {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-libro-blanco {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-repositorio {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-new-user {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-enlaces-interes {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-preguntas-frecuentes {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }


    .img-banner-glosario {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .img-banner-cuestionario {
        border-left: 0px solid var(--secondary_orange);
        border-top: 40px solid var(--secondary_orange);
        border-radius: 0 0 0.375rem 0.375rem;
    }

    .test-evaluacion {
        font-size: 0.9rem;
    }

    .logo-head-academy {
        max-width: 175px;
    }

    #button-container {
        padding-top: 0.5rem;
        padding-bottom: 1rem;
    }

    div.dt-container div.dt-length {
        text-align: left !important;
    }

    thead.remove-mobile {
        display: none !important;
        ;
    }

    .tabla-usuarios tr {
        width: 50vh !important;
        position: relative !important;
        display: grid;
    }

    .tabla-usuarios .text-center {
        text-align: left !important;
    }

    .tabla-usuarios .dt-length,
    .tabla-usuarios .dt-search {
        width: 100%;
    }
}

@media (max-width: 576px) {
    a.nav-link.user- {
        padding: 0px;
    }

    img.logo-intro {
        height: auto;
        width: auto;
        max-width: 150px;
        max-height: 60px;
    }

    .dropdown-[data-bs-popper] {
        right: 20px;
    }

    .btn.btn-outline.w-100 {
        max-width: calc(50% - 1rem) !important;
        min-width: 120px !important;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem !important;
    }

    .btn.btn-outline.w-100 {
        font-size: 0.9rem;
    }

    .logo-head-academy {
        max-width: 125px;
    }

    .btn-vista-admin,
    .btn-vista-alumno {
        font-size: 0.8rem !important;
    }

    #button-container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .menu-admin-gestor-only .elemento-navegacion-admin {
        width: 100%;
        text-align: left;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .tabla-usuarios .dt-buttons,
    .tabla-usuarios .dt-scroll {
        width: 100%;
    }

    .tabla-usuarios .dt-length,
    .tabla-usuarios .dt-search {
        width: 100%;
    }

    .tabla-usuarios .dt-search {
        margin-top: 20px;
    }

    .tabla-usuarios .dt-scroll {
        margin-top: 2rem;
    }

    .tabla-usuarios #users_list_wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .tabla-usuarios .dt-buttons,
    div.dt-container div.dt-search {
        justify-content: start;
        text-align: left !important;
        margin-bottom: 1rem;
    }

    .cabecera-nombre-tabla {
        margin-bottom: 20px !important;
    }


}

@media (max-width: 350px) {
    .btn.btn-outline.w-100 {
        font-size: 0.7rem;
    }
}

.question-block.completed {
    opacity: 1;
    background-color: white;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 0px;
}



.question-block {
    opacity: 0.7;
    background-color: var(--light_light_gray);
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 10px;

}



.question-block.ready {
    opacity: 1;
    background-color: white;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 0px;
}


.question-block .icon-content-success {
    display: none;
}

.question-block .icon-content-block {
    fill: #333333;
    display: block;
}

.question-block.completed.ready .icon-content-success {
    fill: green;
    display: block;
}

.question-block.completed.ready .icon-content-block {
    display: none;
}


.question-block.ready .icon-content-block {
    display: none !important;
}

.question-block.ready .icon-content-success {
    display: none;
}



.question-block {
    padding: 15px !important;
}

.certificate-bg {
    background-color: var(--corporative_blue);
    padding: 1.5rem;
    border-radius: 10px;
}

.btn.btn-info {
    background-color: var(--corporative_blue);
    border: var(--corporative_blue);
    color: white
}

.btn.btn-info:hover {
    background-color: var(--corporative_blue_hover);
    border: var(--corporative_blue_hover);
    color: white
}

div.modal-body .col-12.d-flex.justify-content-center.p-5 {
    min-height: 100vh;
    align-items: center !important;
}

div.question-block a.gotoalert:hover {
    color: var(--gray);
}

div.question-block.ready a.gotoalert:hover {
    color: var(--corporative_orange);
}

a.blue_a {
    color: var(--corporative_blue)
}

a.blue_a:hover {
    color: var(--corporative_blue_hover)
}



/* Inicio nuevo css Nuevo Curso*/
.border-light-blue-radius {
    border: var(--secondary_blue) 2px solid;
    border-radius: 5px;
}

.text-gray-lighter {
    color: var(--light_middle_gray);
}

.mw-300px {
    max-width: 300px;
}

.mw-250px {
    max-width: 250px;
}

#formNuevoCurso .form-header {
    gap: 5px;
    text-align: center;
    font-size: .9em;
}

#formNuevoCurso .form-header .stepIndicator {
    position: relative;
    flex: 1;
    padding-bottom: 30px;
    max-width: 50px;
    margin-right: 15px;
}

#formNuevoCurso .form-header .stepIndicator.active {
    font-weight: 600;
}

#formNuevoCurso .form-header .stepIndicator.finish {
    font-weight: 600;
    color: #009688;
}

#formNuevoCurso .form-header .stepIndicator::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 9;
    width: 50px;
    height: 45px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid #C0EBF2;
    padding-top: 5px;
    color: #016A7F;
    font-weight: bold;
    font-size: 20px;
}

#formNuevoCurso .form-header .stepIndicator:nth-child(1)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(1).finish::before {
    content: "01";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(2)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(2).finish::before {
    content: "02";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(3)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(3).finish::before {
    content: "03";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(4)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(4).finish::before {
    content: "04";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(5)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(5).finish::before {
    content: "05";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(6)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(6).finish::before {
    content: "06";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(7)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(7).finish::before {
    content: "07";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(8)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(8).finish::before {
    content: "08";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(9)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(9).finish::before {
    content: "09";
}

#formNuevoCurso .form-header .stepIndicator:nth-child(10)::before,
#formNuevoCurso .form-header .stepIndicator:nth-child(10).finish::before {
    content: "10";
}

#formNuevoCurso .form-header .stepIndicator.active::before {
    background-color: #016A7F;
    border: 3px solid #016A7F;
    color: white;
    padding-top: 5px;
    font-size: 20px;
}

#formNuevoCurso .form-header .stepIndicator.finish::before {
    background-color: #B1B1B1;
    border: 3px solid #B1B1B1;
    color: white;
    font-size: 20px;
}

#formNuevoCurso .form-header .stepIndicator::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 18px;
    width: 100%;
    height: 4px;
    background-color: #f3f3f3;
    font-weight: bold;
}


#formNuevoCurso .form-header .stepIndicator:nth-child(4)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 18px;
    width: 0%;
    height: 0px;
    background-color: #f3f3f3;
    font-weight: bold;
}

#formNuevoCurso .form-header .stepIndicator.active::after {
    background-color: #C0EBF2;
}

#formNuevoCurso .form-header .stepIndicator.finish::after {
    background-color: #B1B1B1;
}

#formNuevoCurso .form-header .stepIndicator:last-child:after {
    display: none;
}

#creacionNotificacionPersonalizada input,
#creacionNotificacionPersonalizada select,
#creacionNotificacionPersonalizada textarea,
#formNuevoCurso input,
#formNuevoCurso select,
#formNuevoCurso textarea,
#formAulaVirtual input,
#formAulaVirtual select,
#formAulaVirtual textarea,
#matricularAlumnos input,
#matricularAlumnos select,
#matricularAlumnos textarea {
    padding: 15px 20px;
    width: 100%;
    font-size: 1em;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    transition: ease-in-out 0.2s;
    font-size: 1.05rem;
}

#creacionNotificacionPersonalizada input[type='checkbox'] {
    padding: 10px 10px;
    width: auto;
    font-size: 1em;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    transition: ease-in-out 0.2s;
    font-size: 1.05rem;
}

#creacionNotificacionPersonalizada .form-check label {
    line-height: 34px;
    margin-left: 5px;
}

#formNuevoCurso input::placeholder,
#formNuevoCurso select::placeholder {
    font-size: 1.05rem;
}

#formNuevoCurso input:focus-visible,
#formNuevoCurso select:focus-visible {
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    outline: white auto 0px;
    transition: ease-in-out 0.2s;
}

#creacionNotificacionPersonalizada input.error,
#creacionNotificacionPersonalizada select.error,
#creacionNotificacionPersonalizada textarea.error,
#formNuevoCurso input.invalid,
#formNuevoCurso select.invalid,
#formNuevoCurso textarea.invalid,
#formAulaVirtual input.invalid,
#formAulaVirtual select.invalid,
#formAulaVirtual textarea.invalid {
    border: 2px solid #ffaba5;
}

#formNuevoCurso .step {
    display: none;
}

#formNuevoCurso .form-footer {
    overflow: auto;
    gap: 20px;
}

#formNuevoCurso .form-footer button {
    background-color: #009688;
    border: 1px solid #009688 !important;
    color: #ffffff;
    border: none;
    padding: 13px 30px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
    flex: 1;
    margin-top: 5px;
}

#formNuevoCurso .form-footer button:hover {
    opacity: 0.8;
}

#formNuevoCurso .form-footer #prevBtn {
    background-color: #fff;
    color: #009688;
}

#formNuevoCurso label,
#matricularAlumnos label,
#creacionNotificacionPersonalizada label {
    font-size: 1.2rem;
}

#formNuevoCurso label sup,
#matricularAlumnos label sup,
#creacionNotificacionPersonalizada label sup {
    color: red;
}

a.btn-guardar-borrador {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-guardar-borrador:hover {
    background-color: var(--secondary_blue);
    transition: ease-in-out 0.2s;
}

a.btn-guardar-borrador::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -2rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" data-name="Capa 1" width="385" height="385" version="1.1" viewBox="0 0 385 385"><defs><style> .cls-1 { fill: %23016a7f; stroke-width: 0px; } </style></defs><g id="Sign_Out" data-name="Sign Out"><path class="cls-1" d="M180.5,360.9H24.1V24.1h156.4c6.6,0,12-5.4,12-12S187.1,0,180.5,0H12c-6.6,0-12,5.4-12,12v360.9c0,6.6,5.4,12,12,12h168.4c6.6,0,12-5.4,12-12,0-6.6-5.4-12-12-12Z"/><path class="cls-1" d="M381.5,184.1l-83-84.2c-4.7-4.8-12.3-4.7-17,0-4.7,4.7-4.7,12.4,0,17.2l62.6,63.5H96.3c-6.6,0-12,5.4-12,12.2s5.4,12.2,12,12.2h247.7l-62.6,63.5c-4.7,4.8-4.7,12.4,0,17.2,4.7,4.8,12.3,4.8,17,0l83-84.2c4.6-4.7,4.7-12.5,0-17.2Z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}



a.btn-vista-previa {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-vista-previa:hover {
    background-color: var(--secondary_blue);
    transition: ease-in-out 0.2s;
}

a.btn-vista-previa::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -2.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"><path d="M27.7772 13.2806C27.529 12.9183 21.6122 4.41016 14.0003 4.41016C6.38697 4.41016 0.470909 12.9184 0.222727 13.2806C-0.0742424 13.7141 -0.0742424 14.2857 0.222727 14.7192C0.470909 15.0814 6.38697 23.5898 14.0003 23.5898C21.6122 23.5898 27.529 15.0815 27.7772 14.7193C28.0742 14.2858 28.0742 13.7141 27.7772 13.2806ZM14.0003 21.0444C8.88516 21.0444 4.37513 15.9226 2.86194 13.9988C4.37258 12.0732 8.87074 6.95561 14.0003 6.95561C19.1132 6.95561 23.6228 12.0752 25.1372 13.9999C23.6221 15.9255 19.1129 21.0444 14.0003 21.0444Z" fill="%23016A7F"/><path d="M14.0005 10.4658C12.0477 10.4658 10.4648 12.0463 10.4648 14.0001C10.4648 15.954 12.0477 17.5345 14.0005 17.5345C15.952 17.5345 17.536 15.954 17.536 14.0001C17.536 12.0463 15.952 10.4658 14.0005 10.4658Z" fill="%23016A7F"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}




a.btn-guardar-continuar {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-guardar-continuar:hover {
    background-color: var(--secondary_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--secondary_blue_hover);
}

a.btn-guardar-continuar::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" data-name="Capa 1" width="451.8" height="451.8" version="1.1" viewBox="0 0 451.8 451.8"><defs><style> .cls-1 { fill: %23016a7f; stroke-width: 0px; } </style></defs><path class="cls-1" d="M345.4,248.3l-194.3,194.3c-12.4,12.4-32.4,12.4-44.8,0-12.4-12.4-12.4-32.4,0-44.7l171.9-171.9L106.4,54c-12.4-12.4-12.4-32.4,0-44.7,12.4-12.4,32.4-12.4,44.8,0l194.3,194.3c6.2,6.2,9.3,14.3,9.3,22.4,0,8.1-3.1,16.2-9.3,22.4Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

a.btn-guardar-continuar:hover::after {
    margin-left: -.2rem;
    transition: .2s ease-in-out;
}







a.btn-guardar-y-activar {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-guardar-y-activar:hover {
    background-color: var(--secondary_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--secondary_blue_hover);
}

a.btn-guardar-y-activar::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_64_3219)"><path d="M15.9999 0C7.17762 0 0 7.17745 0 15.9999C0 24.8224 7.17762 32 15.9999 32C24.8222 32 31.9998 24.8224 31.9998 15.9999C31.9998 7.17745 24.8224 0 15.9999 0ZM25.1874 13.2974L15.1354 23.3493C14.708 23.7767 14.1399 24.012 13.5355 24.012C12.9311 24.012 12.3629 23.7767 11.9355 23.3493L6.81248 18.2263C6.38507 17.7989 6.14967 17.2307 6.14967 16.6263C6.14967 16.0218 6.38507 15.4536 6.81248 15.0262C7.23972 14.5988 7.80788 14.3634 8.41242 14.3634C9.01681 14.3634 9.58512 14.5988 10.0124 15.0264L13.5353 18.5492L21.9871 10.0973C22.4145 9.66994 22.9827 9.4347 23.5871 9.4347C24.1915 9.4347 24.7596 9.66994 25.187 10.0973C26.0695 10.9799 26.0695 12.4152 25.1874 13.2974Z" fill="%23016A7F"/></g><defs><clipPath id="clip0_64_3219"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}


button.btn-matricular-alumnos {
    border-radius: 8px;
    background-color: var(--corporative_blue);
    color: white !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px 12px 50px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

button.btn-matricular-alumnos:hover {
    background-color: var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--corporative_blue_hover);
}

button.btn-matricular-alumnos::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    width: 3em;
    height: 3em;
    content: " ";
    margin-left: -3rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_64_3312)"><path d="M1.28527 12.4646C0.600274 12.7276 0.114274 13.3436 0.0172737 14.0706C-0.0787264 14.7986 0.230274 15.5196 0.823274 15.9506L7.31527 20.6746L30.3733 2.53358L9.98427 22.6206L18.8593 29.0786C19.4233 29.4886 20.1523 29.6116 20.8233 29.4086C21.4933 29.2046 22.0273 28.6956 22.2673 28.0406L31.7613 2.05458C31.8573 1.79058 31.7893 1.49558 31.5893 1.29858C31.3903 1.10158 31.0953 1.03958 30.8313 1.14058L1.28527 12.4646Z" fill="white"/><path d="M5.77344 22.2451L5.82844 22.5461L7.08844 29.4351C7.18244 29.9471 7.52444 30.3761 8.00044 30.5831C8.47644 30.7891 9.02544 30.7451 9.46144 30.4641C11.2164 29.3321 13.5084 27.8301 13.4464 27.7421L5.77344 22.2451Z" fill="white"/></g><defs><clipPath id="clip0_64_3312"><rect width="31.806" height="31.806" fill="white"/></clipPath></defs></svg>');
    ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

button.btn-matricular-alumnos:disabled {
    opacity: .5 !important;
}




a.btn-desactivar-curso {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-desactivar-curso:hover {
    background-color: var(--secondary_blue);
    transition: ease-in-out 0.2s;
}

a.btn-desactivar-curso::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -2.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><g clip-path="url(%23clip0_64_3256)"><path d="M17 0C7.61067 0 0 7.61067 0 17C0 26.3893 7.61067 34 17 34C26.3893 34 34 26.3882 34 17C34 7.61178 26.3893 0 17 0ZM23.375 18.0625H10.625C10.0385 18.0625 9.5625 17.5865 9.5625 17C9.5625 16.4135 10.0385 15.9375 10.625 15.9375H23.375C23.9615 15.9375 24.4375 16.4135 24.4375 17C24.4375 17.5865 23.9615 18.0625 23.375 18.0625Z" fill="%23016A7F"/></g><defs><clipPath id="clip0_64_3256"><rect width="34" height="34" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}





a.btn-anadir-documento {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-anadir-documento:hover {
    background-color: var(--corporative_blue);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.btn-anadir-documento::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_64_1531)"><path d="M5.88214 34.1183C7.71528 35.9515 9.8504 37.3908 12.2281 38.3965C14.6905 39.438 17.3055 39.9661 20.0003 39.9661C22.695 39.9661 25.3099 39.438 27.7724 38.3965C30.1501 37.3908 32.2852 35.9514 34.1185 34.1183C35.9516 32.285 37.3909 30.1499 38.3966 27.7723C39.4382 25.3099 39.9663 22.695 39.9663 20.0001C39.9663 17.3054 39.4382 14.6905 38.3966 12.228C37.3909 9.85026 35.9515 7.71514 34.1185 5.882C32.2852 4.04879 30.1501 2.60939 27.7724 1.60368C25.3099 0.562284 22.695 0.0341797 20.0002 0.0341797C17.3055 0.0341797 14.6905 0.562284 12.228 1.60381C9.85033 2.60945 7.71528 4.04893 5.88207 5.88214C4.04886 7.71528 2.60945 9.8504 1.60374 12.2281C0.562284 14.6905 0.0341797 17.3054 0.0341797 20.0002C0.0341797 22.695 0.562284 25.3099 1.60381 27.7724C2.60952 30.15 4.04893 32.2851 5.88214 34.1183ZM4.28545 13.3623C5.14435 11.3317 6.37422 9.50764 7.94093 7.94093C9.50764 6.37422 11.3317 5.14435 13.3623 4.28545C15.4639 3.39658 17.6972 2.94589 20.0002 2.94589C22.3031 2.94589 24.5365 3.39658 26.6381 4.28552C28.6687 5.14435 30.4928 6.37429 32.0595 7.941C33.6262 9.50771 34.856 11.3317 35.7149 13.3624C36.6038 15.4639 37.0545 17.6973 37.0545 20.0002C37.0545 22.3031 36.6038 24.5365 35.7149 26.6381C34.856 28.6687 33.6262 30.4928 32.0595 32.0595C30.4928 33.6262 28.6687 34.856 26.6381 35.7149C24.5365 36.6038 22.3031 37.0545 20.0002 37.0545C17.6973 37.0545 15.4639 36.6038 13.3623 35.7149C11.3317 34.856 9.50764 33.6262 7.94093 32.0595C6.37422 30.4928 5.14435 28.6687 4.28545 26.638C3.39658 24.5365 2.94589 22.3031 2.94589 20.0002C2.94589 17.6972 3.39658 15.4639 4.28545 13.3623Z" fill="%23016A7F"/><path d="M20 40C17.3006 40 14.6812 39.471 12.2146 38.4277C9.83287 37.4203 7.69415 35.9785 5.85795 34.1422C4.02168 32.3059 2.57983 30.1671 1.57235 27.7854C0.528988 25.3187 0 22.6993 0 20C0 17.3007 0.528988 14.6814 1.57228 12.2146C2.57969 9.83287 4.02161 7.69415 5.85788 5.85795C7.69415 4.02161 9.8328 2.57976 12.2146 1.57235C14.6813 0.528988 17.3007 0 20 0C22.6993 0 25.3187 0.528988 27.7854 1.57228C30.1671 2.57969 32.3059 4.02161 34.1422 5.85788C35.9784 7.69408 37.4202 9.83273 38.4277 12.2146C39.471 14.6812 40 17.3006 40 19.9999C40 22.6992 39.471 25.3187 38.4277 27.7853C37.4203 30.1671 35.9785 32.3059 34.1422 34.1421C32.3059 35.9784 30.1671 37.4202 27.7854 38.4276C25.3188 39.4709 22.6994 40 20 40ZM20 0.0679671C17.3099 0.0679671 14.6994 0.595188 12.2411 1.63488C9.8674 2.63882 7.73595 4.07585 5.90593 5.90593C4.07592 7.73595 2.63889 9.8674 1.63488 12.2411C0.595188 14.6994 0.0679671 17.3099 0.0679671 20C0.0679671 22.6901 0.595188 25.3006 1.63488 27.7589C2.63889 30.1325 4.07585 32.264 5.90593 34.0941C7.73595 35.9241 9.8674 37.361 12.2411 38.3651C14.6992 39.4048 17.3098 39.932 20 39.932C22.6902 39.932 25.3007 39.4048 27.7589 38.3651C30.1325 37.3611 32.264 35.9241 34.0941 34.0941C35.9241 32.264 37.361 30.1325 38.3651 27.7589C39.4048 25.3007 39.932 22.6902 39.932 20C39.932 17.3098 39.4048 14.6993 38.3651 12.2411C37.3611 9.86733 35.9241 7.73588 34.0941 5.90593C32.264 4.07585 30.1325 2.63889 27.7589 1.63488C25.3006 0.595188 22.6901 0.0679671 20 0.0679671ZM20 37.0883C17.6924 37.0883 15.4547 36.6366 13.3489 35.7461C11.3143 34.8855 9.48664 33.6531 7.91681 32.0833C6.34704 30.5135 5.11473 28.6859 4.25406 26.651C3.36328 24.5453 2.91171 22.3076 2.91171 20C2.91171 17.6925 3.36335 15.4548 4.25399 13.3489C5.11459 11.3143 6.3469 9.48664 7.91674 7.91681C9.48658 6.34697 11.3142 5.11466 13.3489 4.25406C15.4547 3.36342 17.6924 2.91178 19.9999 2.91178C22.3075 2.91178 24.5452 3.36342 26.6511 4.25413C28.6858 5.11473 30.5134 6.34704 32.0832 7.91688C33.6531 9.48678 34.8854 11.3144 35.746 13.349C36.6367 15.4548 37.0882 17.6925 37.0882 20.0001C37.0882 22.3076 36.6366 24.5454 35.746 26.6512C34.8853 28.6859 33.653 30.5136 32.0832 32.0833C30.5134 33.6532 28.6858 34.8855 26.6511 35.7461C24.5453 36.6366 22.3076 37.0883 20 37.0883ZM20 2.97968C17.7016 2.97968 15.4728 3.42948 13.3754 4.31659C11.3488 5.17379 9.52838 6.40121 7.96479 7.96479C6.40121 9.52838 5.17372 11.3488 4.31659 13.3754C3.42948 15.4728 2.97968 17.7016 2.97968 20C2.97968 22.2984 3.42948 24.5272 4.31659 26.6246C5.17386 28.6513 6.40128 30.4718 7.96479 32.0352C9.52844 33.5989 11.3488 34.8262 13.3754 35.6834C15.4727 36.5705 17.7016 37.0203 20 37.0203C22.2984 37.0203 24.5272 36.5705 26.6248 35.6834C28.6513 34.8262 30.4717 33.5988 32.0352 32.0352C33.5987 30.4716 34.8261 28.6513 35.6834 26.6248C36.5705 24.5273 37.0203 22.2984 37.0203 20C37.0203 17.7016 36.5705 15.4728 35.6834 13.3755C34.8263 11.3489 33.5989 9.52851 32.0352 7.96486C30.4716 6.40128 28.6513 5.17386 26.6248 4.31666C24.5272 3.42948 22.2984 2.97968 20 2.97968Z" fill="%23016A7F"/><path d="M10.9344 21.4558H18.5031V29.0246C18.5031 29.8286 19.1549 30.4804 19.9589 30.4804C20.763 30.4804 21.4148 29.8286 21.4148 29.0246V21.4558H28.9834C29.7874 21.4558 30.4392 20.804 30.4392 20C30.4392 19.1959 29.7874 18.5441 28.9834 18.5441H21.4148V10.9754C21.4148 10.1713 20.763 9.51953 19.9589 9.51953C19.1549 9.51953 18.5031 10.1713 18.5031 10.9754V18.5441H10.9344C10.1303 18.5441 9.47852 19.1959 9.47852 20C9.47852 20.804 10.1303 21.4558 10.9344 21.4558Z" fill="%23016A7F"/><path d="M19.9587 30.5142C19.1372 30.5142 18.4689 29.8459 18.4689 29.0244V21.4896H10.9342C10.1127 21.4896 9.44434 20.8213 9.44434 19.9998C9.44434 19.1783 10.1127 18.51 10.9342 18.51H18.4689V10.9752C18.4689 10.1537 19.1372 9.48535 19.9587 9.48535C20.7802 9.48535 21.4485 10.1537 21.4485 10.9752V18.51H28.9832C29.8047 18.51 30.473 19.1783 30.473 19.9998C30.473 20.8213 29.8047 21.4896 28.9832 21.4896H21.4485V29.0244C21.4485 29.8459 20.7802 30.5142 19.9587 30.5142ZM10.9342 18.5779C10.1502 18.5779 9.5123 19.2158 9.5123 19.9998C9.5123 20.7838 10.1502 21.4217 10.9342 21.4217H18.5368V29.0244C18.5368 29.8084 19.1747 30.4463 19.9587 30.4463C20.7428 30.4463 21.3806 29.8084 21.3806 29.0244V21.4217H28.9832C29.7672 21.4217 30.4051 20.7838 30.4051 19.9998C30.4051 19.2158 29.7672 18.5779 28.9832 18.5779H21.3806V10.9752C21.3806 10.1912 20.7427 9.55332 19.9587 9.55332C19.1747 9.55332 18.5368 10.1912 18.5368 10.9752V18.5779H10.9342Z" fill="%23016A7F"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

a.btn-anadir-documento:hover::after {
    filter: brightness(9999999);
    transition: .2s ease-in-out;
}


a.btn-subir-documento {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-subir-documento:hover {
    background-color: var(--corporative_blue);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.btn-subir-documento::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g clip-path="url(%23clip0_64_1531)"><path d="M5.88214 34.1183C7.71528 35.9515 9.8504 37.3908 12.2281 38.3965C14.6905 39.438 17.3055 39.9661 20.0003 39.9661C22.695 39.9661 25.3099 39.438 27.7724 38.3965C30.1501 37.3908 32.2852 35.9514 34.1185 34.1183C35.9516 32.285 37.3909 30.1499 38.3966 27.7723C39.4382 25.3099 39.9663 22.695 39.9663 20.0001C39.9663 17.3054 39.4382 14.6905 38.3966 12.228C37.3909 9.85026 35.9515 7.71514 34.1185 5.882C32.2852 4.04879 30.1501 2.60939 27.7724 1.60368C25.3099 0.562284 22.695 0.0341797 20.0002 0.0341797C17.3055 0.0341797 14.6905 0.562284 12.228 1.60381C9.85033 2.60945 7.71528 4.04893 5.88207 5.88214C4.04886 7.71528 2.60945 9.8504 1.60374 12.2281C0.562284 14.6905 0.0341797 17.3054 0.0341797 20.0002C0.0341797 22.695 0.562284 25.3099 1.60381 27.7724C2.60952 30.15 4.04893 32.2851 5.88214 34.1183ZM4.28545 13.3623C5.14435 11.3317 6.37422 9.50764 7.94093 7.94093C9.50764 6.37422 11.3317 5.14435 13.3623 4.28545C15.4639 3.39658 17.6972 2.94589 20.0002 2.94589C22.3031 2.94589 24.5365 3.39658 26.6381 4.28552C28.6687 5.14435 30.4928 6.37429 32.0595 7.941C33.6262 9.50771 34.856 11.3317 35.7149 13.3624C36.6038 15.4639 37.0545 17.6973 37.0545 20.0002C37.0545 22.3031 36.6038 24.5365 35.7149 26.6381C34.856 28.6687 33.6262 30.4928 32.0595 32.0595C30.4928 33.6262 28.6687 34.856 26.6381 35.7149C24.5365 36.6038 22.3031 37.0545 20.0002 37.0545C17.6973 37.0545 15.4639 36.6038 13.3623 35.7149C11.3317 34.856 9.50764 33.6262 7.94093 32.0595C6.37422 30.4928 5.14435 28.6687 4.28545 26.638C3.39658 24.5365 2.94589 22.3031 2.94589 20.0002C2.94589 17.6972 3.39658 15.4639 4.28545 13.3623Z" fill="%23016A7F"/><path d="M20 40C17.3006 40 14.6812 39.471 12.2146 38.4277C9.83287 37.4203 7.69415 35.9785 5.85795 34.1422C4.02168 32.3059 2.57983 30.1671 1.57235 27.7854C0.528988 25.3187 0 22.6993 0 20C0 17.3007 0.528988 14.6814 1.57228 12.2146C2.57969 9.83287 4.02161 7.69415 5.85788 5.85795C7.69415 4.02161 9.8328 2.57976 12.2146 1.57235C14.6813 0.528988 17.3007 0 20 0C22.6993 0 25.3187 0.528988 27.7854 1.57228C30.1671 2.57969 32.3059 4.02161 34.1422 5.85788C35.9784 7.69408 37.4202 9.83273 38.4277 12.2146C39.471 14.6812 40 17.3006 40 19.9999C40 22.6992 39.471 25.3187 38.4277 27.7853C37.4203 30.1671 35.9785 32.3059 34.1422 34.1421C32.3059 35.9784 30.1671 37.4202 27.7854 38.4276C25.3188 39.4709 22.6994 40 20 40ZM20 0.0679671C17.3099 0.0679671 14.6994 0.595188 12.2411 1.63488C9.8674 2.63882 7.73595 4.07585 5.90593 5.90593C4.07592 7.73595 2.63889 9.8674 1.63488 12.2411C0.595188 14.6994 0.0679671 17.3099 0.0679671 20C0.0679671 22.6901 0.595188 25.3006 1.63488 27.7589C2.63889 30.1325 4.07585 32.264 5.90593 34.0941C7.73595 35.9241 9.8674 37.361 12.2411 38.3651C14.6992 39.4048 17.3098 39.932 20 39.932C22.6902 39.932 25.3007 39.4048 27.7589 38.3651C30.1325 37.3611 32.264 35.9241 34.0941 34.0941C35.9241 32.264 37.361 30.1325 38.3651 27.7589C39.4048 25.3007 39.932 22.6902 39.932 20C39.932 17.3098 39.4048 14.6993 38.3651 12.2411C37.3611 9.86733 35.9241 7.73588 34.0941 5.90593C32.264 4.07585 30.1325 2.63889 27.7589 1.63488C25.3006 0.595188 22.6901 0.0679671 20 0.0679671ZM20 37.0883C17.6924 37.0883 15.4547 36.6366 13.3489 35.7461C11.3143 34.8855 9.48664 33.6531 7.91681 32.0833C6.34704 30.5135 5.11473 28.6859 4.25406 26.651C3.36328 24.5453 2.91171 22.3076 2.91171 20C2.91171 17.6925 3.36335 15.4548 4.25399 13.3489C5.11459 11.3143 6.3469 9.48664 7.91674 7.91681C9.48658 6.34697 11.3142 5.11466 13.3489 4.25406C15.4547 3.36342 17.6924 2.91178 19.9999 2.91178C22.3075 2.91178 24.5452 3.36342 26.6511 4.25413C28.6858 5.11473 30.5134 6.34704 32.0832 7.91688C33.6531 9.48678 34.8854 11.3144 35.746 13.349C36.6367 15.4548 37.0882 17.6925 37.0882 20.0001C37.0882 22.3076 36.6366 24.5454 35.746 26.6512C34.8853 28.6859 33.653 30.5136 32.0832 32.0833C30.5134 33.6532 28.6858 34.8855 26.6511 35.7461C24.5453 36.6366 22.3076 37.0883 20 37.0883ZM20 2.97968C17.7016 2.97968 15.4728 3.42948 13.3754 4.31659C11.3488 5.17379 9.52838 6.40121 7.96479 7.96479C6.40121 9.52838 5.17372 11.3488 4.31659 13.3754C3.42948 15.4728 2.97968 17.7016 2.97968 20C2.97968 22.2984 3.42948 24.5272 4.31659 26.6246C5.17386 28.6513 6.40128 30.4718 7.96479 32.0352C9.52844 33.5989 11.3488 34.8262 13.3754 35.6834C15.4727 36.5705 17.7016 37.0203 20 37.0203C22.2984 37.0203 24.5272 36.5705 26.6248 35.6834C28.6513 34.8262 30.4717 33.5988 32.0352 32.0352C33.5987 30.4716 34.8261 28.6513 35.6834 26.6248C36.5705 24.5273 37.0203 22.2984 37.0203 20C37.0203 17.7016 36.5705 15.4728 35.6834 13.3755C34.8263 11.3489 33.5989 9.52851 32.0352 7.96486C30.4716 6.40128 28.6513 5.17386 26.6248 4.31666C24.5272 3.42948 22.2984 2.97968 20 2.97968Z" fill="%23016A7F"/><path d="M10.9344 21.4558H18.5031V29.0246C18.5031 29.8286 19.1549 30.4804 19.9589 30.4804C20.763 30.4804 21.4148 29.8286 21.4148 29.0246V21.4558H28.9834C29.7874 21.4558 30.4392 20.804 30.4392 20C30.4392 19.1959 29.7874 18.5441 28.9834 18.5441H21.4148V10.9754C21.4148 10.1713 20.763 9.51953 19.9589 9.51953C19.1549 9.51953 18.5031 10.1713 18.5031 10.9754V18.5441H10.9344C10.1303 18.5441 9.47852 19.1959 9.47852 20C9.47852 20.804 10.1303 21.4558 10.9344 21.4558Z" fill="%23016A7F"/><path d="M19.9587 30.5142C19.1372 30.5142 18.4689 29.8459 18.4689 29.0244V21.4896H10.9342C10.1127 21.4896 9.44434 20.8213 9.44434 19.9998C9.44434 19.1783 10.1127 18.51 10.9342 18.51H18.4689V10.9752C18.4689 10.1537 19.1372 9.48535 19.9587 9.48535C20.7802 9.48535 21.4485 10.1537 21.4485 10.9752V18.51H28.9832C29.8047 18.51 30.473 19.1783 30.473 19.9998C30.473 20.8213 29.8047 21.4896 28.9832 21.4896H21.4485V29.0244C21.4485 29.8459 20.7802 30.5142 19.9587 30.5142ZM10.9342 18.5779C10.1502 18.5779 9.5123 19.2158 9.5123 19.9998C9.5123 20.7838 10.1502 21.4217 10.9342 21.4217H18.5368V29.0244C18.5368 29.8084 19.1747 30.4463 19.9587 30.4463C20.7428 30.4463 21.3806 29.8084 21.3806 29.0244V21.4217H28.9832C29.7672 21.4217 30.4051 20.7838 30.4051 19.9998C30.4051 19.2158 29.7672 18.5779 28.9832 18.5779H21.3806V10.9752C21.3806 10.1912 20.7427 9.55332 19.9587 9.55332C19.1747 9.55332 18.5368 10.1912 18.5368 10.9752V18.5779H10.9342Z" fill="%23016A7F"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

a.btn-subir-documento:hover::after {
    filter: brightness(9999999);
    transition: .2s ease-in-out;
}

.n_module_name {
    margin-right: 1.5rem;
}

.border-light-blue-radius a.btn-guardar-continuar {
    padding: 15px 44px 12px 20px;
}

.btn-subir-documento {
    margin-right: 0.5rem;
}

.btn-subir-documento.ax-view-doc,
.btn-subir-documento.ax-new-document {
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
}

.btn-subir-documento.ax-view-doc:hover,
.btn-subir-documento.ax-new-document:hover {
    border-color: var(--corporative_blue);
}

.btn-subir-documento.ax-nochange-doc::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' version='1.1' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300809a%3B %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0  SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_2'%3E%3Cg id='Icon'%3E%3Cpath id='_38' class='cls-1' d='M362 0h-212C67.2 0 0 67.2 0 150v212c0 82.8 67.2 150 150 150h212c82.8 0 150-67.2 150-150v-212C512 67.2 444.8 0 362 0ZM358.5 323.2c9.8 9.8 9.8 25.6 0 35.4-9.8 9.8-25.6 9.8-35.4 0l-67.2-67.2-67.2 67.2c-9.8 9.8-25.6 9.8-35.4 0-9.8-9.8-9.8-25.6 0-35.4l67.2-67.2-67.2-67.2c-9.8-9.8-9.8-25.6 0-35.4 9.8-9.8 25.6-9.8 35.4 0l67.2 67.2 67.2-67.2c9.8-9.8 25.6-9.8 35.4 0 9.8 9.8 9.8 25.6 0 35.4l-67.2 67.2 67.2 67.2Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.btn-subir-documento.ax-change-doc::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' version='1.1' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300809a%3B %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0  SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_1'%3E%3Cpath class='cls-1' d='M430.7 0H81.3C36.5 0 0 36.5 0 81.3v349.4C0 475.5 36.5 512 81.3 512h349.4c44.8 0 81.3-36.5 81.3-81.3V81.3C512 36.5 475.5 0 430.7 0h0ZM118.5 163.3h31.8c20.7 0 39.2 8.4 55 25.1 6.1 6.4 5.8 16.5-.6 22.6-3.1 2.9-7.1 4.4-11 4.4s-8.5-1.7-11.6-5c-9.6-10.2-20-15.1-31.8-15.1h-31.8c-8.8 0-16-7.2-16-16s7.2-16 16-16h0ZM404.8 344l-39.6 39.6c-3.1 3.1-7.2 4.7-11.3 4.7s-8.2-1.6-11.3-4.7c-6.2-6.2-6.2-16.4 0-22.6l12.3-12.3h-41.1c-20.7 0-39.2-8.4-55-25.1-6.1-6.4-5.8-16.5.6-22.6 6.4-6.1 16.5-5.8 22.6.6 9.6 10.2 20 15.1 31.8 15.1h41.1l-12.3-12.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l39.6 39.6c6.2 6.2 6.2 16.4 0 22.6h0ZM404.8 190.6l-39.6 39.6c-3.1 3.1-7.2 4.7-11.3 4.7s-8.2-1.6-11.3-4.7c-6.2-6.2-6.2-16.4 0-22.6l12.3-12.3h-41.1c-16 0-29.8 9.4-42.1 28.6l-52.2 81.5c-18.4 28.8-41.7 43.3-69.1 43.3h-31.8c-8.8 0-16-7.2-16-16s7.2-16 16-16h31.8c16 0 29.8-9.4 42.1-28.6l52.2-81.5c18.4-28.8 41.7-43.3 69.1-43.3h41.1l-12.3-12.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l39.6 39.6c6.2 6.2 6.2 16.4 0 22.6h0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.btn-subir-documento.ax-change-doc:hover,
.btn-subir-documento.ax-nochange-doc:hover {
    background-color: var(--secondary_blue_hover);
    border-color: var(--secondary_blue_hover);
    color: var(--corporative_blue) !important;
}

.btn-subir-documento.ax-change-doc:hover::after,
.btn-subir-documento.ax-nochange-doc:hover::after {
    filter: none;
}

.btn-subir-documento.ax-view-doc::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.7' height='19.3' version='1.1' viewBox='0 0 31.7 19.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300809a%3B %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0  SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_5'%3E%3Cpath class='cls-1' d='M15.9 19.3c6.5 0 12.6-3.5 15.9-9.2v-1C26.7.3 15.5-2.7 6.8 2.4 3.9 4.1 1.6 6.4 0 9.2v1c3.3 5.6 9.3 9.1 15.9 9.1ZM15.9 2c5.6 0 10.8 2.9 13.8 7.7-4.8 7.6-14.8 10-22.5 5.2-2.1-1.4-3.9-3.1-5.2-5.2C5 4.9 10.2 2 15.9 2Z'/%3E%3Cpath class='cls-1' d='M15.9 15.7c3.3 0 6-2.7 6-6s-2.7-6-6-6-6 2.7-6 6 2.7 6 6 6ZM15.9 5.7c2.2 0 4 1.8 4 4s-1.8 4-4 4-4-1.8-4-4 1.8-4 4-4Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

.btn-subir-documento.ax-view-doc:hover {
    background-color: var(--secondary_blue_hover);
    border-color: var(--secondary_blue_hover);
    color: var(--corporative_blue) !important;
}

.btn-subir-documento.ax-view-doc:hover::after {
    filter: none;
}

.btn-subir-documento.ax-new-document::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' version='1.1' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300809a%3B %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0  SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Capa_1'%3E%3Cg id='_09_Settings'%3E%3Cpath class='cls-1' d='M410 1H102C45.7 1.1 0 46.7 0 103v308c0 56.3 45.7 101.9 102 102h308c56.3 0 101.9-45.7 102-102V103c0-56.3-45.7-101.9-102-102ZM331 412.6h-150c-11 0-20-9-20-20s9-20 20-20h150c11 0 20 9 20 20s-9 20-20 20ZM357.5 215.2c-7.8 7.8-20.5 7.8-28.3 0 0 0 0 0 0 0l-53.2-53.2v157.6c0 11-9 20-20 20s-20-9-20-20v-157.6l-53.2 53.2c-7.8 7.8-20.5 7.8-28.3 0-7.8-7.8-7.8-20.5 0-28.3h0l77.6-77.6c13.2-13.2 34.6-13.2 47.8 0l77.6 77.6c7.8 7.8 7.8 20.5 0 28.3h0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.btn-subir-documento.ax-new-document:hover:hover {
    background-color: var(--secondary_blue_hover);
    border-color: var(--secondary_blue_hover);
    color: var(--corporative_blue) !important;
}

.btn-subir-documento.ax-new-document:hover::after {
    filter: none;
}

.btn-subir-documento.ax-actualizar-doc::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' version='1.1' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300809a%3B %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0  SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='Layer_2'%3E%3Cg id='Icon'%3E%3Cpath id='_42' class='cls-1' d='M362 0h-212C67.2 0 0 67.2 0 150v212c0 82.8 67.2 150 150 150h212c82.8 0 150-67.2 150-150v-212C512 67.2 444.8 0 362 0ZM411.9 333.8c-14.2 30.3-37.2 55.5-66.8 72.6-25.9 15-54.2 22.1-82.2 22.1-57 0-112.6-29.6-143.1-82.4-45.5-78.7-18.4-179.8 60.3-225.2 56.8-32.8 125.3-27.8 176.1 7.1l-.7-18.4c-.5-13.8 10.2-25.4 24-25.9s25.4 10.2 25.9 24l3.3 85.2c.5 13.8-10.2 25.4-24 25.9l-85.2 3.3c-13.8.5-25.4-10.2-25.9-24s10.2-25.4 24-25.9l32.5-1.2c-35.6-25.8-84.5-30-125-6.6-54.9 31.7-73.7 102.1-42.1 156.9s102.1 73.7 156.9 42c20.6-11.9 36.6-29.4 46.5-50.5 5.1-10.9 17.4-16.5 29-13.4 14.9 4 22.8 20.5 16.3 34.5h0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.btn-subir-documento.ax-actualizar-doc:hover {
    background-color: var(--secondary_blue_hover);
    border-color: var(--secondary_blue_hover);
    color: var(--corporative_blue) !important;
}

.btn-subir-documento.ax-actualizar-doc:hover::after {
    filter: none;
}

@media (max-width: 768px) {
    .content_upload {
        text-align: center;
    }

    .btn-subir-documento.ax-view-doc,
    .btn-subir-documento.ax-new-document,
    .btn-subir-documento.ax-nochange-doc,
    .btn-subir-documento.ax-change-doc,
    .btn-subir-documento.ax-actualizar-doc {
        width: 100%;
    }
}

a.btn-anadir-modulo {
    border-radius: 8px;
    background-color: var(--corporative_blue);
    color: white !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-anadir-modulo:hover {
    background-color: var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.btn-anadir-modulo::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none"><path d="M0.476747 6.2121H13.7487C13.8752 6.2121 13.9963 6.16189 14.086 6.07258C14.1756 5.98327 14.2255 5.86185 14.2255 5.73536V2.59296C14.2255 2.32948 14.0119 2.11621 13.7487 2.11621H0.476747C0.213583 2.11621 0 2.32948 0 2.59296V5.73599C0 5.99884 0.213583 6.2121 0.476747 6.2121Z" fill="white"/><path d="M0.476747 13.7691H13.7487C13.8752 13.7691 13.9963 13.7188 14.086 13.6295C14.1756 13.5402 14.2255 13.4188 14.2255 13.2923V10.1496C14.2255 9.88612 14.0119 9.67285 13.7487 9.67285H0.476747C0.213583 9.67285 0 9.88612 0 10.1496V13.2923C0 13.5552 0.213583 13.7691 0.476747 13.7691Z" fill="white"/><path d="M30.5045 24.7871H0.476747C0.213583 24.7871 0 25.0004 0 25.2639V28.4069C0 28.6704 0.213583 28.8836 0.476747 28.8836H30.5045C30.631 28.8836 30.7521 28.8334 30.842 28.7441C30.9317 28.6551 30.9812 28.5337 30.9812 28.4069V25.2639C30.9812 25.0004 30.7677 24.7871 30.5045 24.7871Z" fill="white"/><path d="M0.483583 17.2295C0.220419 17.2295 0.00683594 17.4431 0.00683594 17.7062V20.8493C0.00683594 21.1124 0.220419 21.326 0.483583 21.326H30.5231C30.6493 21.326 30.7704 21.2758 30.8606 21.1865C30.9499 21.0972 30.9998 20.9758 30.9998 20.8493V17.7062C30.9998 17.4431 30.7863 17.2295 30.5231 17.2295H0.483583Z" fill="white"/><path d="M30.6703 2.11621H17.7047C17.5331 2.11621 17.3936 2.25542 17.3936 2.42705V13.486C17.3936 13.6576 17.5328 13.7968 17.7047 13.7968H30.6706C30.8423 13.7968 30.9818 13.6576 30.9818 13.486V2.42673C30.9812 2.2551 30.842 2.11621 30.6703 2.11621ZM26.8277 8.25004L23.378 10.964C23.3109 11.0168 23.2286 11.0438 23.1466 11.0438C23.0904 11.0438 23.0344 11.0314 22.9829 11.0063C22.8542 10.9437 22.7725 10.8133 22.7725 10.67V5.2424C22.7725 5.09906 22.8542 4.96875 22.9829 4.90613C23.1113 4.84384 23.2649 4.85973 23.377 4.94872L26.8271 7.66269C26.9171 7.73356 26.9692 7.84194 26.9692 7.95636C26.9692 8.07078 26.9174 8.17884 26.8277 8.25004Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}


a.matricular-alumnos {
    border-radius: 8px;
    background-color: var(--corporative_blue);
    color: white !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.matricular-alumnos:hover {
    background-color: var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.matricular-alumnos::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none"><path d="M0.476747 6.2121H13.7487C13.8752 6.2121 13.9963 6.16189 14.086 6.07258C14.1756 5.98327 14.2255 5.86185 14.2255 5.73536V2.59296C14.2255 2.32948 14.0119 2.11621 13.7487 2.11621H0.476747C0.213583 2.11621 0 2.32948 0 2.59296V5.73599C0 5.99884 0.213583 6.2121 0.476747 6.2121Z" fill="white"/><path d="M0.476747 13.7691H13.7487C13.8752 13.7691 13.9963 13.7188 14.086 13.6295C14.1756 13.5402 14.2255 13.4188 14.2255 13.2923V10.1496C14.2255 9.88612 14.0119 9.67285 13.7487 9.67285H0.476747C0.213583 9.67285 0 9.88612 0 10.1496V13.2923C0 13.5552 0.213583 13.7691 0.476747 13.7691Z" fill="white"/><path d="M30.5045 24.7871H0.476747C0.213583 24.7871 0 25.0004 0 25.2639V28.4069C0 28.6704 0.213583 28.8836 0.476747 28.8836H30.5045C30.631 28.8836 30.7521 28.8334 30.842 28.7441C30.9317 28.6551 30.9812 28.5337 30.9812 28.4069V25.2639C30.9812 25.0004 30.7677 24.7871 30.5045 24.7871Z" fill="white"/><path d="M0.483583 17.2295C0.220419 17.2295 0.00683594 17.4431 0.00683594 17.7062V20.8493C0.00683594 21.1124 0.220419 21.326 0.483583 21.326H30.5231C30.6493 21.326 30.7704 21.2758 30.8606 21.1865C30.9499 21.0972 30.9998 20.9758 30.9998 20.8493V17.7062C30.9998 17.4431 30.7863 17.2295 30.5231 17.2295H0.483583Z" fill="white"/><path d="M30.6703 2.11621H17.7047C17.5331 2.11621 17.3936 2.25542 17.3936 2.42705V13.486C17.3936 13.6576 17.5328 13.7968 17.7047 13.7968H30.6706C30.8423 13.7968 30.9818 13.6576 30.9818 13.486V2.42673C30.9812 2.2551 30.842 2.11621 30.6703 2.11621ZM26.8277 8.25004L23.378 10.964C23.3109 11.0168 23.2286 11.0438 23.1466 11.0438C23.0904 11.0438 23.0344 11.0314 22.9829 11.0063C22.8542 10.9437 22.7725 10.8133 22.7725 10.67V5.2424C22.7725 5.09906 22.8542 4.96875 22.9829 4.90613C23.1113 4.84384 23.2649 4.85973 23.377 4.94872L26.8271 7.66269C26.9171 7.73356 26.9692 7.84194 26.9692 7.95636C26.9692 8.07078 26.9174 8.17884 26.8277 8.25004Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}






#formNuevoCurso input.form-check-input#si-itinerario-existente[type=radio],
#formNuevoCurso input.form-check-input#no-itinerario-existente[type=radio],
#formNuevoCurso input.form-check-input#si-subir-evaluacion-a-parte[type=radio],
#formNuevoCurso input.form-check-input#no-subir-evaluacion-a-parte[type=radio],
#formNuevoCurso input.form-check-input#si-cuenta-con-certificado-pro[type=radio],
#formNuevoCurso input.form-check-input#no-cuenta-con-certificado-pro[type=radio],
#formNuevoCurso input.form-check-input#si-cuenta-con-certificado-lite[type=radio],
#formNuevoCurso input.form-check-input#no-cuenta-con-certificado-lite[type=radio] {
    height: 55px;
    width: 62px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    display: flex;
}

#formNuevoCurso input.form-check-input#tipo-formacion-lineal[type=radio],
#formNuevoCurso input.form-check-input#tipo-formacion-abierta[type=radio] {
    height: 55px;
    width: 110px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    justify-content: center;
    display: flex;
}

#formNuevoCurso input#si-itinerario-existente::before {
    content: "Sí";
}

#formNuevoCurso input#no-itinerario-existente::before {
    content: "No";
}

#formNuevoCurso input#tipo-formacion-lineal::before {
    content: "Lineal";
}

#formNuevoCurso input#tipo-formacion-abierta::before {
    content: "Abierta";
}

#formNuevoCurso input#si-subir-evaluacion-a-parte::before {
    content: "Sí";
}

#formNuevoCurso input#no-subir-evaluacion-a-parte::before {
    content: "No";
}

#formNuevoCurso input#si-cuenta-con-certificado-pro::before,
#formNuevoCurso input#si-cuenta-con-certificado-lite::before {
    content: "Sí";
}

#formNuevoCurso input#no-cuenta-con-certificado-pro::before,
#formNuevoCurso input#no-cuenta-con-certificado-lite::before {
    content: "No";
}



#formNuevoCurso .form-check-input,
#matricularAlumnos .form-check-input {
    cursor: pointer;
}

#formNuevoCurso .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
}

#formNuevoCurso .form-check-input:focus {
    box-shadow: none;
}

#formNuevoCurso input.form-check-input#tipo-formacion-pro[type=checkbox],
#formNuevoCurso input.form-check-input#tipo-formacion-lite[type=checkbox] {
    height: 55px;
    width: 110px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    justify-content: center;
    display: flex;
}

#formNuevoCurso input#tipo-formacion-pro::before {
    content: "Pro";
}

#formNuevoCurso input#tipo-formacion-lite::before {
    content: "Lite";
}

#formNuevoCurso .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: none;
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
}

#formNuevoCurso .form-check-input,
#matricularAlumnos .form-check-input {
    cursor: pointer;
}

#formNuevoCurso .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
}

#formNuevoCurso .form-check-input:focus {
    box-shadow: none;
}

a.btn-arrow-up {
    background-color: white;
    padding: 5px 18px;
    border-radius: 10px 0px 0px 10px;
    border: 3px solid #92D9E2;
    height: 60px;
    display: inline-block;
}

a.btn-arrow-down svg {
    transform: rotate(180deg);
}

a.btn-arrow-down {
    background-color: white;
    padding: 5px 18px;
    border-radius: 0px 10px 10px 0;
    border: 3px solid #92D9E2;
    height: 60px;
    display: inline-block;
    margin-left: -6px;
}

a.btn-eliminar-modulo {
    background-color: var(--corporative_blue);
    padding: 5px 18px;
    border-radius: 10px;
    border: 3px solid var(--corporative_blue);
    height: 60px;
    display: inline-block;
    margin-left: 15px;
}

a.btn-arrow-down:hover,
a.btn-arrow-up:hover {
    background-color: #92D9E2;
    transition: ease-in-out 0.2s;
}

a.btn-eliminar-modulo:hover {
    background-color: var(--corporative_blue_hover);
    border: 3px solid var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
}






a.btn-arrow-up-2 {
    background-color: white;
    padding: 5px 18px;
    border-radius: 10px 0px 0px 10px;
    border: 3px solid #E5E5E5;
    height: 60px;
    display: inline-block;
}

a.btn-arrow-down-2 svg {
    transform: rotate(180deg);
}

a.btn-arrow-down-2 {
    background-color: white;
    padding: 5px 18px;
    border-radius: 0px 10px 10px 0;
    border: 3px solid #E5E5E5;
    height: 60px;
    display: inline-block;
    margin-left: -6px;
}

a.btn-eliminar-documento {
    background-color: #B1B1B1;
    padding: 5px 18px;
    border-radius: 10px;
    border: 3px solid #B1B1B1;
    height: 60px;
    display: inline-block;
    margin-left: 15px;
}

a.btn-arrow-down-2:hover,
a.btn-arrow-up-2:hover {
    background-color: #eeeeee;
    transition: ease-in-out 0.2s;
}

a.btn-eliminar-documento:hover {
    background-color: #919191;
    border: 3px solid #919191;
    transition: ease-in-out 0.2s;
}

.si-subir-evaluacion-a-parte-section {
    display: none;
}

.estado-borrador {
    background-color: #B1B1B1;
    padding: 12px 35px;
    color: white;
    border-radius: 300px;
}

.estado-activo {
    background-color: #008F75;
    padding: 12px 35px;
    color: white;
    border-radius: 300px;
}


@media (min-width: 768px) {
    .text-lg-left {
        text-align: left !important;
    }
}

@media (max-width: 768px) {

    a.btn-guardar-borrador,
    a.btn-guardar-continuar,
    a.btn-vista-previa,
    a.btn-guardar-y-activar,
    a.btn-desactivar-curso,
    a.btn-matricular-alumnos {
        max-width: 90%;
    }
}

#formNuevoCurso input.form-check-input#tipo-formacion-pro[type=checkbox],
#formNuevoCurso input.form-check-input#tipo-formacion-lite[type=checkbox] {
    height: 55px;
    width: 110px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    justify-content: center;
    display: flex;
}

#formNuevoCurso input#tipo-formacion-pro::before {
    content: "Pro";
}

#formNuevoCurso input#tipo-formacion-lite::before {
    content: "Lite";
}

#formNuevoCurso .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: none;
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
}

/* Fin nuevo css Nuevo Curso*/
/* Inicio css Notificaciones*/
.shadow.shadow2 {
    box-shadow: 0 0 1rem 0rem rgba(0, 0, 0, 0.18) !important;
}

.form-switch .form-check-input {
    width: 4rem;
    height: 1.6rem;
}

.form-switch .form-check-input:checked {
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" data-name="Capa 1" width="8" height="8" version="1.1" viewBox="0 0 8 8"><defs><style> .cls-1 { fill: %2300809a; stroke-width: 0px; } </style></defs><circle class="cls-1" cx="4" cy="4" r="3"/></svg>');
}

.form-switch .form-check-input:focus {
    box-shadow: none;
    border: gray;
}

.form-switch .form-check-input:focus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" data-name="Capa 1" width="8" height="8" version="1.1" viewBox="0 0 8 8"><defs><style> .cls-1 { fill: %23d3d3d3; stroke-width: 0px; } </style></defs><circle class="cls-1" cx="4" cy="4" r="3"/></svg>');
}





a.crear-ahora-comunicacion-interna {
    border-radius: 8px;
    background-color: var(--corporative_blue);
    color: white !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px 12px 50px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.crear-ahora-comunicacion-interna:hover {
    background-color: var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--corporative_blue_hover);
}

a.crear-ahora-comunicacion-interna::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    width: 3em;
    height: 3em;
    content: " ";
    margin-left: -2.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" data-name="Capa 1" width="512" height="512" version="1.1" viewBox="0 0 512 512"><defs><style> .cls-1 { fill: %23fff; stroke-width: 0px; } </style></defs><g id="Layer_16" data-name="Layer 16"><path class="cls-1" d="M368,32h-224c-61.9,0-112,50.1-112,112v224c0,61.9,50.1,112,112,112h224c61.9,0,112-50.1,112-112v-224c0-61.9-50.1-112-112-112ZM352,272h-80v80c0,8.8-7.2,16-16,16s-16-7.2-16-16v-80h-80c-8.8,0-16-7.2-16-16s7.2-16,16-16h80v-80c0-8.8,7.2-16,16-16s16,7.2,16,16v80h80c8.8,0,16,7.2,16,16s-7.2,16-16,16Z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}



a.opciones-settings {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px 12px 50px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.opciones-settings:hover {
    background-color: var(--secondary_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--secondary_blue_hover);
}

a.opciones-settings::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    width: 3em;
    height: 3em;
    content: " ";
    margin-left: -2.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" width="100" height="100" version="1.1" viewBox="0 0 100 100"><defs><style> .cls-1 { fill: %2300809a; stroke-width: 0px; } </style></defs><path class="cls-1" d="M95.8,41.9c-3.5-1.5-7.2-2.5-11.1-2.9l-2.4-5.9c2.4-3,4.4-6.3,5.8-9.8.4-1.1.1-2.2-.7-3l-7.8-7.8c-.8-.8-2-1.1-3-.7-3.5,1.4-6.9,3.4-9.8,5.8l-5.9-2.4c-.3-3.8-1.3-7.6-2.9-11.1-.5-1-1.5-1.7-2.6-1.7h-11.1c-1.1,0-2.1.7-2.6,1.7-1.6,3.5-2.5,7.2-2.9,11.1l-5.9,2.4c-3-2.4-6.3-4.4-9.8-5.8-1.1-.4-2.2-.1-3,.7l-7.8,7.8c-.8.8-1.1,2-.7,3,1.4,3.5,3.4,6.9,5.8,9.8l-2.4,5.9c-3.8.3-7.6,1.3-11.1,2.9-1,.5-1.7,1.5-1.7,2.6v11.1c0,1.1.7,2.1,1.7,2.6,3.5,1.5,7.2,2.5,11.1,2.9l2.4,5.9c-2.4,3-4.4,6.3-5.8,9.8-.4,1.1-.1,2.2.7,3l7.8,7.8c.8.8,2,1,3,.7,3.5-1.4,6.9-3.4,9.8-5.8l5.9,2.4c.3,3.8,1.3,7.6,2.9,11.1.5,1,1.5,1.7,2.6,1.7h11.1c1.1,0,2.1-.7,2.6-1.7,1.6-3.5,2.5-7.2,2.9-11.1l5.9-2.4c3,2.4,6.3,4.4,9.8,5.8,1.1.4,2.2.1,3-.7l7.8-7.8c.8-.8,1.1-2,.7-3-1.4-3.5-3.4-6.9-5.8-9.8l2.4-5.9c3.8-.3,7.6-1.3,11.1-2.9,1-.5,1.7-1.5,1.7-2.6v-11.1c0-1.1-.7-2.1-1.7-2.6ZM50,71.6c-11.9,0-21.6-9.7-21.6-21.6s9.7-21.6,21.6-21.6,21.6,9.7,21.6,21.6c0,11.9-9.7,21.6-21.6,21.6Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}




a.guardar-activar-notificacion {
    border-radius: 8px;
    background-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
    border: 2px solid var(--secondary_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px 12px 50px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.guardar-activar-notificacion:hover {
    background-color: var(--secondary_blue_hover);
    transition: ease-in-out 0.2s;
    border: 2px solid var(--secondary_blue_hover);
}

a.guardar-activar-notificacion::before {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    width: 3em;
    height: 3em;
    content: " ";
    margin-left: -2.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_440_868)"><path d="M15.9999 0C7.17762 0 0 7.17745 0 15.9999C0 24.8224 7.17762 32 15.9999 32C24.8222 32 31.9998 24.8224 31.9998 15.9999C31.9998 7.17745 24.8224 0 15.9999 0ZM25.1874 13.2974L15.1354 23.3493C14.708 23.7767 14.1399 24.012 13.5355 24.012C12.9311 24.012 12.3629 23.7767 11.9355 23.3493L6.81248 18.2263C6.38507 17.7989 6.14967 17.2307 6.14967 16.6263C6.14967 16.0218 6.38507 15.4536 6.81248 15.0262C7.23972 14.5988 7.80788 14.3634 8.41242 14.3634C9.01681 14.3634 9.58512 14.5988 10.0124 15.0264L13.5353 18.5492L21.9871 10.0973C22.4145 9.66994 22.9827 9.4347 23.5871 9.4347C24.1915 9.4347 24.7596 9.66994 25.187 10.0973C26.0695 10.9799 26.0695 12.4152 25.1874 13.2974Z" fill="%23016A7F"/></g><defs><clipPath id="clip0_440_868"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

.badge-borrador {
    background-color: #989898;
    font-size: 0.9rem;
    padding: 0.5rem 1.1rem;
    border-radius: 15rem;
}

.badge-activo {
    background-color: #00b99a;
    font-size: 0.9rem;
    padding: 0.5rem 1.1rem;
    border-radius: 15rem;
}

.notificacion-activa {
    border: 2px solid var(--secondary_orange);
    border-radius: 8px;
}

.notificacion-activa p.notificacion-perfil-usuario {
    background-color: var(--secondary_orange);
    border: 2px solid var(--secondary_orange);
    color: white !important;
    font-size: 0.9rem;
    padding: 0.5rem 1.1rem;
    border-radius: 15rem;
    content: 'Nueva notificación';
}

.tabla-diferentes-colores:nth-child(2n) {
    background-color: var(--light_light_gray);
}

.tabla-diferentes-colores:hover {
    background-color: #ebebeb;
}

.notificacion-desactiva {
    border: 2px solid #666666;
    border-radius: 8px;
}

.notificacion-desactiva p.notificacion-perfil-usuario {
    background-color: #666666;
    border: 2px solid #666666;
    color: white !important;
    font-size: 0.9rem;
    padding: 0.5rem 1.1rem;
    border-radius: 15rem;
    content: 'Nueva notificación';
}

.notificacion-desactiva svg {
    filter: grayscale(1);
}


.boton-notificacion-menu {
    background: white;
    border: 1px solid gray;
    border-radius: 3px;
}

#modalLateralNotificaciones .modal-dialog {
    margin: 0;
    height: 100vh;
    position: fixed;
    right: -100%;
    top: 0;
    transition: right 0.5s ease-in-out;
    /* Transición suave */
}

#modalLateralNotificaciones.show .modal-dialog {
    right: 0;
}

#modalLateralNotificaciones .modal-content {
    height: 100%;
}

#modalLateralNotificaciones .modal-header,
#modalLateralNotificaciones .modal-body {
    border-radius: 0;
}

#modalLateralNotificaciones .modal-body {
    max-height: 85vh;
    overflow-y: scroll;
}

#modalLateralNotificaciones .modal-footer {
    box-shadow: gray 0rem 1rem 5rem 0rem;
}

.w-99 {
    width: 99%;
}

.modal-body::-webkit-scrollbar {
    width: fit-content
}

.modal-body::-webkit-scrollbar-track {
    background-color: transparent
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: var(--light_middle_gray);
    border-radius: 20px
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: var(--light_middle_gray);
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box
}

.modal-body::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray)
}



@media (max-width: 992px) {
    .border-bottom-mobile-gray {
        border-bottom: 2px solid #dee2e6;
    }

    #modalLateralNotificaciones .modal-dialog {
        margin: 0;
        height: 100vh;
        position: fixed;
        right: 0%;
        top: 0;
        transition: right 0.5s ease-in-out;
        /* Transición suave */
    }

    #modalLateralNotificaciones.show .modal-dialog {
        right: 0;
    }
}

/* Inicio Aula virtual*/
.str-video__generic-menu .str-video__generic-menu--item {
    color: aliceblue;
}

.str-video__notification .str-video__notification__message {
    color: aliceblue;
}

.str-video__participant-view .str-video__participant-details .str-video__participant-details__name {
    color: aliceblue;
}

.border_light_blue {
    border: 4px solid #C0EBF2 !important;
    border-radius: 10px;
}

.ellipse_3_lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* Limita a 3 líneas */
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipse_3_lines_s {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /* Limita a 3 líneas */
    overflow: hidden;
    text-overflow: ellipsis;
}


a.btn-inscribirme {
    border-radius: 8px;
    background-color: var(--corporative_blue);
    color: white !important;
    border: 2px solid var(--corporative_blue);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-inscribirme:hover {
    background-color: var(--corporative_blue_hover);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.btn-inscribirme::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_570_16)"><path d="M21.0234 15.0234H15.0234V21.0234C15.0234 22.6816 13.6816 24.0234 12.0234 24.0234C10.3667 24.0234 9.02344 22.6816 9.02344 21.0234V15.0234H3.02344C1.36669 15.0234 0.0234375 13.6816 0.0234375 12.0234C0.0234375 10.3667 1.36669 9.02344 3.02344 9.02344H9.02344V3.02344C9.02344 1.36669 10.3667 0.0234375 12.0234 0.0234375C13.6816 0.0234375 15.0234 1.36669 15.0234 3.02344V9.02344H21.0234C22.6816 9.02344 24.0234 10.3667 24.0234 12.0234C24.0234 13.6816 22.6816 15.0234 21.0234 15.0234Z" fill="white"/></g><defs><clipPath id="clip0_570_16"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}



.btn-bloqueado-modulo {
    border-radius: 8px;
    background-color: #E2E2E2;
    color: #333333 !important;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    transition: ease-in-out 0.2s;
    font-weight: bold;
    border-radius: 20rem;
}

.btn-bloqueado-modulo::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M19.7916 8.775V7.29165C19.7916 3.2646 16.5271 0 12.5 0C8.47289 0 5.20834 3.2646 5.20834 7.29165V8.775C3.31254 9.60239 2.08608 11.4732 2.08334 13.5417V19.7917C2.08676 22.6667 4.41659 24.9966 7.29164 25H17.7083C20.5833 24.9966 22.9132 22.6667 22.9166 19.7917V13.5417C22.914 11.4732 21.6874 9.60239 19.7916 8.775ZM13.5416 17.7083C13.5416 18.2836 13.0753 18.75 12.5 18.75C11.9247 18.75 11.4583 18.2836 11.4583 17.7083V15.625C11.4583 15.0497 11.9247 14.5833 12.5 14.5833C13.0753 14.5833 13.5416 15.0497 13.5416 15.625V17.7083ZM17.7083 8.33335H7.29164V7.2917C7.29164 4.41523 9.62348 2.08335 12.5 2.08335C15.3765 2.08335 17.7083 4.41519 17.7083 7.2917V8.33335Z" fill="%23444444"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

.btn-realizado-modulo {
    border-radius: 8px;
    background-color: var(--corporative_orange);
    color: white !important;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 25px;
    text-decoration: none !important;
    transition: ease-in-out 0.2s;
    font-weight: bold;
    border-radius: 20rem;
}

.btn-realizado-modulo::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><g clip-path="url(%23clip0_570_87)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.5C0 24.6173 2.38275 27 13.5 27C24.6173 27 27 24.6173 27 13.5C27 2.38275 24.6173 0 13.5 0C2.38275 0 0 2.38275 0 13.5ZM18.7955 9.3295C19.2348 9.76883 19.2348 10.4812 18.7955 10.9205L13.1705 16.5455C12.7311 16.9848 12.0188 16.9848 11.5795 16.5455L8.76693 13.733C8.3276 13.2937 8.3276 12.5813 8.76693 12.142C9.20626 11.7027 9.9186 11.7027 10.3579 12.142L12.3749 14.159L17.2044 9.3295C17.6438 8.89017 18.3561 8.89017 18.7955 9.3295Z" fill="white"/></g><defs><clipPath id="clip0_570_87"><rect width="27" height="27" fill="white"/></clipPath></defs></svg>');

    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}



.btn.btn-outline-2 {
    min-width: 140px;
    border-radius: 8px;
    padding: 12px 15px;
    background-color: white;
    color: var(--corporative_blue);
    border: 2px solid var(--corporative_blue);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    padding: 0px 35px;
    padding: 12px 20px 12px 20px;
}

.btn.btn-outline-2:hover {
    background-color: var(--corporative_blue);
    color: white;
}


a.btn-acceder-ahora-aula-virtual {
    border-radius: 8px;
    background-color: white;
    color: var(--corporative_blue) !important;
    border: 2px solid white;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    padding: 12px 45px 12px 20px;
    text-decoration: none !important;
    display: inline-block;
    transition: ease-in-out 0.2s;
    font-weight: bold;
}

a.btn-acceder-ahora-aula-virtual:hover {
    background-color: var(--corporative_blue);
    border: 2px solid var(--corporative_blue);
    transition: ease-in-out 0.2s;
    color: white !important;
    transition: .2s ease-in-out;
}

a.btn-acceder-ahora-aula-virtual::after {
    flex-shrink: 0;
    position: absolute;
    margin-top: -0.8rem;
    margin-left: -0.5rem;
    width: 3em;
    height: 3em;
    content: " ";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><g clip-path="url(%23clip0_605_496)"><path d="M23.6403 0.01625C23.6133 0.0140833 23.5905 0 23.5623 0H11.9165C10.1247 0 8.6665 1.45817 8.6665 3.25V4.33333C8.6665 4.93133 9.15184 5.41667 9.74984 5.41667C10.3478 5.41667 10.8332 4.93133 10.8332 4.33333V3.25C10.8332 2.65308 11.3196 2.16667 11.9165 2.16667H16.9638L16.6333 2.27717C15.7558 2.5805 15.1665 3.40708 15.1665 4.33333V20.5833H11.9165C11.3196 20.5833 10.8332 20.0969 10.8332 19.5V17.3333C10.8332 16.7353 10.3478 16.25 9.74984 16.25C9.15184 16.25 8.6665 16.7353 8.6665 17.3333V19.5C8.6665 21.2918 10.1247 22.75 11.9165 22.75H15.1665V23.8333C15.1665 25.0283 16.1383 26 17.3332 26C17.565 26 17.7849 25.9664 18.0233 25.8927L24.5319 23.7228C25.4105 23.4195 25.9998 22.5929 25.9998 21.6667V2.16667C25.9998 0.9035 24.9111 -0.0866667 23.6403 0.01625Z" fill="%23016A7F"/><path d="M11.5992 10.0689L7.26592 5.73559C6.95608 5.42576 6.49025 5.33259 6.08508 5.50051C5.681 5.66842 5.41667 6.06384 5.41667 6.50151V9.75151H1.08333C0.485333 9.75151 0 10.2368 0 10.8348C0 11.4328 0.485333 11.9182 1.08333 11.9182H5.41667V15.1682C5.41667 15.6058 5.681 16.0013 6.08508 16.1692C6.49025 16.3371 6.95608 16.2439 7.26592 15.9341L11.5992 11.6008C12.0228 11.1772 12.0228 10.4925 11.5992 10.0689Z" fill="%23016A7F"/></g><defs><clipPath id="clip0_605_496"><rect width="26" height="26" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    transition: .2s ease-in-out;
}

a.btn-acceder-ahora-aula-virtual:hover::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><g clip-path="url(%23clip0_605_496)"><path d="M23.6403 0.01625C23.6133 0.0140833 23.5905 0 23.5623 0H11.9165C10.1247 0 8.6665 1.45817 8.6665 3.25V4.33333C8.6665 4.93133 9.15184 5.41667 9.74984 5.41667C10.3478 5.41667 10.8332 4.93133 10.8332 4.33333V3.25C10.8332 2.65308 11.3196 2.16667 11.9165 2.16667H16.9638L16.6333 2.27717C15.7558 2.5805 15.1665 3.40708 15.1665 4.33333V20.5833H11.9165C11.3196 20.5833 10.8332 20.0969 10.8332 19.5V17.3333C10.8332 16.7353 10.3478 16.25 9.74984 16.25C9.15184 16.25 8.6665 16.7353 8.6665 17.3333V19.5C8.6665 21.2918 10.1247 22.75 11.9165 22.75H15.1665V23.8333C15.1665 25.0283 16.1383 26 17.3332 26C17.565 26 17.7849 25.9664 18.0233 25.8927L24.5319 23.7228C25.4105 23.4195 25.9998 22.5929 25.9998 21.6667V2.16667C25.9998 0.9035 24.9111 -0.0866667 23.6403 0.01625Z" fill="white"/><path d="M11.5992 10.0689L7.26592 5.73559C6.95608 5.42576 6.49025 5.33259 6.08508 5.50051C5.681 5.66842 5.41667 6.06384 5.41667 6.50151V9.75151H1.08333C0.485333 9.75151 0 10.2368 0 10.8348C0 11.4328 0.485333 11.9182 1.08333 11.9182H5.41667V15.1682C5.41667 15.6058 5.681 16.0013 6.08508 16.1692C6.49025 16.3371 6.95608 16.2439 7.26592 15.9341L11.5992 11.6008C12.0228 11.1772 12.0228 10.4925 11.5992 10.0689Z" fill="white"/></g><defs><clipPath id="clip0_605_496"><rect width="26" height="26" fill="white"/></clipPath></defs></svg>');
}


.bloque-curso {
    width: 48%;
    display: flex;
}


.btn.btn-solid-2 {
    border-radius: 8px;
    padding: 0px 35px;
    background-color: var(--corporative_blue);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #FFFFFF !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-solid-2:hover {
    background-color: var(--corporative_blue_hover);
}

.btn.btn-outline-3 {
    border-radius: 8px;
    padding: 0px 15px;
    background-color: white;
    color: var(--corporative_blue);
    border: 2px solid var(--corporative_blue);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 48px;
    text-align: center;
}

.btn.btn-outline-3:hover {
    background-color: var(--corporative_blue);
    color: white;
}

.btn.btn-outline-3:hover svg path {
    fill: #ffffff;
}

.text-orange {
    color: var(--secondary_orange)
}

.text-blue {
    color: var(--corporative_blue_hover)
}

.text-white {
    color: white;
}

.bg-orange {
    background-color: var(--secondary_orange);
}

.tesela-img-calendar {
    min-height: 250px;
}

.img-setting-engranaje.dropdown-toggle::after {
    content: none;
}

.badge.rounded-pill.bg-secondary {
    background-color: #DDDDDD !important;
    color: var(--gray)
}




.arrow-pagination-dashboard a,
.arrow-dashboard.page-link {
    border-radius: 6px !important;
}

.arrow-dashboard.page-link {
    color: #444;
    background-color: white;
    border: 1px solid #5a5a5a;
    min-width: 40px;
    text-align: center;
}

.arrow-dashboard.page-link:hover {
    color: white;
    background-color: #5a5a5a;
    border: 1px solid #5a5a5a;
}

.arrow-dashboard.page-link.active {
    color: white;
    background-color: #5a5a5a !important;
    border: 1px solid white;
}

li.arrow-pagination-dashboard.disabled .page-link {
    border-color: #ddd;
    background: #ddd;
    color: #aaa;
    pointer-events: none;
}

li.arrow-pagination-dashboard.disabled:hover .page-link {
    border-color: #ddd;
    background: #ddd;
    color: #aaa;
    pointer-events: none;
}

li.arrow-pagination-dashboard .page-link {
    background: #c0ebf2;
    color: #016a7f;
}

li.arrow-pagination-dashboard:hover .page-link {
    border: color #92d9e2;
    background: #92d9e2;
    color: #016a7f;
}

*[readonly] {
    border-color: #ddd;
    background: var(--bs-secondary-bg);
    color: #aaa;
    pointer-events: none;
}


#formAulaVirtual input,
#formAulaVirtual select,
#formAulaVirtual textarea,
#formAulaVirtualDocente input,
#formAulaVirtualDocente select,
#formAulaVirtualDocente textarea {
    padding: 15px 20px;
    width: 100%;
    font-size: 1em;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    transition: ease-in-out 0.2s;
    font-size: 1.05rem;
}

#formAulaVirtual input::placeholder,
#formAulaVirtual select::placeholder,
#formAulaVirtualDocente input::placeholder,
#formAulaVirtualDocente select::placeholder {
    font-size: 1.05rem;
}

#formAulaVirtual input:focus-visible,
#formAulaVirtual select:focus-visible,
#formAulaVirtualDocente input:focus-visible,
#formAulaVirtualDocente select:focus-visible {
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
    outline: white auto 0px;
    transition: ease-in-out 0.2s;
}

#formAulaVirtual label,
#formAulaVirtualDocente label {
    font-size: 1.2rem;
}

#formAulaVirtual input.form-check-input#si-plazas-limitadas[type=radio],
#formAulaVirtual input.form-check-input#no-plazas-limitadas[type=radio],
#formAulaVirtual input.form-check-input#si-notificar-menos-3-plazas[type=radio],
#formAulaVirtual input.form-check-input#no-notificar-menos-3-plazas[type=radio],
#formAulaVirtual input.form-check-input#si-admite-preguntas[type=radio],
#formAulaVirtual input.form-check-input#no-admite-preguntas[type=radio],
#formAulaVirtual input.form-check-input#si-inscribirse-otra-sesion[type=radio],
#formAulaVirtual input.form-check-input#no-inscribirse-otra-sesion[type=radio] {
    height: 55px;
    width: 70px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    justify-content: center;
    display: flex;
}

#formAulaVirtual input#si-plazas-limitadas::before,
#formAulaVirtual input#si-notificar-menos-3-plazas::before,
#formAulaVirtual input#si-admite-preguntas::before,
#formAulaVirtual input#si-inscribirse-otra-sesion::before {
    content: "Sí";
}

#formAulaVirtual input#no-plazas-limitadas::before,
#formAulaVirtual input#no-notificar-menos-3-plazas::before,
#formAulaVirtual input#no-admite-preguntas::before,
#formAulaVirtual input#no-inscribirse-otra-sesion::before {
    content: "No";
}

#formAulaVirtual input.form-check-input#rb-videocall[type=radio],
#formAulaVirtual input.form-check-input#rb-livestream[type=radio] {
    height: 55px;
    width: 120px;
    padding: 14px 19px;
    color: #a0a0a0;
    justify-content: center;
    justify-content: center;
    display: flex;
}

#formAulaVirtual input#rb-videocall::before {
    content: "Videocall";
}

#formAulaVirtual input#rb-livestream::before {
    content: "Livestream";
}

#formAulaVirtual .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
    background-color: var(--secondary_blue);
    border-color: var(--secondary_blue);
    color: var(--corporative_blue) !important;
}

#formAulaVirtual .form-check-input:focus {
    box-shadow: none;
}

#formAulaVirtual .form-check-input {
    cursor: pointer;
}

.elemento-sticky-boton-pregunta {
    height: 120px;
    width: 120px;
    background-color: #C0EBF2;
    padding: 15px 10px 10px 10px;
    border-radius: 15px;
    z-index: 9999;
    position: fixed;
    bottom: 50px;
    right: 20px;
    text-decoration: none;
    text-align: center;
    -webkit-box-shadow: #041e426a 0px 0px 20px 0px !important;
    -moz-box-shadow: #041e426a 0px 0px 20px 0px !important;
    box-shadow: #041e426a 0px 0px 20px 0px !important;
    transition: ease-in-out 0.2s;
}

.elemento-sticky-boton-pregunta:hover {
    background-color: #92d9e2;
    transition: ease-in-out 0.2s;
}

.elemento-sticky-boton-pregunta p {
    color: #00809A;
    text-align: center;
    font-size: 1rem;
    line-height: 1.1rem;
    margin-bottom: 8px;
}

.elemento-sticky-boton-pregunta img {
    height: 50px;
    width: 50px;
}

.pregunta-modal textarea {
    padding: 15px;
    border: 3px solid #d4d4d4;
    border-radius: 5px;
}

.form-control:focus {
    background-color: white;
    border-color: #92d9e2;
    outline: 0;
    box-shadow: 0px 0px 10px 0px #c0c8ca;
    transition: ease-in-out 0.2s;
}

@media (min-width: 1700px) {
    .container.container-big-1 {
        max-width: 1680px;
    }

    .scroll-preguntas {
        height: 56vh;
        overflow-y: scroll;
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .container.container-big-1 {
        max-width: 1580px;
    }

    .scroll-preguntas {
        height: 50vh;
        overflow-y: scroll;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .container.container-big-1 {
        max-width: 1480px;
    }

    .scroll-preguntas {
        height: 48vh;
        overflow-y: scroll;
    }

}

@media (min-width: 992px) and (max-width: 1500px) {

    .scroll-preguntas {
        height: 250px;
        overflow-y: scroll;
    }
}


@media (max-width: 992px) {
    .scroll-preguntas {
        height: 35vh;
        overflow-y: scroll;
    }
}

@media (max-width: 1200px) {
    .btn.btn-outline-2 {
        line-height: 22px !important;
    }
}

@media (max-width: 768px) {
    .bloque-curso {
        width: 100%;
        display: flex;
    }

    .rem_2 {
        min-height: 30px;
    }

    .tesela-img-calendar {
        min-height: 350px;
    }
}

/* Fin Aula virtual*/