:root {
     --fuente: 'Montserrat';

     --color_primario: #48494e;
     --color_secundario: #f08858;
     --color_secundario_lt: #f89f3f;
     --color_secundario_lt_hover: #ffbe78;
     --color_badge: #92bfc1;
     --color_logo_bg_ext: #34393b19;
     --color_logo_bg_int: #595a5c;

     --color_badge_azul: #92bfc1;
     --color_badge_azul_transp: #92bfc154;
     --color_badge_gris: #4b4e50ad;
     --color_badge_gris_transp: #4b4e501f;

     /* to bottom */
     --color_modulo1: linear-gradient(to bottom, #2d6fddd1 0%, #3dc4e4d1 100%);
     --color_modulo2: linear-gradient(to bottom, #4f983ed1 0%, #bbd63bd1 100%);
     --color_modulo3: linear-gradient(to bottom, #4f369bd1 0%, #b766ccd1 100%);
     --color_modulo4: linear-gradient(to bottom, #40ac9fd1 0%, #64c4b6d1 100%);
     /* to bottom opacity */
     --color_opacity_modulo1: linear-gradient(to bottom, #2d6eddab 0%, #3dc4e4cc 100%);
     --color_opacity_modulo2: linear-gradient(to bottom, #4f983eb3 0%, #bbd63bcc 100%);
     --color_opacity_modulo3: linear-gradient(to bottom, #4f369bab 0%, #b866cca6 100%);
     --color_opacity_modulo4: linear-gradient(to bottom, #40ac9fd1 0%, #64c4b6d1 100%);
     /* to right */
     --color_right_modulo1: linear-gradient(to right, #2d6fdd 0%, #3dc4e4 100%);
     --color_right_modulo2: linear-gradient(to right, #4f983e 0%, #bbd63b 100%);
     --color_right_modulo3: linear-gradient(to right, #4f369b 0%, #b766cc 100%);
     --color_right_modulo4: linear-gradient(to right, #40ac9f 0%, #64c4b6 100%);
     /* solido */
     --color_solido_modulo1: #eaf2fc;
     --color_solido_modulo2: #f1f6eb;
     --color_solido_modulo3: #f1ecf7;
     --color_solido_modulo4: #edf8f6;
     --color_solido_modulo5: #fdece0;

     --color_opacity_modulo1_thead: #e5eeffab;
     --color_opacity_modulo2_thead: #f8e6d2ab;

     --color_neutral: linear-gradient(to bottom, #a1c3ca 0%, #99bcc4 100%);
     --color_cuadrito1: linear-gradient(to bottom, #bbd63bcc 0%, #4f983eb3 100%);
     --color_cuadrito2: linear-gradient(to bottom, #f8923f 0%, #f96332 100%);

     --color_link1: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
     --color_link2: linear-gradient(60deg, #f8923f 0%, #f96332 100%);

     --color_boton_gradient1: linear-gradient(to bottom right, #64b3f4 0%, #c2e59c 100%);

     --bg_tabla_col_1: #b0c7de30;
     --bg_tabla_col_2: #b1b0de30;
     --bg_tabla_col_3: #d5b0de30;
     --bg_tabla_col_4: #deb0b030;

     /* transition: all 0.25s ease-out; */
 }

 html,
 body {
     /* background-color: #ebecf1; */
     background-color: #f2f2f2 !important;
     color: #434343;
 }

 html,
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: var(--fuente), sans-serif;
 }

 a,
 a:focus {
     color: var(--color_secundario_lt);
 }

 a:hover {
     color: var(--color_secundario_lt_hover);
 }

 .material-symbols-outlined {
     font-variation-settings:
         'FILL'0,
         'wght'100,
         'GRAD'-25,
         'opsz'30
 }

 .material-symbols-rounded {
     font-variation-settings:
         'FILL'0,
         'wght'100,
         'GRAD'-25,
         'opsz'30
 }

 .mt-n1 {
     margin-top: -0.25rem !important;
 }

 .mt-n2 {
     margin-top: -0.5rem !important;
 }

 .mt-n3 {
     margin-top: -1rem !important;
 }

 .mt-n4 {
     margin-top: -2rem !important;
 }

 .mt-n5 {
     margin-top: -3rem !important;
 }

 .cargando,
 .cargando_full {
     position: fixed;
     display: none;
     opacity: 0;
     /* background: #0000001a; */
     margin: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99000 !important;
 }

 .cargando>.dimmer {
     background-color: #00000099;
 }

 .cargando_full {
     display: block;
     opacity: 1;
 }

 .cargando_full>.dimmer {
     /* background-color: #313131; */
     position: absolute;
     /* background-image: url(../img/login.jpg); */
     background-size: cover;
     background-position: center center;
     width: 100%;
     height: 100%;

     background-color: #121212;
     background-image:
         radial-gradient(ellipse at 10% 20%, #49221D 0%, #12121200 20%, #12121200 40%),
         radial-gradient(ellipse at 85% 5%, #38212B 0%, #12121200 10%),
         radial-gradient(ellipse at 100% 70%, #49221D 0%, #12121200 30%),
         radial-gradient(ellipse at 80% 0%, #38212B 0%, #12121200 20%),
         radial-gradient(ellipse at 30% 100%, #12121200 -20%, #38212B 10%, #12121200 40%);
 }

 .videoFondo {
     position: fixed;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     transform: translateX(-50%) translateY(-50%);
     background: url('') no-repeat;
     background-size: cover;
     transition: .3s opacity;
 }

 .wrapper {
     height: 100%;
 }

 .divisor {
     width: 100%;
     height: 1px;
     background: #a3acb4;
     margin: 20px 0;
     display: inline-block;
 }

 .divisor_min {
     width: 80%;
     height: 1px;
     background: #a3acb4;
     margin: 0 auto;
     display: inline-block;
 }

 .texto_back {
     padding: 30px;
     /* border: 2px dashed #F27526;
    border-radius: 6px; */
     background: #fdf6e6;
 }

 .logo {
     height: 150px;
     /* background-image: url(../img/logo.png); */
     background-size: 250px;
     background-repeat: no-repeat;
     background-position: center;
     /* margin-bottom: 20px; */
     /* width: 200%; */
     margin: 30px -150% 30px -150%;
     /* background-color: #ffffffaf;
    background-position-x: center; */
 }

 .sidebar {
     box-shadow: 0 2px 22px 0 #0000001a, 0 2px 5px 0 #0000001a;
 }

 .sidebar:after {
     /* background: linear-gradient(to bottom, #ffffff 0%, #5b646b 100%); */
     background: var(--color_primario);
 }

 .sidebar_curso,
 .sidebar_mentoria {
     display: none;
     width: 240px;
 }

 .sidebar-wrapper {
     margin-top: 0px;
 }

 .sidebar_curso>.sidebar-wrapper,
 .sidebar_mentoria>.sidebar-wrapper {
     width: 240px;
     overflow-x: hidden;
 }

 .sidebar_curso:after,
 .sidebar_mentoria:after {
     /* background: linear-gradient(to bottom, #ffffff 0%, #5b646b 100%); */
     background: #f3f0f6;
 }

 .side-nav_curso,
 .side-nav_mentoria {
     height: fill-available;
     height: -webkit-fill-available;
 }

 .sidebar .nav {
     margin-top: 50px;
 }

 .sidebar .nav li>a {
     background-color: var(--color_primario);
     color: #fff;
 }

 .sidebar .nav li.active>a {
     background-color: #00000040;
     color: #fff;
 }

 .sidebar .nav li.inactive>a:hover {
     background-color: #ffffff10;
     color: #fff;
 }

 .sidebar .nav li.active>a i {
     color: #fff;
 }

 .sidebar .nav li>a:hover {
     color: #fff;
 }

 .sidebar .nav li.active>a {
     cursor: default;
 }

 .sidebar .nav li>a,
 .sidebar .nav li>a {
     border-radius: 0%;
 }

 .nav li>a {
     margin: 0 !important;
     padding: 10px 20px !important;
 }


 /* poweredby */
 .poweredby {
     position: absolute;
     display: flex;
     margin-bottom: -100px;
     bottom: 110px;
     margin-left: 40px;
     font-size: 10px;
     color: #e7e7e759;
     z-index: 999;
     cursor: pointer;
 }

 .poweredby_brand {
     color: #e7e7e7b0;
 }

 .poweredby_logo {
     width: 80px;
     margin-left: 15px;
     margin-top: -15px;
 }

 /* poweredby */

 .navbar {
     display: none;
     /* position: sticky; */
     background: var(--color_secundario);
     /* background: linear-gradient(to right, #F27526 20% ,#F77E48 100%); */
     box-shadow: none;
     height: 0px;
     margin-top: -5px;
     margin-right: 0;
     margin-left: auto;
     z-index: 100;
     opacity: 0;
     transition: all .3s ease;
 }

 .main-panel>.navbar {
     height: 90px;
     padding-bottom: 0rem;
 }

 /* .navbar .navbar-wrapper { */
 /* margin-top: -20px; */
 /* } */

 .navbar .navbar-toggler-bar {
     background: #fff;
     height: 2px;
 }

 .panel-header {
     background: var(--color_secundario);
     /* background: linear-gradient(to right, #F27526 0% ,#F77E48 100%); */
     box-shadow: none;
     height: 120px;
     padding-top: 40px;
     padding-bottom: 45px;
     margin-top: 80px;
     transition: all .3s ease;
 }

 .panel-header .header .title {
     color: #fff;
 }

 .col_sin_padding {
     padding: 0;
 }

 .div_perfil_int {
     margin-top: 15px;
     margin-right: 10px !important;
 }

 .perfil {
     display: flex;
     margin-right: 60px;
     line-height: 22px;
     /* color: #d9e2ede8; */
 }

 .perfil>i {
     font-size: 20px;
     /* color: #ffffff; */
 }

 .usuario_perfil_img {
     float: left;
     margin-top: -5px;
 }

 .nombre_perfil {
     margin-left: 10px;
     font-size: 14px;
     color: #ffffff;
 }

 .nombre_perfil_int {
     margin-left: 10px;
     font-size: 14px;
 }

 /* login */

 .page-header-image {
     position: absolute;
     background-size: cover;
     background-position: center center;
     width: 100%;
     height: 100%;

     background-color: #121212;
     background-image:
         radial-gradient(ellipse at 10% 20%, #49221D 0%, #12121200 20%, #12121200 40%),
         radial-gradient(ellipse at 85% 5%, #38212B 0%, #12121200 10%),
         radial-gradient(ellipse at 100% 70%, #49221D 0%, #12121200 30%),
         radial-gradient(ellipse at 80% 0%, #38212B 0%, #12121200 20%),
         radial-gradient(ellipse at 30% 100%, #12121200 -20%, #38212B 10%, #12121200 40%);
 }

 .logo_ch {
     height: 100px;
     /* background-image: url(../img/logo_ch.png); */
     /* background-color: #ffffff !important; */
     /* background-image: url(../img/logo.svg); */
     background-size: 120px;
     background-repeat: no-repeat;
     background-position: center;
     margin-bottom: -50px;
     margin-left: -20px;
 }

 .logo_ch:after {
     margin-bottom: -5px;
     /* background-color: #ffffff00 !important; */
 }

 /* .main-panel, */
 /* .jumbotron { */
 /* background-color: #f2f2f2; */
 /* } */

 .main-panel,
 .navbar-toggler,
 .sidebar,
 .panel-header,
 .perfil {
     display: none;
     /* width: calc(100% - 260px); */
 }

 .main-panel_100 {
     height: 100%;
     width: 100%;
 }

 #divLogin {
     position: relative;
     top: 45%;
     transform: translate(0, -50%);
     /* background: #282829a6; */
     padding-bottom: 30px;
     overflow: hidden;
 }

 .mensaje_error_login {
     color: #fff;
     text-align: center;
 }

 .input-group-prepend .input-group-text i {
     opacity: .5;
     padding-right: 30px;
     color: #000;
 }

 .form-control,
 .form-control:active,
 .form-control:focus {
     /* border-radius: 30px !important; */
     border: 1px solid var(--color_secundario_lt);
 }

 .input_textarea {
     border-radius: 15px !important;
     color: #2c2c2c;
     line-height: normal !important;
     padding: .375rem .75rem !important;
 }

 #buscadorClean,
 #buscadorClean:focus {
     border: 0px !important;
 }

 .form-control1 {
     position: absolute;
     right: 30px;
     /* margin-top: -90px; */
     width: 200px;
     background-color: #ffffffcc;
 }

 .form-control2 {
     position: absolute;
     right: 30px;
     /* margin-top: -90px; */
     width: 300px;
     background-color: #ffffffcc;
 }

 .form-control3 {
     position: absolute;
     right: 30px;
     margin-top: -140px;
     width: 300px;
     background-color: #ffffffcc;
 }

 .input-group.no-border .form-control {
     background-color: #dededee6;
     color: #000;
 }

 .input-group.no-border .form-control:focus {
     background-color: #dedede;
 }

 .input_fechas_1 {
     margin-right: 20px !important;
     margin-left: 20px !important;
     border-radius: 30px !important;
     border: 1px solid #e3e3e3 !important;
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
 }

 .input_fechas_2 {
     margin-left: 20px !important;
     border-radius: 30px !important;
     border: 1px solid #e3e3e3 !important;
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
 }

 .input_fechas_1:focus,
 .input_fechas_2:focus {
     border: 1px solid var(--color_secundario_lt) !important;
 }

 .input_prepend {
     background-color: #00000066 !important;
 }

 .input_prepend i {
     color: #ffffff !important;
 }

 .titulo_label {
     margin-bottom: 10px;
 }

 .input_label {
     display: contents;
     font-size: 12px;
 }

 .input_editar {
     height: 36px;
     font-size: 14px;
 }

 .botonVerPassword {
     position: absolute;
     right: -270px;
     width: 30px;
     font-size: 16px;
     cursor: pointer;
     height: 50px;
     padding: 10px 0;
     margin-right: 270px;
 }


 .textarea_editar {
     border-radius: 15px !important;
     line-height: 1.3 !important;
     padding: 8px 10px 8px 10px !important;
     font-size: 12px;
 }

 .area_editor {
     height: 100px;
 }

 .area_editor_simple {
     width: 100%;
     height: 100px;
     /* border: 1px solid #9a9dad !important; */
     font-size: 12px;
     padding: 5px 10px !important;
     line-height: 1.2 !important;
 }

 .area_editor_simple_dis {
     width: 100%;
     height: 100px;
     border: 1px solid #9a9dad !important;
     font-size: 14px;
     padding: 5px 10px !important;
     line-height: 1.2 !important;
 }

 .form-check-sign:before {
     top: 3px;
     left: 3px;
 }

 .image-uploader,
 .input_archivo {
     border: 2px dashed var(--color_secundario_lt);
     border-radius: 6px;
 }

 /* .input_archivo { */
 /* padding: 30px; */
 /* } */

 .input_select {
     padding: 0 10px !important;
 }

 /* .input-group * {
    width: auto !important;
}

.input-group .form-control {
    width: auto !important;
} */

 .modalAgregaUsuario,
 .ancho {
     max-width: 960px !important;
 }

 .dt-button {
     display: none;
 }

 .btn-rojo {
     background-color: #e05349;
     color: #fff;
     /* padding-right: 10px;
    padding-left: 10px;
    font-size: 12px; */
 }

 .btn-rojo:hover,
 .btn-rojo:focus,
 .btn-rojo:active,
 .btn-rojo.disabled {
     background-color: #cf4339 !important;
 }

 .btn-rojo2 {
     background-color: #e5837d;
     color: #fff;
     /* padding-right: 10px;
    padding-left: 10px;
    font-size: 12px; */
 }

 .btn-rojo2:hover,
 .btn-rojo2:focus,
 .btn-rojo2:active,
 .btn-rojo2.disabled {
     background-color: #e46a63 !important;
 }

 .btn-azul {
     background-color: #7197b1;
     color: #fff;
 }

 .btn-azul:hover,
 .btn-azul:focus,
 .btn-azul:active,
 .btn-azul.disabled {
     background-color: #508cb4 !important;
 }

 .btn-success {
     background-color: #16614f;
     color: #fff;
 }

 .btn-success:hover,
 .btn-success:focus,
 .btn-success:active,
 .btn-success.disabled {
     background-color: #2b7765 !important;
 }

 .boton_morado {
     background-color: var(--color_secundario_lt) !important;
 }

 .boton_morado:hover,
 .boton_morado:active {
     background-color: #663d93 !important;
 }

 .boton_morado_alt {
     background-color: #f7ab5b !important;
     color: #fff !important;
 }

 .boton_morado_alt>.header {
     color: #fff !important;
 }

 .boton_morado_alt:hover,
 .boton_morado_alt:active {
     background-color: #f8923f !important;
 }

 .btn-naranja {
     background-color: #F27526;
     color: #fff;
 }

 .btn-naranja:hover,
 .btn-naranja:focus,
 .btn-naranja:active,
 .btn-naranja.disabled {
     background-color: #e96615 !important;
 }

 .btn-naranja2 {
     background-color: #fbc658;
     color: #fff;
 }

 .btn-naranja2:hover,
 .btn-naranja2:focus,
 .btn-naranja2:active,
 .btn-naranja2.disabled {
     background-color: #e7af3f !important;
 }

 .boton_naranja_alt {
     background-color: #f7ab5b !important;
     color: #fff !important;
 }

 .boton_naranja_alt>.header {
     color: #fff !important;
 }

 .boton_naranja_alt:hover,
 .boton_naranja_alt:active {
     background-color: #f8923f !important;
 }

 .btn-verde {
     background-color: #558f3a !important;
 }

 .btn-verde:hover {
     background-color: #16614f !important;
 }

 .btn-verde2 {
     background-color: #558f3a !important;
 }

 .btn-verde2:hover,
 .btn-verde2:focus,
 .btn-verde2:active,
 .btn-verde2.disabled {
     background-color: #6ead51 !important;
 }

 .btn-verde3 {
     background-color: #77b3b9 !important;
 }

 .btn-transparente {
     background-color: transparent !important;
     color: #fff;
     border: 1px solid transparent;
     box-shadow: none !important;
 }

 .btn-transparente:hover,
 .btn-transparente:focus,
 .btn-transparente:active,
 .btn-transparente.disabled {
     /* background-color: #ffffff28 !important; */
     border: 1px solid #ececec;
 }

 .btn-transparente-rojo {
     background-color: transparent !important;
     color: #fff;
     border: 1px solid transparent;
     box-shadow: none !important;
 }

 .btn-transparente-rojo:hover,
 .btn-transparente-rojo:focus,
 .btn-transparente-rojo:active,
 .btn-transparente-rojo.disabled {
     /* background-color: #ffffff28 !important; */
     border: 1px solid #f9643296;
 }

 .btn-transparente-azul {
     background-color: transparent !important;
     color: #fff;
     border: 1px solid transparent;
     box-shadow: none !important;
 }

 .btn-transparente-azul:hover,
 .btn-transparente-azul:focus,
 .btn-transparente-azul:active,
 .btn-transparente-azul.disabled {
     /* background-color: #ffffff28 !important; */
     border: 1px solid #5f9ea083;
 }

 .boton_gris1_alt {
     background-color: #74b8b5 !important;
     color: #fff !important;
 }

 .boton_gris1_alt>.header {
     color: #fff !important;
 }

 .boton_gris1_alt:hover,
 .boton_gris1_alt:active {
     background-color: #56b4b8 !important;
 }

 .boton_gris2_alt {
     background-color: #92b98d !important;
     color: #fff !important;
 }

 .boton_gris2_alt>.header {
     color: #fff !important;
 }

 .boton_gris2_alt:hover,
 .boton_gris2_alt:active {
     background-color: #7baf74 !important;
 }

 #botonEntrar {
     width: 200px;
 }

 .botonInputMenos,
 .botonInputMas {
     float: right;
     margin-right: 10px;
     padding-right: 10px;
     padding-left: 10px;
     font-size: 10px;
     font-weight: bolder;
     background-color: transparent !important;
     height: 16px;
     padding-top: 1px;
     z-index: 888;
     color: var(--color_secundario_lt) !important;
 }

 .botonMenos,
 .botonMas {
     margin-top: 0px;
     margin-left: 20px;
     font-size: 12px;
     /* background-color: transparent !important; */
     background-color: #92b98d !important;
     height: 20px;
     padding-top: 2px;
     z-index: 888;
     /* color: #f8923f !important; */
     /* border: 1px solid #Fa7A50 !important; */
 }

 .botonMas:hover,
 .botonMenos:hover {
     background-color: #7baf74 !important;
     /* color: #ff8300; */
     /* background-color: #fff !important; */
 }

 .botonInputMas {
     margin-top: -35px;
 }

 .botonInputMenos {
     margin-top: -20px;
 }

 .botonInputMas:hover,
 .botonInputMenos:hover {
     color: var(--color_secundario_lt);
     background-color: #fff !important;
     border: 1px solid var(--color_secundario_lt) !important;
 }

 .boton_normal {
     font-weight: 300;
 }

 .boton_bold {
     font-weight: 400;
 }

 .boton_ch {
     font-size: 11px;
 }

 .boton_right {
     padding: 5px 15px;
 }

 /* radioButtons */


 label {
     margin-bottom: .5rem;
 }

 [type=radio],
 [type=checkbox] {
     position: absolute;
     left: -9999px;
     visibility: hidden;
 }

 [type=radio]:not(:checked)+label:after,
 [type=radio]:not(:checked)+label:before {
     border-color: #5a5a5a;
 }

 [type=radio]+label,
 [type=checkbox]+label {
     position: relative;
     padding-left: 35px;
     cursor: pointer;
     display: inline-block;
     height: 25px;
     line-height: 25px;
     font-size: 1rem;
 }

 [type=radio]+label:after,
 [type=radio]+label:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     margin: 4px;
     width: 16px;
     height: 16px;
     z-index: 0;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     border-style: solid;
     border-width: 1px;
     -webkit-transition: .28s ease;
     -o-transition: .28s ease;
     transition: .28s ease;
 }

 [type=radio]:checked+label:before {
     border-color: transparent;
 }

 [type=radio]:checked+label:after {
     border-color: #92bfc1;
     background-color: #92bfc1;
 }

 /* radioButtons */

 .wrap_tema {
     border: 1px solid #d9d6ff !important;
     border-radius: 10px;
     background-color: #f1effd !important;
     padding: 20px;
     margin-top: 20px;
     margin-bottom: 50px;
     display: none;
 }

 .wrap_fecha {
     display: none;
 }

 /* .wrap_fecha>.input_fechas {
    display: none;
} */

 .curso_tema,
 .mentoria_tema {
     display: flex;
 }

 .wrap_tema>.row>input,
 .input_editar,
 .textarea_editar,
 .input_select {
     background-color: #ffffff !important;
 }

 .wrap_tema>.botonEliminarTema {
     margin-top: -10px;
     margin-right: -10px;
 }

 .btn_califAuto,
 .btn_obligatorio,
 .btn_visibleRec {
     margin-top: 8px !important;
 }

 .botonEliminarCurso,
 .botonEditarCurso,
 .botonEliminarMentoria,
 .botonEditarMentoria,
 .botonEliminarTema,
 .botonEliminarContenidoRecurso {
     padding-right: 10px;
     padding-left: 10px;
     font-size: 10px;
 }

 .botonEliminarCurso,
 .botonEliminarMentoria,
 .botonEliminarTema,
 .botonEliminarRecurso,
 .botonEliminarContenidoRecurso,
 .botonEliminarUsuario {
     background-color: darksalmon;
 }

 .botonEliminarCurso:hover,
 .botonEliminarCurso:active,
 .botonEliminarMentoria:hover,
 .botonEliminarMentoria:active,
 .botonEliminarTema:hover,
 .botonEliminarTema:active,
 .botonEliminarRecurso:hover,
 .botonEliminarRecurso:active,
 .botonEliminarContenidoRecurso:hover,
 .botonEliminarContenidoRecurso:active,
 .botonEliminarUsuario:hover,
 .botonEliminarUsuario:active {
     background-color: #da8366 !important;
 }

 .botonInscrito {
     background-color: #92b98d !important;
 }

 .botonAgregarCh {
     background-color: #92b98d !important;
     margin-right: 5px;
     padding-right: 10px;
     padding-left: 10px;
     font-size: 10px;
 }

 .botonAgregarCh:hover {
     background-color: #7baf74 !important;
     /* color: #ff8300; */
     /* background-color: #fff !important; */
 }

 .botonEliminarCh {
     background-color: darksalmon;
     margin-right: 5px;
     padding-right: 10px;
     padding-left: 10px;
     font-size: 10px;
 }

 .botonEliminarCh:hover {
     background-color: #da8366 !important;
     /* color: #ff8300; */
     /* background-color: #fff !important; */
 }


 .recurso_duracion,
 .recurso_calificacion {
     max-width: 200px;
 }

 .input_generico,
 .input_intentos,
 .input_duracion,
 .input_calificacion {
     height: 40px;
     background-color: #ffffff !important;
 }

 .input_generico_der {
     max-width: 100px;
     margin-left: auto !important;
 }

 .drop_generico_der {
     min-width: 100px;
     max-width: 100px;
     margin-left: auto !important;
 }

 .nav-tabs .nav-item {
     margin-bottom: -21px;
 }

 .tab_link {
     display: block;
     color: #3f3e41;
     border-bottom: 0px;
 }

 .tab_link.active {
     color: var(--color_secundario_lt);
     /* background-color: #f5f5f5; */
     border-bottom: 2px solid var(--color_secundario_lt);
     ;
     font-weight: bold;
 }

 .deshabilitado {
     pointer-events: none !important;
 }

 .deshabilitado>a {
     background-color: #5f6063 !important;
     color: #9b9fa2 !important;
     cursor: default !important;
 }

 .recurso_deshabilitado {
     opacity: 0.4;
     background: #c6cdd3;
     pointer-events: none !important;
 }

 .recurso_deshabilitado2 {
     opacity: 0.4;
     pointer-events: none !important;
 }

 .recurso_deshabilitado3 {
     opacity: 0.6;
     pointer-events: none !important;
 }

 .oculto {
     display: none;
     pointer-events: none !important;
 }

 .mostrado {
     display: block;
     pointer-events: all !important;
 }

 .dropdown-menu {
     border-radius: 10px !important;
     /* padding-top: 0px !important; */
     padding-bottom: 0px !important;
     max-height: 400px;
     overflow-y: auto;
     will-change: transform;
     cursor: pointer;
 }

 .dropdown-item {
     padding-top: 3px !important;
     padding-bottom: 3px !important;
     margin-top: 0 !important;
 }

 .dropdown-item:hover {
     background-color: #dfdbce77 !important;
 }

 .dropdown-toggle::after {
     margin-left: 5px;
 }


 .buscadorItemsDiv,
 .buscadorRubricasDiv {
     position: sticky;
     top: -8px;
     background: #fff;
     height: 40px;
     margin-top: -8px;
 }

 .buscadorItems,
 .buscadorRubricas {
     padding: 5px 20px;
     width: 90%;
     border-radius: 10px;
     border: 1px solid #7197b1;
     margin-left: 15px;
     margin-top: 6px;
     /* margin-bottom: 7px; */
     /* margin-right: -15px; */
 }

 .buscadorItems:focus,
 .buscadorRubricasDiv:focus {
     outline: none;
 }

 .select {
     display: initial;
     padding: 10px 0 10px 15px !important;
     text-align: left;
 }

 .select::after {
     position: absolute;
     top: 17px;
     right: 15px;
 }

 .badge {
     margin-left: 5px;
 }

 .badge_azul {
     color: #fff;
     background-color: var(--color_badge_azul);
 }

 #botonCerrar {
     background-color: #f5593d !important;
     color: #fff;
     border-radius: 0 0 10px 10px;
 }

 #botonCerrar:hover,
 #botonCerrar:focus,
 #botonCerrar:active,
 #botonCerrar.disabled {
     background-color: #e74a2e !important;
 }

 .sort_background {
     background-color: #d7d2f0;
 }

 .contenidoHandle {
     background: #fffafa;
     height: 30px;
     /* width: 30px; */
     border-radius: 5px;
     padding: 6px;
     border: 2px dotted var(--color_secundario_lt);
     cursor: grab;
 }

 /* contenido */

 #contenido {
     padding: 30px;
     background-color: #e9eaef;
     /* margin-top: -60px; */
 }

 .recursos_int {
     width: 100%;
     /* padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 960px; */
 }

 .claveCurso,
 .claveMentoria,
 .claveRecurso,
 .idUsuario,
 .claveUsuario {
     font-weight: bold;
     color: #508cb4;
 }

 .rowContenido {
     /* margin-right: 0px !important; */
     /* margin-left: 15px !important; */
     display: block !important;
 }

 .rowContenidoRecurso {
     /* margin-top: 10px; */
     margin-right: 0px !important;
     margin-left: 0px !important;
     /* display: none; */
 }

 .rowContenidoBotonEliminar {
     margin: 0 auto;
 }

 .calificaPor {
     display: none;
 }

 .title {
     margin-bottom: 10px;
 }

 .subtituloSeccion {
     max-width: 600px;
     color: #5d5d5d;
     margin: 0 auto;
     font-size: 14px;
 }

 .subseccion {
     max-width: 600px;
     /* color: hsla(0, 0%, 100%, .5); */
     margin: 0 auto;
     font-size: 14px;
 }

 .texto_subtitulo {
     color: #5d5d5d;
     font-size: 12px;
 }

 .texto_error {
     margin: -15px 0 0 20px;
     color: #f5593d;
     font-size: 12px;
     font-weight: bold;
 }

 .texto_error_swal {
     color: var(--color_secundario_lt);
     font-size: 12px;
     font-weight: bold;
 }

 .texto_error_gde {
     color: #f5593d;
     font-weight: bold;
 }

 .texto_error_normal {
     color: #f5593d;
     /* font-weight: bold; */
 }

 .texto_verde_normal {
     color: #16614f;
     /* font-weight: bold; */
 }

 .texto_azul_normal {
     color: #508cb4;
     /* font-weight: bold; */
 }

 .texto_extra {
     font-size: 12px;
 }

 .areaDatos {
     text-align: right;
     /* padding: 10px; */
     /* font-weight: bold; */
     /* background: #6e7e8999; */
     /* color: #6e7e8999; */
 }

 .modal-backdrop {
     z-index: 1050;
 }

 .modal {
     z-index: 1051;
 }

 .modalVerRecurso_centrado_vert {
     display: grid;
     height: calc(100% - 120px);
     align-items: center;
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .div_flex {
     display: flex;
 }

 .div_centrado {
     margin: 0 auto;
 }

 .div_centrado2 {
     display: flex;
     flex-direction: column;
     /* align-items: center; */
     margin: 0 auto;
 }

 /* .evaOMParte1 { */
 /* margin-top: calc(50% - 300px); */
 /* } */

 .evaOMParte2 {
     margin-top: 150px;
     height: calc(100vh - 100px);
     /* margin-bottom: 50px; */
 }

 .evaOMParte2_lanz {
     margin-top: 50px;
     height: calc(100vh - 100px);
     /* margin-bottom: 50px; */
 }

 /* .evaOMParte3 { */
 /* margin-top: calc(50% - 300px); */
 /* } */

 .div_right {
     float: right;
 }

 .texto_centrado {
     text-align: center;
 }

 .texto_bold {
     font-weight: bold;
 }

 .sec_tipo,
 .recTipoArchivo,
 .recTipoEntrega,
 .recTipoRubrica,
 .recVideoExterno {
     display: none;
 }

 /* secciones */

 #secEditarRecurso,
 #secEditarUsuario,
 #secGrupoUsuarios,
 #secEditarCurso,
 #secEditarMentoria {
     display: none;
 }

 #secEditarCurso,
 #secEditarMentoria {
     margin-top: -40px;
 }

 .rowLiga {
     border: 1px solid var(--color_badge);
     border-radius: 15px;
     padding: 20px;
 }

 /* #landingQR img {
    width: 200px;
    margin: 0 auto;
} */

 /* player */

 .barra_player {
     position: fixed;
     display: none;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 50px;
     line-height: 1;
     background-color: lavender;
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     transform: translateZ(0);
     -webkit-transform: translateZ(0);
     z-index: 1020;
 }

 .barra_player_texto {
     /*position: relative;*/
     left: 30px;
     /* margin-left: 300px; */
     font-size: 14px;
     text-align: center;
     color: #2c2c2c;
     line-height: 2.5em;
 }

 #botonCerrarContenido {
     position: static;
     font-size: 12px;
     height: 20px;
     margin: -25px 30px;
     float: right;
     line-height: 0.8em;
     margin-top: 15px;
 }

 .navegacion_player {
     position: absolute;
     background-color: #27282C;
     padding-top: 30px;
     margin-top: 64px;
     width: 240px;
     height: 92.9%;
 }

 .boton_anterior,
 .boton_siguiente {
     float: right;
     position: absolute;
     font-size: 12px;
     height: 20px;
     margin-top: 13px;
     line-height: 0.5;
 }

 .boton_anterior {
     right: 400px;
 }

 .boton_siguiente {
     right: 250px;
 }

 .boton_anterior>i {
     padding-right: 5px;
     font-size: 10px;
 }

 .boton_siguiente>i {
     padding-left: 5px;
     font-size: 10px;
     right: 250px;
 }

 .temaContenidoBoton,
 .temaRubricaBoton {
     padding: 10px 20px !important;
 }

 /* sidebar_curso  */

 .logo-wrapper {
     background-color: #616161;
     box-shadow: inset -10px 0px 30px -10px #00000033;
     -webkit-box-shadow: inset -10px 0px 30px -10px #00000033;
     -moz-box-shadow: inset -10px 0px 30px -10px #00000033;
     padding: 20px 20px 20px 20px;
 }

 .side-nav .logo-wrapper,
 .side-nav .logo-wrapper a {
     height: 240px;
 }

 /* .side-nav {
    box-shadow: inset -10px 0px 30px -10px #000000e6;
    -webkit-box-shadow: inset -10px 0px 30px -10px #000000e6;
    -moz-box-shadow: inset -10px 0px 30px -10px #000000e6;
} */

 .boton_sidebar {
     position: fixed;
     z-index: 9999;
     margin-top: 7px;
     margin-left: 10px;

     display: flex;
     color: #fff;
     text-transform: uppercase;
     cursor: pointer;
     display: none;
 }

 .boton_sidebar_texto {
     margin-left: 5px;
     font-size: 10px;
     line-height: 2.3;
 }

 .boton_temas {
     position: absolute;
     z-index: 1040;
     /* margin-top: 15px;
    margin-left: 15px; */
     background-color: #616161;
     width: 230px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 20px;

     display: flex;
     color: #fff;
     text-transform: uppercase;
     cursor: pointer;
     display: none;
 }

 .boton_temas_texto {
     margin-left: 5px;
     font-size: 10px;
     line-height: 2.3;
 }

 .titulo_div {
     margin-top: 40px;
 }

 .el_curso_titulo {
     font-size: 16px;
     color: #FFFFFF;
     line-height: 1.2;
     overflow: hidden;
     /* text-overflow: ellipsis; */
     display: -webkit-box;
     max-height: 120px;
     line-clamp: 5;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
 }

 .el_curso_subtitulo {
     font-size: 14px;
     color: #ffffffcc;
 }

 .progreso_div {
     position: absolute;
     /* bottom: -120px; */
     top: 205px;
     /* height: 59px; */
     /* background-color: #616161 !important; */
     width: 190px;
 }

 .progreso_tot {
     width: 100%;
     height: 3px;
     margin-top: 20px;
     float: left;
     background-color: #ffffff4d;
 }

 .progreso_act {
     width: 0px;
     height: 3px;
     margin-top: -3px;
     float: left;
     background-color: #ffffffcc;
 }

 .progreso_calif {
     position: relative;
     bottom: 43px;
     color: #ffffffcc;
     font-size: 11px;
     /* text-align: center; */
 }

 .progreso_texto {
     position: relative;
     bottom: 25px;
     color: #ffffffcc;
     font-size: 11px;
     /* text-align: center; */
 }

 .titulo_temas {
     border-bottom: 1px solid #9999994d;
     color: #424242 !important;
     margin-left: 0px;
     text-align: center;
     padding: 15px 0px 12px 0px;
     font-size: 12px;
 }

 /* .tema { */
 /* margin: 20px 0; */
 /* } */

 .tema_texto {
     padding: 10px;
     width: 240px;
     font-weight: bold;
     background: #6e7e8999;
     color: #fff;
 }

 .tema_recurso {
     background: #fff;
     padding: 15px 0;
     display: flex;
     cursor: pointer;
     transition: all .25s ease;
 }

 .tema_recurso:hover,
 .tema_recurso:active {
     background: #f1f1f1;
 }

 .tema_senal,
 .tema_senal_no {
     display: block;
     /* position: relative; */
     /* width: 5px;
    margin-right: 10px; */
     width: 100%;
     margin-right: -220px;
     margin-top: -15px;
     margin-bottom: -15px;
     opacity: 1;
     background-color: #7197b125;
     transition: all .25s ease;
 }

 .tema_senal_int,
 .tema_senal_int_no {
     position: relative;
     width: 20px;
     margin-left: -20px;
     margin-right: 15px;
     margin-top: -15px;
     margin-bottom: -15px;
     opacity: 1;
     background-color: var(--color_secundario);
     transition: all .25s ease;
 }

 .tema_senal_int_no {
     opacity: 0;
 }

 .tema_recurso_texto,
 .tema_recurso_texto_no {
     width: 160px;
     font-size: 12px;
     transition: all .5s ease;
     transition-delay: 0s;
 }

 .tema_recurso_texto {
     /* color: #fff; */
     /* font-weight: bold; */
     color: #2c2c2c;
     font-weight: normal;
 }

 .tema_recurso_texto_no {
     color: #2c2c2c;
     font-weight: normal;
 }

 .tema_senal_no {
     opacity: 0;
 }

 .icono_recurso {
     margin-top: -2px;
     margin-left: 5px;
     margin-right: 5px;
     color: #ff6600;
     opacity: 0;
     transition: all .25s ease;
 }

 .icono_recurso_estatus {
     position: absolute;
     float: right;
     right: 15px;
     font-size: 20px;
     /* color: #97cb00; */
 }

 /* sidebar_curso  */

 .tablaUsuarios>thead>tr>th {
     display: flex;
 }


 /* seccion cursos */

 .calif_total_row {
     position: sticky;
     top: 100px;
     margin-top: -30px;
     z-index: 9990;
     pointer-events: none;
 }

 .calif_total_contenedor {
     background-color: #fff;
     padding: 10px 20px;
     border-radius: 6px;
     border: 1px solid #7197b15d;
     box-shadow: 0 1px 10px 1px #2727274d;
     text-align: center;
 }

 .calif_total_texto {
     font-size: 12px;
 }

 .calif_total_progress {
     margin-top: 10px;
     margin-bottom: 5px;
 }

 .progress-bar-warning {
     background-color: #508cb4;
 }

 /* range */

 .calif_range {
     display: flex;
     padding-top: 15px;
 }

 input[type="range"] {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     margin-right: 15px;
     width: 100%;
     height: 7px;
     background: #ffffff;
     border-radius: 5px;
     background-image: linear-gradient(#508cb4, #508cb4);
     background-size: 0% 100%;
     background-repeat: no-repeat;
 }

 input[type="range"]::-webkit-slider-thumb {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background: #508cb4;
     cursor: ew-resize;
     box-shadow: 0 0 2px 0 #555;
     transition: background .3s ease-in-out;
 }

 input[type=range]::-webkit-slider-runnable-track {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     box-shadow: none;
     border: none;
     background: transparent;
 }

 .califEsteRecurso {
     margin-top: -5px;
     /* margin-left: 10px; */
 }

 /* range */

 /* seccion cursos */


 /* seccion recursos */

 .tabla_recursos {
     margin-top: 60px;
     margin-bottom: 40px;
 }

 .titulo_seccion {
     font-size: 22px;
 }

 .subtitulo_seccion {
     font-size: 16px;
     line-height: initial;
 }

 #buscadorClean {
     width: 30px;
     padding-top: 8px;
     background-color: transparent;
     font-weight: bolder;
     margin-right: 10px;
     height: 30px;
     /* margin-top: -85px; */
     border: none;
 }

 #buscadorClean:hover {
     color: #fa7a50;
 }

 .lista_categorias {
     font-size: 12px;
     padding-bottom: 20px;
 }

 .titulo_categoria {
     margin: 50px 0px 30px 20px;
     color: var(--color_secundario_lt);
     font-weight: bold;
 }

 .titulo_recursos,
 .titulo_reportes,
 .titulo_usuarios,
 .titulo_admin {
     color: var(--color_primario);
     font-size: 18px;
     font-weight: bold;
 }

 .grupo_categoria {
     border-top-style: solid;
     border-top-color: #bfc5cc;
     border-width: 1px;
     padding-top: 20px;
     padding: 20px 0 20px 0;
 }

 .grupo_categoria_ch {
     border-top-style: solid;
     border-top-color: #d7dbdf;
     border-width: 1px;
     padding-top: 20px;
     padding: 20px 0 0 0;
 }

 .categoria {
     display: inline-block;
     margin: 5px;
     padding: 5px 0px 5px 10px;
     border-style: solid;
     border-radius: 20px;
     border-color: #bfc5cc;
     border-width: 1px;
 }

 .btn-categoria {
     margin-left: 15px !important;
 }

 .btn-toggle {
     cursor: pointer !important;
 }

 .btn-toggle.active {
     background-color: var(--color_secundario_lt);
 }

 .btn-toggle.active:hover {
     background-color: var(--color_secundario_lt_hover);
 }

 .btn-toggle.btn-sm.btn-sm.toggle_disabled:before,
 .toggle_disabled:after {
     content: "X";
     opacity: 0.5;
 }

 .btn-toggle.btn-sm.btn-sm.btn-si:before,
 .btn-toggle.btn-sm.btn-sm.btn-conFechas:before,
 .btn-toggle.btn-sm.btn-sm.btn_obligatorio:before,
 .btn-toggle.btn-sm.btn-sm.btn_califAuto:before,
 .btn-toggle.btn-sm.btn-sm.btn_visibleRec:before,
 .btn-toggle.btn-sm.btn-sm.btn-visibleUsuario:before,
 .btn-toggle.btn-sm.btn-sm.btn-inscribirAlumno:before,
 .btn-toggle.btn-sm.btn-sm.btn-inscribirAlumnosTodos:before,
 .btn-toggle.btn-sm.btn-sm.btn-inscribirProfesor:before,
 .btn-toggle.btn-sm.btn-sm.btn-inscribirProfesoresTodos:before,
 .btn-toggle.btn-sm.btn-sm.btn-inscribirGrupo:before {
     content: "No";
 }

 .btn-si.active:after,
 .btn-conFechas.active:after,
 .btn_obligatorio.active:after,
 .btn_califAuto.active:after,
 .btn_visibleRec.active:after,
 .btn-visibleUsuario.active:after,
 .btn-inscribirAlumno.active:after,
 .btn-inscribirAlumnosTodos.active:after,
 .btn-inscribirProfesor.active:after,
 .btn-inscribirProfesoresTodos.active:after,
 .btn-inscribirGrupo.active:after {
     content: "Sí";
 }

 .btn_califAuto_texto {
     margin-top: 10px;
 }

 .btn-calificacion,
 .btn-califManual,
 .btn-califManual.active,
 .btn-calificacion.active {
     background-color: var(--color_secundario_lt) !important;
 }

 .toggle-label {
     font-size: 12px;
 }

 .label_fechas {
     display: flex;
     margin-top: 6px;
 }

 /* #divConFechas { */
 /* margin-left: -15px; */
 /* display: none; */
 /* } */


 /* seccion mentorias */

 .image-uploader .upload-text span {
     text-align: center;
 }

 .input_foto_mentor .image-uploader .uploaded .uploaded-image {
     width: calc(50% - 1rem);
     padding-bottom: calc(50% - 1rem);
 }

 .input_logo_ext .image-uploader .uploaded .uploaded-image,
 .input_logo_int .image-uploader .uploaded .uploaded-image {
     width: calc(30% - 1rem);
     padding-bottom: calc(30% - 1rem);
 }

 /* .input_login .image-uploader .uploaded .uploaded-image {
    width: calc(30% - 1rem);
    padding-bottom: calc(30% - 1rem);
} */

 .profile-picture .fileinput-new img {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     margin-bottom: 10px;
 }

 /* seccion mentorias */


 /* seccion admin */

 .ejemplo_row {
     /* display: flex; */
     position: sticky;
     top: 120px;
     /* margin-bottom: -370px; */
     /* margin-top: -30px; */
     /* z-index: 9980; */
 }

 .ejemplo_contenedor {
     display: flex;
     width: fit-content;
     /* height: 330px; */
     /* background-color: #fff; */
     background-image: url('../img/browser_fondo.png');
     background-repeat: no-repeat;
     /* padding: 10px 20px; */
     border-radius: 6px;
     /* border: 1px solid #7197b15d; */
     box-shadow: 0 1px 10px 1px #2727274d;
     /* text-align: center; */
     transform:
         perspective(1000px) rotateY(-15deg) translateY(0px) translateX(-15px) rotateX(5deg) scale(1)
 }

 .ejemplo_contenido {
     /* background-color: #fff; */
     pointer-events: none !important;
     user-select: none !important;
     margin-top: 20px;
     /* display: flex; */
     /* width: 340px; */
 }

 .wrapper_ejemplo {
     width: 100%;
     /* transform: scale(0.5); */
 }

 .sidebar_ejemplo {
     position: relative;
     float: left;
     width: 150px;
     z-index: 501;
     background: var(--color_primario);
     border-radius: 0px 0px 0px 6px !important;
     box-shadow: 0 2px 22px 0 #0000001a, 0 2px 5px 0 #0000001a;
 }

 /* .sidebar_ejemplo:after {
    background: var(--color_primario);
} */

 .sidebar_ejemplo .nav_ejemplo {
     /* margin-top: 50px; */
     z-index: 500;
 }

 .sidebar_ejemplo {
     background-color: var(--color_primario);
     color: #fff;
 }

 /* .sidebar_ejemplo .nav_ejemplo,
 .sidebar_ejemplo .nav_ejemplo {
     border-radius: 0%;
 } */

 .sidebar_ejemplo .nav_ejemplo .inactive {
     background-color: #00000040;
     color: #fff;
 }

 .sidebar_ejemplo .nav_ejemplo .active {
     background-color: #ffffff10;
     color: #fff;
 }

 .logo_ch_ejemplo {
     height: 60px;
     /* border-radius: 6px 0 0 0; */
     background-size: 70px;
     background-repeat: no-repeat;
     background-position: center 20px;
 }

 .nav_ejemplo {
     margin: 0 !important;
     padding: 10px 0px !important;
     border-radius: 6px 0px 0px 0px;
 }

 .nav_ejemplo_boton {
     display: flex;
     padding: 10px;
 }

 .nav_ejemplo_boton i {
     margin: 2px 10px 0px 10px;
 }

 .nav_ejemplo_boton p {
     text-transform: uppercase;
     font-size: 10px;
     line-height: 2;
 }

 .panel-header_ejemplo {
     display: block;
     width: 100%;
     background: var(--color_secundario);
     /* background: linear-gradient(to right, #F27526 0% ,#F77E48 100%); */
     box-shadow: none;
     height: 60px;
     padding-top: 14px;
     /* border-radius: 6px 6px 0 0; */
 }

 .panel-header_ejemplo .header_ejemplo .title {
     color: #fff;
     font-size: 18px;
     line-height: 1.7;
 }

 /* temas */

 /* .tarjeta_tema {
     border: solid 1px transparent;
     border-radius: 6px;
     overflow: hidden;
     background: linear-gradient(to bottom right, #edeef3 0%, #ffffff 80%);
     box-shadow: 0 1px 15px 1px #2727271a;
     transition: ease all 0.2s;
 } */

 .tarjeta_rotate {
     transform: rotate(-90deg);
     /* display: inline-block; */
     margin-left: 160px;
     margin-top: 70px;
 }

 .texto_rotate {
     margin-bottom: -65px;
 }

 .texto_rotate2 {
     transform: rotate(-90deg);
 }

 .tarjeta_tema,
 .tarjeta_fuente {
     width: fit-content;
     width: 90%;
     border-radius: 6px;
     border: solid 2px var(--color_badge_gris_transp);
     /* border: transparent; */
     margin: 0 auto;
     padding: 0 18px;
     cursor: pointer;
     user-select: none;
     transition: ease all 0.3s;
 }

 .tarjeta_tema:hover,
 .tarjeta_fuente:hover {
     /* border: dotted 3px var(--color_secundario_lt); */
     /* border: dashed 2px #d77ceecc; */
     border-color: var(--color_secundario_lt_hover);
     /* background: var(--color_right_modulo2); */
     /* box-shadow: 0 4px 14px 0 #0000001c; */
     /* transform: scale(1.03); */
 }

 .tarjeta_tema p,
 .tarjeta_fuente p {
     font-size: 18px;
     margin-top: 0px;
     margin-bottom: 15px;
     transition: ease all 0.3s;
 }

 .tarjeta_tema .texto {
     transition: ease all 0.3s;
 }

 .tarjeta_tema_bold {
     margin-left: 10px;
 }

 .tarjeta_fuente_bold {
     font-weight: bold;
     margin-left: 10px;
 }

 .tarjeta_tema_seleccionada {
     /* background-color: var(--color_primario) !important; */
     border-color: var(--color_secundario_lt);
     /* color: white; */
     /* transform: scale(1); */
     pointer-events: none;
 }

 .tarjeta_tema_custom {
     pointer-events: all;
 }

 .icono_tema_seleccionado,
 .icono_fuente_seleccionado {
     height: 30px !important;
     width: 30px !important;
     margin: -10px -30px 0px auto;
     padding: 5px;
     border-radius: 30px;
     background-color: #95c1c5 !important;
     /* box-shadow: 0 0 10px 3px #77b3b9 !important; */
     opacity: 0;
     transition: ease all 0.3s;
 }

 .icono_tema_seleccionado i,
 .icono_fuente_seleccionado i {
     margin: 6px 5px;
     font-size: 10px;
     font-weight: bold;
     color: #fff;
 }

 .colores {
     display: flex;
     /* margin: 0 auto; */
 }

 .color_inactivo {
     width: 24px;
     height: 24px;
     margin: 0 auto;
     border-radius: 100%;
     /* outline: solid 5px var(--color_badge_gris_transp); */
     /* outline-offset: 3px; */
     /* border: dashed 3px var(--color_secundario_lt); */
     /* box-shadow: 0 4px 18px 0 #00000040; */
     cursor: pointer;
     /* margin-right: 30px; */
 }

 .color_picker {
     width: 25px;
     height: 25px;
     margin: 0 auto;
     border-radius: 100%;
     outline: dashed 3px var(--color_secundario_lt);
     outline-offset: 3px;
     /* box-shadow: 0 4px 18px 0 #00000040; */
     cursor: pointer;
     /* margin-right: 30px; */
 }

 .color_picker:hover {
     transform: scale(1.1);
     outline: solid 2px var(--color_secundario_lt);
     outline-offset: 3px;
 }

 .claseFuente1 {
     font-family: 'Montserrat', sans-serif !important;
 }

 .claseFuente2 {
     font-family: 'Comfortaa', sans-serif !important;
 }

 .claseFuente3 {
     font-family: 'Open Sans', sans-serif !important;
 }

 .claseFuente4 {
     font-family: 'Raleway', sans-serif !important;
 }

 .claseFuente5 {
     font-family: 'Roboto', sans-serif !important;
 }

 /* temas */

 /* seccion admin */


 /* swal2 */

 .swal2-title {
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
 }

 #swal2-content {
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
 }

 .swal2-actions {
     display: none !important;
 }

 .calif_asig_range {
     margin: 0 auto;
     max-width: 350px;
 }

 .califAsig {
     font-size: 22px;
     text-align: center;
 }

 .calif_asig_range>input[type="range"]:focus {
     outline: none !important;
 }

 .calif_asig_range>input[type="range"] {
     background: #508cb47d;
 }

 .swal_popup {
     background-color: var(--color_secundario) !important;
     /* color: #FFFFFF !important; */
     height: 500px !important;
 }

 .texto_error_swal {
     display: none;
 }

 .width_70 {
     width: 70%;
 }

 #inputCodigoRec {
     width: 70%;
     margin: 0 auto;
     text-align: center;
     font-size: 20px;
     font-weight: bold;
     color: #ff4d12;
     border: 2px solid var(--color_secundario) !important;
 }

 #inputNuevaContrasena2 {
     margin-top: -15px !important;
 }

 #texto_error_PassRec {
     margin-bottom: -15px !important;
 }

 .swal2-icon.swal2-warning {
     border-color: #fcf7eac4 !important;
     color: #fcf7eac4 !important;
 }

 /* swal2 */


 .recursos_lista>tbody>tr>td {
     vertical-align: top !important;
     padding: 30px 7px !important;
 }

 .recurso_nombre {
     display: flex;
 }

 .recurso_imagen {
     max-width: 100px;
 }

 /* .recurso_nombre_int {
    margin-left: 20px;
} */

 .entregas_lista>tbody>tr>td {
     vertical-align: middle !important;
     padding: 10px 7px !important;
 }

 .curso_titulo,
 .mentoria_titulo,
 .recurso_titulo {
     font-size: 20px;
     color: #747d84;
 }

 .curso_subtitulo,
 .mentoria_subtitulo {
     font-size: 14px;
     /* color: #9a9a9a; */
     color: cadetblue;
     font-weight: 700;
     text-transform: uppercase;
 }

 .curso_texto,
 .mentoria_texto {
     font-size: 15px;
     vertical-align: top;
     /* color: #fd8772; */
 }

 .recurso_subtitulo {
     font-size: 12px;
     vertical-align: top;
     margin-top: 5px;
     color: #fff;
 }

 .texto_limitado {
     --max-lines: 5;
     --line-height: 1.4;
     --max-height: calc(var(--max-lines)* 1em *var(--line-height));

     max-height: var(--max-height);
     line-height: var(--line-height);

     overflow: hidden;
     position: relative;
     margin-top: 0px;
 }

 .texto_limitado::before {
     content: "";
     position: absolute;
     height: var(--max-height);
     width: 100%;
     top: 0;
     bottom: 0;
     pointer-events: none;
     background: linear-gradient(to bottom, transparent 50%, #ffffff);
 }

 .areaEntrega,
 .areaEntregada {
     display: none;
 }

 .areaEntregada,
 .areaRevisada {
     background-color: #9acd3230;
     padding: 20px;
     border-radius: 6px;
 }

 .areaRubricaInstrucciones {
     /* border: 1px solid #c0bfc2 !important; */
     /* border-radius: 10px; */
     background-color: #f0f0fa !important;
     padding: 20px;
     /* margin-top: 20px; */
     /* margin-bottom: 50px; */
 }

 .areaComentarios {
     border: 1px solid #e1dfe4 !important;
     border-radius: 10px;
     background-color: #f3f3f5 !important;
     padding: 20px;
     /* margin-top: 20px; */
     /* margin-bottom: 50px; */
 }

 .areaComentariosNombre {
     padding: 10px;
     background-color: #d4cef5;
     margin-top: -20px;
     margin-left: -20px;
     margin-right: -20px;
     /* color: #ffffff; */
     font-weight: bold;
     border-radius: 10px 10px 0 0;
 }

 .areaComentariosCom {
     padding: 10px;
 }

 .areaEntregadaReset {
     margin-top: -20px;
 }

 .areaExtra1 {
     margin-top: 5px;
     width: fit-content;
     height: max-content;
     background-color: #f1effd;
     padding: 6px 14px;
     border-radius: 30px;
 }

 .texto_extra1 {
     /* color: salmon; */
     font-size: 10px;
     font-weight: bold;
     text-transform: uppercase;
 }

 /* columnas */

 .columna_grupos_izq {
     position: fixed;
     width: 250px;
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
     height: -webkit-fill-available;
     overflow: hidden auto;
     display: none;
     opacity: 0;
     transition: opacity .2s ease;
 }

 .columna_grupos_izq_int {
     width: -webkit-fill-available;
 }

 .columna_grupos_der {
     margin-left: 0px;
     width: 100%;
     opacity: 0;
     transition: opacity .1s ease;
 }

 .el_grupo {
     margin-bottom: 1.5rem !important;
 }

 .el_handle {
     float: right;
 }

 .tabla_entregas {
     margin-bottom: 50px;
 }

 .tabla_entregas_header {
     font-size: 11px;
 }

 .row_ch {
     padding: 0 10px !important;
 }

 .col_ch {
     padding-right: 5px !important;
     padding-left: 5px !important;
 }

 .btn-radio-param {
     margin-left: auto !important;
 }

 /* columnas */

 /* cards */

 .card {
     border-radius: 6px;
 }

 .card-img-top {
     border-radius: 6px 6px 0 0;
     max-height: 200px;
     object-fit: cover;
 }

 .card .card-body {
     padding-top: 10px;
     transition: .25s ease;
 }

 .category {
     margin-top: 20px;
     margin-bottom: 15px;
     font-weight: 700;
 }

 .card-title {
     font-size: 20px;
 }

 .card-desc {
     display: none;
     /* margin-top: 30px; */
     margin-left: 20px;
 }

 .card-botones {
     text-align: right;
     margin-top: -10px;
     width: 100%;
 }

 .botonMasInfo,
 .botonEliminarCurso,
 .botonEditarCurso,
 .botonInscribirCurso,
 .botonEliminarMentoria,
 .botonEditarMentoria,
 .botonInscribirMentoria {
     margin-right: 5px;
     /*  padding-right: 10px;
    padding-left: 10px;
    font-size: 10px;
    vertical-align: bottom; */
 }

 .botonMasInfo {
     /* background-color: cadetblue; */
     position: absolute;
     margin-top: 18px;
     padding-left: 10px;
     padding-right: 10px;
     font-size: 10px;
     font-weight: bold;
     cursor: pointer;
     color: cadetblue;
 }

 .botonMasInfo>i {
     margin-right: 5px;
 }

 /* .botonMasInfo:hover, */
 /* .botonMasInfo:active {
 background-color: #528a8b !important;
 } */

 .botonLink {
     display: inline;
     padding: 6px 20px 6px 20px;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
     color: var(--color_badge);
 }

 .botonEditarCurso,
 .botonEditarMentoria {
     background-color: #f8923f !important;
     /* pointer-events: none !important; */
 }

 .botonEditarCurso:hover,
 .botonEditarCurso:active,
 .botonEditarMentoria:hover,
 .botonEditarMentoria:active {
     background-color: #ff8300 !important;
 }

 .botonInscribirCurso,
 .botonInscribirMentoria {
     margin-right: 15px;
     background-color: yellowgreen;
     /* pointer-events: none !important; */
 }

 .botonInscribirCurso:hover,
 .botonInscribirCurso:active,
 .botonInscribirMentoria:hover,
 .botonInscribirMentoria:active {
     background-color: #8cb835 !important;
 }

 .icon_estatus,
 .icon_estatus_scorm {
     font-size: 20px;
     color: #37424A9e;
 }

 .icon_estatus_entrega {
     line-height: 1.4;
 }

 .icon_gris {
     color: #d6dee49e;
 }

 .icon_azul {
     color: #64b3f4;
 }

 .icon_amarillo {
     color: #f9b826;
 }

 .icon_verde {
     color: #82de2e;
 }

 .icon_rojo {
     color: #f93f32;
 }

 .mdl-card--border {
     margin-top: 20px;
 }

 .card_con_sombra {
     box-shadow: 0 1px 10px 1px #2727274d;
 }





 .tarjeta_rubrica {
     /* display: grid; */
     width: 100%;
     margin: 5px 5px;
     padding: 0px 15px;
     /* border-radius: 10px; */
     transition: ease all 0.3s;
 }

 .tarjeta_rubrica_desc {
     width: 40%;
     border-top: 1px solid #b3b0bf;
     /* border-bottom: 1px solid #b3b0bf; */
     padding: 10px 15px;
     font-weight: bold;
 }

 .tarjeta_rubrica_nivel {
     width: 15%;
     border-top: 1px solid lightslategrey;
     /* border-bottom: 1px solid lightslategrey; */
     /* background-color: #b0c4de31; */
     /* background-color: var(--bg_tabla_col_1); */
     cursor: pointer;
 }



 #laRubricaDescriptor1>.tarjeta_rubrica:nth-child(2),
 #laRubricaDescriptor2>.tarjeta_rubrica:nth-child(2),
 #laRubricaDescriptor3>.tarjeta_rubrica:nth-child(2),
 #laRubricaDescriptor4>.tarjeta_rubrica:nth-child(2) {
     background-color: var(--bg_tabla_col_1);
 }

 #laRubricaDescriptor1>.tarjeta_rubrica:nth-child(3),
 #laRubricaDescriptor2>.tarjeta_rubrica:nth-child(3),
 #laRubricaDescriptor3>.tarjeta_rubrica:nth-child(3),
 #laRubricaDescriptor4>.tarjeta_rubrica:nth-child(3) {
     background-color: var(--bg_tabla_col_2);
 }

 #laRubricaDescriptor1>.tarjeta_rubrica:nth-child(4),
 #laRubricaDescriptor2>.tarjeta_rubrica:nth-child(4),
 #laRubricaDescriptor3>.tarjeta_rubrica:nth-child(4),
 #laRubricaDescriptor4>.tarjeta_rubrica:nth-child(4) {
     background-color: var(--bg_tabla_col_3);
 }

 #laRubricaDescriptor1>.tarjeta_rubrica:nth-child(5),
 #laRubricaDescriptor2>.tarjeta_rubrica:nth-child(5),
 #laRubricaDescriptor3>.tarjeta_rubrica:nth-child(5),
 #laRubricaDescriptor4>.tarjeta_rubrica:nth-child(5) {
     background-color: var(--bg_tabla_col_4);
 }

 .tarjeta_rubrica_nivel_txt {
     font-size: 14px;
     line-height: 1.2;
     flex: 1 1 auto;
     padding: 0px 0px;
     word-break: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
 }

 .tarjeta_rubrica_nivel_pts {
     font-size: 12px;
     color: #8594ab;
     text-align: right;
     align-self: end;
     margin-top: 10px;
     margin-bottom: 10px;
     font-weight: bold;
     word-break: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
 }

 .tarjeta_rubrica_nivel:hover {
     /* background-color: #5175db31; */
     transform: scale(1.08);
 }

 .tarjetaSeleccionada {
     background-color: #7288b1 !important;
     /* box-shadow: 0 1px 10px 1px #2727274d; */
     /* border-top: 1px solid lightslategrey; */
     border-bottom: 1px solid lightslategrey;
     color: white;
     transform: scale(1);
     pointer-events: none;
 }

 .icono_no_seleccionado {
     height: 20px !important;
     width: 20px !important;
     min-width: 20px !important;
     margin: -10px -20px 0px auto;
     padding: 0;
     border-radius: 30px;
     background-color: transparent !important;
     border: 1px solid #adb4c5;
     opacity: 0;
 }

 .icono_seleccionado {
     height: 30px !important;
     width: 30px !important;
     margin: -20px -20px 0px auto;
     padding: 5px;
     border-radius: 30px;
     background-color: #95c1c5 !important;
     /* box-shadow: 0 0 10px 3px #77b3b9 !important; */
     opacity: 0;
     transition: ease all 0.3s;
 }

 .icono_seleccionado i {
     margin: 6px 5px;
     font-size: 10px;
     font-weight: bold;
     color: #fff;
 }

 /* cards */


 .img_25 {
     width: 100px;
 }

 .img_40 {
     width: 150px;
 }

 .img_50 {
     width: 200px;
 }

 .img_75 {
     width: 250px;
 }

 .img_100 {
     width: 100%;
 }

 .liga_label {
     width: 100%;
     overflow-wrap: break-word;
     border-bottom: 1px solid #444;
 }





 .link {
     color: var(--color_secundario_lt);
     transition-duration: .15s;
     font-weight: bold;
     text-decoration: none;
     cursor: pointer;
     transition: all .25s ease;
 }

 .link:hover {
     color: var(--color_secundario_lt_hover);
 }

 .link img {
     margin-bottom: 0;
     display: inline-block;
     width: 14px;
     height: 14px;
     transition: all .25s ease;
 }

 .link:hover img {
     transform: translate(.15em, 0) rotate(12deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
 }

 .link_hover {
     font-weight: bold;
     color: var(--color_secundario_lt_hover);
 }



 /* resultados */

 .card_con_bg {
     background: linear-gradient(to bottom right, #4d686f 0%, #364461 100%);
     color: #ffffff;
 }

 .card_header {
     font-size: 12px;
     color: #dadada;
     margin-bottom: 5px;
 }

 .card_titulo {
     margin-top: 10px !important;
 }

 .card_subtext {
     margin-top: -5px;
     color: #dadada;
 }

 .estatus_curso {
     margin-top: 0px;
 }

 .icono_status {
     display: flex;
     margin-top: -35px;
     position: absolute;
     right: 20px;
 }

 .icono_status_rec {
     /* display: flex; */
     /* margin-top: -1px; */
     position: absolute;
     right: 15px;
 }

 .estatus_texto {
     margin-left: 10px;
     margin-top: 1px;
     /* color: #5d5d5d; */
 }

 .card_botones_res {
     float: right;
     margin-right: 10px;
 }

 .card_foot {
     height: 60px;
     background: linear-gradient(to right, #3e464d 0%, #4a5558 100%);
     border-radius: 0 0 6px 6px !important;
     color: #ffffff;
 }

 /* resultados */

 /* datatables */

 table.dataTable thead>tr>th.sorting_asc:before,
 table.dataTable thead>tr>th.sorting_desc:after,
 table.dataTable thead>tr>td.sorting_asc:before,
 table.dataTable thead>tr>td.sorting_desc:after {
     opacity: .8;
     color: var(--color_secundario_lt);
 }

 .cardUsuarios {
     /* border-radius: 20px; */
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     box-shadow: none !important;
     /* background: linear-gradient(to bottom right, #374a3f 0%, #5c739d 100%); */
     /* color: #ffffff; */
 }

 table.dataTable {
     border: 0;
 }

 table.dataTable thead tr th::after {
     color: #888;
 }

 .dataTables_wrapper div.row {
     padding: 30px 0 0 0;
 }

 div.dataTables_wrapper div.dataTables_info {
     padding-top: 8px;
 }

 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     justify-content: flex-end !important;
 }

 .table>thead>tr>th {
     font-size: 12px;
 }

 div.dataTables_wrapper div div div label,
 div.dataTables_wrapper div div div label select {
     /* color: #ffffff; */
     display: initial;
     width: 100px;
     font-size: 14px;
 }

 div.dataTables_wrapper div div div label input {
     /* color: #ffffff; */
     display: initial;
     width: 50%;
     font-size: 14px;
 }

 /* select {
    font-size: 18px !important;
    padding: 20px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none !important;
} */

 .dataTables_filter label {
     width: 50%;
 }

 .dataTables_info,
 .dataTables_paginate {
     margin-top: 50px;
 }

 .botoninscribirAlumno {
     display: block;
     margin: 0 auto !important;
 }

 .botonVerRecurso i,
 .botonEditarRecurso i,
 .botonEliminarRecurso i,
 .botonEditarUsuario i,
 .botonEliminarUsuario i,
 .botoninscribirAlumno i {
     font-size: inherit;
     margin-top: 10px;
 }

 .pagination .page-item .page-link {
     border: 0;
     border-radius: 30px !important;
     transition: all .3s;
     padding: 0 11px;
     margin: 0 3px;
     min-width: 30px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     /* color: #2c2c2c; */
     color: var(--color_primario);
     cursor: pointer;
     font-size: 14px;
     text-transform: uppercase;
     background: transparent;
     outline: none;
 }

 .pagination .page-item .page-link:hover {
     color: #2c2c2c;
     background-color: hsla(0, 0%, 87%, .3);
     border: none;
 }

 .pagination .arrow-margin-left,
 .pagination .arrow-margin-right {
     position: absolute;
 }

 .pagination .arrow-margin-right {
     right: 0;
 }

 .pagination .arrow-margin-left {
     left: 0;
 }

 /* .pagination .page-item.active>.page-link {
     color: #fff;
     box-shadow: 0 1px 15px 1px #2727271a;
 } */

 .pagination .page-item.active>.page-link,
 .pagination .page-item.active>.page-link:focus,
 .pagination .page-item.active>.page-link:hover {
     background-color: var(--color_secundario_lt);
     border-color: var(--color_secundario_lt);
     color: #fff;
 }

 .pagination .page-item.disabled>.page-link {
     opacity: .5;
 }

 .pagination.pagination-info .page-item.active>.page-link,
 .pagination.pagination-info .page-item.active>.page-link:focus,
 .pagination.pagination-info .page-item.active>.page-link:hover {
     background-color: #2ca8ff;
     border-color: #2ca8ff;
 }

 .pagination.pagination-success .page-item.active>.page-link,
 .pagination.pagination-success .page-item.active>.page-link:focus,
 .pagination.pagination-success .page-item.active>.page-link:hover {
     background-color: #18ce0f;
     border-color: #18ce0f;
 }

 .pagination.pagination-primary .page-item.active>.page-link,
 .pagination.pagination-primary .page-item.active>.page-link:focus,
 .pagination.pagination-primary .page-item.active>.page-link:hover {
     background-color: var(--color_secundario_lt);
     border-color: var(--color_secundario_lt);
 }

 .pagination.pagination-warning .page-item.active>.page-link,
 .pagination.pagination-warning .page-item.active>.page-link:focus,
 .pagination.pagination-warning .page-item.active>.page-link:hover {
     background-color: #ffb236;
     border-color: #ffb236;
 }

 .pagination.pagination-danger .page-item.active>.page-link,
 .pagination.pagination-danger .page-item.active>.page-link:focus,
 .pagination.pagination-danger .page-item.active>.page-link:hover {
     background-color: #ff3636;
     border-color: #ff3636;
 }

 .pagination.pagination-neutral .page-item>.page-link {
     color: #fff;
 }

 .pagination.pagination-neutral .page-item>.page-link:focus,
 .pagination.pagination-neutral .page-item>.page-link:hover {
     background-color: hsla(0, 0%, 100%, .2);
     color: #fff;
 }

 .pagination.pagination-neutral .page-item.active>.page-link,
 .pagination.pagination-neutral .page-item.active>.page-link:focus,
 .pagination.pagination-neutral .page-item.active>.page-link:hover {
     background-color: #fff;
     border-color: #fff;
     color: var(--color_secundario_lt);
 }

 .botonEditarUsuario,
 .botonEditarRecurso {
     background-color: #f8923f !important;
     color: #fff;
 }

 .botonEditarUsuario:hover,
 .botonEditarRecurso:active {
     background-color: #ff8300 !important;
     color: #fff;
 }

 /* tabla Usuarios */
 #tablaUsuariosAsig_wrapper .row:first-child {
     position: relative;
     top: -50px;
 }

 #tablaUsuariosAsig_wrapper .row:last-child {
     margin-top: -50px;
     margin-bottom: -30px;
 }

 #tablaUsuariosAsig_wrapper .row:first-child {
     margin-bottom: -50px;
 }

 #tablaUsuarios_filter,
 #tablaUsuariosAsig_filter,
 #tablaMentoriaUsuarios_filter {
     text-align: right;
 }

 #tablaUsuariosAsig thead tr:last-child {
     background-color: #d4cef5;
 }

 #tablaUsuariosAsig thead input {
     background-color: #ffffff;
 }

 /* tabla Usuarios */

 /* tabla Profesor */
 #tablaProfesorAsig_wrapper .row:first-child {
     position: relative;
     top: -50px;
 }

 #tablaProfesorAsig_wrapper .row:last-child {
     margin-top: -50px;
     margin-bottom: -30px;
 }

 #tablaProfesorAsig_wrapper .row:first-child {
     margin-bottom: -50px;
 }

 #tablaProfesorAsig_filter {
     text-align: right;
 }

 /* filtros eliminados */
 #tablaProfesorAsig thead tr:first-child {
     background-color: #d4cef5;
     color: #858f9d;
 }

 #tablaProfesorAsig thead tr:first-child th {
     font-weight: bold;
 }

 /* filtros eliminados */

 #tablaProfesorAsig thead tr:last-child {
     /* background-color: #d4cef5; */
     display: none;
 }

 #tablaProfesorAsig thead input {
     background-color: #ffffff;
 }

 .row_mostrar_grupo_activo {
     background-color: #e6e2ff;
     /* font-weight: bold; */
     cursor: pointer;
     transition: all .25s ease;
 }

 .row_mostrar_grupo_activo:hover {
     background-color: #d4cef5;
 }

 .row_mostrar_grupo_div {
     height: 14px;
     margin-top: -7px;
     color: #858f9d;
     font-weight: bold;
     transition: all .25s ease;
 }

 .row_mostrar_grupo_div_inactivo {
     opacity: 0.4;
     pointer-events: none;
     transition: all .25s ease;
 }

 .lista_grupos {
     background-color: #ffffff !important;
     width: max-content;
     padding: 0px !important;
     /* display: none; */
 }

 .lista_grupos_indiv {
     padding: 10px;
     /* cursor: pointer; */
     background: #f6f5ff;
     display: none;
     /* transition: all .25s ease; */
 }

 .lista_grupos_indiv:hover {
     background: #ffffff;
 }

 /* tabla Profesor */

 tfoot input {
     width: 100%;
     padding: 3px;
     box-sizing: border-box;
 }

 .resp_seleccionada {
     background-color: #e7f1fc !important;
 }

 .resp_correcta {
     background-color: #e8f5e9 !important;
 }

 .resp_incorrecta {
     background-color: #fbe9e7 !important;
 }

 .mdi-check:before {
     content: "\F12C"
 }

 /* datatables */

 #tablaUsuarios,
 #tablaUsuariosAsig,
 #tablaReporte,
 #tablaProfesorAsig {
     font-size: 12px;
 }

 /* modal */

 .dimmer {
     z-index: 99000 !important;
 }

 .ui.basic.modal {
     margin: auto;
     max-width: 500px;
     height: 500px;
 }

 .ui.icon.header>i {
     font-size: 30px;
 }

 .modal-body {
     overflow-x: hidden;
     max-height: calc(100% - 120px);
 }

 /* footer */

 .footer {
     padding: 30px;
 }

 .ck-editor {
     width: 100% !important;
 }

 .ck-powered-by {
     display: none !important;
 }

 @media screen and (max-width:992px) {
     /* .sidebar-wrapper {
        margin-top: 40px;
    } */

     .sidebar_curso,
     .sidebar_mentoria {
         /* margin-top: -40px; */
         display: none;
     }

     #botonOcultarTemas {
         color: #2c2c;
         background-color: #e6e6fa;
     }

     /* .boton_temas_texto::after {
        content: "Mostrar";
    } */

     /* .barra_player { */
     /* top: 88px; */
     /* } */

     .columna_grupos_izq {
         position: relative;
         padding-left: 2rem !important;
         width: 100%;
         /* height: 300px; */
     }

     .columna_grupos_izq_int {
         width: max-content;
     }

     .el_grupo {
         margin-bottom: 1rem !important;
     }

     /* .columna_grupos_der {
        margin-left: 0px;
    } */

     .tarjeta_rubrica_nivel_txt {
         font-size: 12px;
         line-height: 1.1;
     }

     .tarjeta_rubrica_nivel_pts {
         font-size: 10px;
     }

     /* #content {} */

     /* .dropdown-menu {
        background-color: #fff !important;
        border-radius: 10px !important; */
     /* padding-top: 0px !important; */
     /* padding-bottom: 0px !important;
    } */

     /* .dropdown-item:hover {
        background-color: #dfdbce77 !important;
        color: #888 !important;
    } */

     #botonCerrar {
         background-color: #f5593d !important;
         color: #fff;
         border-radius: 0 0 10px 10px;
     }

     #botonCerrar:hover,
     #botonCerrar:focus,
     #botonCerrar:active,
     #botonCerrar.disabled {
         background-color: #e74a2e !important;
         color: #fff !important;
     }

     .boton_sidebar {
         display: flex;
     }
 }

 @media screen and (max-width: 768px) {
     .main-panel .content {
         padding-left: 0px;
         padding-right: 0px;
     }

     #secRecursos {
         margin-bottom: 20px;
     }
 }

 @media only screen and (max-width: 600px) {
     .perfil {
         margin-right: 20px;
     }

     .nombre_perfil {
         display: none !important;
     }
 }