/* COLORES 

AZUL:       #3684c6
GRIS:       #cccccc
ROJO:       #de0029 
AMARILLO:   #f6c733


/* GENERAL */

a:hover{color:#de0029 !important;}
.bor-bot{border-bottom:1px solid #cccccc !important}
.bor-top{border-top:1px solid #cccccc !important}
.bor-der{border-right:1px solid #cccccc}
.bor{border:1px solid #cccccc}
.bor-bla{border:1px solid #ffffff}
.bor-bla-bot{border-bottom:1px solid #ffffff !important}
.bor-bla-top{border-top:1px solid #ffffff !important}
.bor-bla-der{border-right:1px solid #ffffff}
.bor-bla-izq{border-right:1px solid #ffffff}
.pad10{padding:10px;}
.p-4 {padding: 1rem !important;}
.p-20{padding: 20px;}
.h-40{height: 40%;} 
.h-60{height: 60%;}
a{color:initial;text-decoration: none;}
.form-select{border:0;border-radius: 0px;padding: 5px 0;}
.form-select:focus {border-color: transparent !important;box-shadow:unset !important}
.form-control-plaintext{padding: 5px 0px !important;height: unset !important;line-height: unset !important;}
.form-floating label{position: relative;height: unset;padding: 0 !important;top: unset;left: 0;font-size: 0.75em;line-height: 1em;font-weight: 400;transform: unset;margin-bottom: -10px;}
.fl{border-radius: 0;border: 0px !important;border-bottom: 1px solid #cccccc !important;padding: 0px !important;}
.fl:focus{box-shadow: none !important;}
.fl-label{font-size: 0.75em;font-weight: 400;}
#togglePassword,#toggleConfirmPassword{position: absolute;bottom: 10px;right: 5px;}
ol, ul, menu {list-style: initial;}
/* Forzar visibilidad de las flechas Unicode en DataTables 2.x */
    table.dataTable thead th.dt-orderable-asc .dt-column-order:before,
    table.dataTable thead th.dt-ordering-asc .dt-column-order:before {
        content: " ▲" !important;
        opacity: 0.6;
    }
    table.dataTable thead th.dt-orderable-desc .dt-column-order:after,
    table.dataTable thead th.dt-ordering-desc .dt-column-order:after {
        content: " ▼" !important;
        opacity: 0.6;
    }
    /* Resaltar la flecha de la columna que está ordenada actualmente */
    table.dataTable thead th.dt-ordering-asc .dt-column-order:before,
    table.dataTable thead th.dt-ordering-desc .dt-column-order:after {
        opacity: 1 !important;
        color: #de0029; /* Color personalizado opcional */
    }


/* APP */

#app-body{}
#app-logo{}
#app-logo img{max-height: 100px;}
#app-form{width: 100%;}
.app-login{padding: 0 35%;}
.app-reset{padding: 0 35%;}
.app-register{width: 40%;margin: 0 auto;}
.app-forgot-password{padding: 0 35%;}
#indicacionesContrasena{font-size: 0.85em;line-height: 1.5em;font-weight: 400;}
.configuracion-tit{font-size: 1.25em;line-height: 1em;font-weight: 500;}
.soporte-icono{position: absolute;top: 10px;left: 50px;}
.soporte-icono i{}
#modal-cerrar{position: absolute;top: 0;right: 0;background: #de0029;}
#modal-cerrar i{}
#soporte {
  /* Fondo, bordes y textos principales */
  --bs-modal-bg: #ffffff;                /* Color de fondo del modal */
  --bs-modal-color: #ffffff;             /* Color del texto general */
  --bs-modal-border-color: #cccccc;      /* Color del contorno */
  --bs-modal-border-radius: 20px;        /* Esquinas redondeadas */
  --bs-modal-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Sombra externa */

  /* Dimensiones */
  --bs-modal-width: 500px;               /* Ancho personalizado exacto */
  --bs-modal-margin: 13%;

  /* Capa de fondo trasera (Backdrop) */
  --bs-backdrop-bg: #cccccc;             /* Color de la cortina de fondo */
  --bs-backdrop-opacity: 0.5;            /* Opacidad de la cortina */
}

/* INICIO */

#inicio-col{position:relative;width: 100%;height:100%;display: flex !important;overflow: hidden;}
#inicio-col-logo{position:absolute;height:23%;width:25%;top:60%;left:0%;transition:width 2s, height 2s,top 2s;background: #ffffff;;z-index:15;}
#inicio-col-logo.inicio-col-logo-expandido img{position:relative;width:40%;}
#inicio-col-logo img{transition:width 2s;width:100%;}
.inicio-col-logo-expandido{height:100% !important;width: 100% !important;top:0 !important}
#inicio-col-titulo{}
#inicio-col-fechas{}
#inicio-col-copy{font-size: 0.75em;line-height: 1em;font-weight: 400;}
#inicio-col-logos{}
#inicio-col-logos a{}
#inicio-col-logos a img{height: 50px;padding: 5px;width: auto;max-width: initial;}
#inicio-col-rrss a{width:20%;}
#inicio-col-rrss a img{color: #ffffff;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 50%;font-size: 15px;}
#inicio-col-rrss-login i{}
#inicio-col-rrss-login span{}
.inicio-col-area{position:absolute;width: 25%;cursor:pointer;border:1px solid #ffffff;transition: top 1.5s,left 1.5s, height 1.5s;}
#inicio-col-area{position:absolute;width: 25%;border:1px solid #ffffff;height:17%;top:83%;left:0%;transition: top 1.5s,left 1.5s, height 1.5s, width 1.5s;background: #ffffff;}
.inicio-col-area[data-id="0"]{height:15%;top:0%;left:0%;}
.inicio-col-area[data-id="-1"]{height:15%;top:45%;left:0%;}
.inicio-col-area[data-id="-2"]{height:15%;top:15%;left:0%;}
.inicio-col-area[data-id="-3"]{height:15%;top:30%;left:0%;}
.inicio-col-area[data-id="1"]{height:40%;top:0%;left:25%;}
.inicio-col-area[data-id="2"]{height:60%;top:40%;left:25%;}
.inicio-col-area[data-id="3"]{height:60%;top:0%;left:50%;}
.inicio-col-area[data-id="4"]{height:40%;top:60%;left:50%;}
.inicio-col-area[data-id="5"]{height:40%;top:0%;left:75%;}
.inicio-col-area[data-id="6"]{height:60%;top:40%;left:75%;}
.inicio-col-area-fondo{background-size: cover !important;width: 100%;height: 100%;background-position: 50% 50% !important;filter:grayscale(1) brightness(0.9)}
.inicio-col-area-titulo{position: absolute;bottom: 10px;left: 10px;font-size: 1.35em;line-height: 1em;font-weight: 600;color: #ffffff;}
.inicio-col-area:hover .inicio-col-area-fondo{filter:grayscale(0) brightness(0.9)}
.inicio-col-area-seleccionado{top:0 !important;left:0 !important;height: 60% !important;transition: top 1.5s,left 1.5s, height 1.5s;}
.inicio-col-area-seleccionado .inicio-col-area-fondo{filter:grayscale(0) brightness(0.9)}
.inicio-col-area-noseleccionado-top{top:-100% !important;transition: top 2s}
.inicio-col-area-noseleccionado-bot{top:150% !important;transition: top 2s}
.inicio-col-area-noseleccionado-left,.inicio-col-area-noseleccionado-left-mov{left:-50% !important;transition: left 2s}
#inicio-cursos{position:absolute;height:100%;width:75%;top:0;left:150%;overflow-y: auto;transition: top 1.5s, left 1.5s, height 1.5s, width 1.5s;}
#inicio-colegios{position:absolute;height:100%;width:75%;top:0;left:150%;overflow-y: auto;transition: top 1.5s, left 1.5s, height 1.5s, width 1.5s;}
#inicio-informacion{position:absolute;height:100%;width:75%;top:0;left:150%;overflow-y: auto;transition: top 1.5s, left 1.5s, height 1.5s, width 1.5s;}
#inicio-conferencias{position:absolute;height:100%;width:75%;top:0;left:150%;overflow-y: auto;transition: top 1.5s, left 1.5s, height 1.5s, width 1.5s;}
.inicio-cursos-mostrar{height:100%;width:75%;top:0;left:25% !important;transition: left 1.5s;}
.inicio-cursos-seleccionado{top:0 !important;left:0 !important;width:25% !important;height:60% !important; transition: top 1.5s, left 1.5s, width 1.5s, height 1.5s;overflow-y:hidden !important;}
.inicio-cursos-seleccionado .inicio-cursos-item-fondo{filter:grayscale(0) brightness(0.95)}
.inicio-cursos-item{width: 33.33%;height: 30%;transition:height 0.75s,width 0.75s,display 1.5s;background:#636363;position: relative;cursor:pointer;z-index: 9;transition-behavior: allow-discrete;}
.inicio-cursos-item[data-mostrar="true"]{display: block;}
.inicio-cursos-item[data-mostrar="false"]{display:none;width:0%;height:0}
.inicio-cursos-item-fondo{object-fit: cover;height: 100%;width: 100%;filter:grayscale(1) brightness(0.7)}
.inicio-cursos-item:hover .inicio-cursos-item-fondo{filter:grayscale(0) brightness(1)}
.inicio-cursos-item-detalle{position: absolute;bottom: 10px;left: 10px;color: #ffffff;}
.inicio-cursos-item-titulo{font-size: 1.25em;line-height: 1em;font-weight: 500;transition:display 0.5s;}
.inicio-cursos-item[data-mostrar="false"] .inicio-cursos-item-titulo{display:none;}
.inicio-cursos-item[data-mostrar="true"] .inicio-cursos-item-titulo{display:block;}
.inicio-cursos-item-fecha{font-size: 1em;line-height: 1em;font-weight: 400;transition:display 0.5;}
.inicio-cursos-item[data-mostrar="false"] .inicio-cursos-item-fecha{display:none;}
.inicio-cursos-item[data-mostrar="true"] .inicio-cursos-item-fecha{display:block;}
.inicio-cursos-item-seleccionado{height: 100%;width: 100%;transition:height 1.5s,width 1.5s;}
#inicio-curso-detalle{position:absolute;top:0;left:150%;height:100%;width:75%;transition:left 1.5s;background: #ffffff;}
.inicio-curso-detalle-seleccionado{position:absolute;top:0;left:25% !important;transition:left 1.5s;}
#inicio-bot-volver{position: fixed;bottom:20px;right:20px;background:#de0029;color:#ffffff;padding:10px 40px;border-radius: 5px;font-weight: 500;cursor: pointer;z-index: 10;display: none;}
#inicio-bot-volver.inicio-volver-mostrar{display:block;}
#inicio-bot-volver[data-id=""]{display: none;} 
#inicio-curso-detalle-titulo{height: 15%;font-size: 1.5em;line-height: 1em;font-weight: 500;}
#inicio-curso-detalle-detalle{height: 5%;box-shadow: 0px 0px 7px 3px rgba(204, 204, 204, 0.85);}
#inicio-curso-detalle-matricula{position: absolute;top: 25px;right: 25px;background: #de0029;color: #ffffff !important;border-radius: 5px;padding: 10px 20px;font-weight: 500;}
#inicio-curso-detalle-compartir{height: 100%;}
#inicio-curso-detalle-compartir a{height: 100%;}
#inicio-curso-detalle-compartir img{height: 100%;}
#inicio-curso-detalle-tabs{height: 80%;}
#inicio-curso-detalle-tabs-Content{height: calc(100% - 40px);}
#inicio-curso-detalle-tabs .nav-tabs{box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85)}
#inicio-curso-detalle-tabs .nav-item{width: 33.33%;}
#inicio-curso-detalle-tabs .nav-link{height: 40px;width: 100%;background: #ffffff;color: #000000;border-radius: 0px;}
#inicio-curso-detalle-tabs .nav-link.active{background: #de0029;color: #ffffff;}
#inicio-curso-detalle-tabs .tab-pane{overflow-y: auto;height: 100%;}
.inicio-curso-detalle-profesor-bl{border-radius:10px;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);height: 250px;}
.inicio-curso-detalle-profesor-foto{width: 22%;}
.inicio-curso-detalle-profesor-foto img{border-radius:10px;height: 100%;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.inicio-curso-detalle-profesor-detalle{width: 78%;height:100%;position: relative;}
.inicio-curso-detalle-profesor-nombre{font-size: 1.5em;line-height: 1em;font-weight: 500;height:20%;}
.inicio-curso-detalle-profesor-perfil{font-size: 0.9em;line-height: 1.25em;font-weight: 400;height:80%;overflow-y: auto;text-align:justify}

.inicio-colegios-item{width: 48.5%;height:20%;transition:height 1.5s,width 1.5s;background:#ffffff;position: relative;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);border-radius:10px;}
.inicio-colegios-item-fondo{object-fit: cover;height: 100%;width: 100%;filter:grayscale(1) brightness(0.7);display:none}
.inicio-colegios-item-bl{position:absolute;top: 0;left: 0;}
.inicio-colegios-item-detalle{color:#ffffff}
.inicio-colegios-item-logo{background:#ffffff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.inicio-colegios-item-logo img{width:100%;height:auto;}
.inicio-colegios-item-nombre{height:40%;color:#000000;font-size: 1.2em;line-height: 1em;font-weight: 500;}
.inicio-colegios-item-direccion,.inicio-colegios-item-correo,.inicio-colegios-item-telefono{height:20%;color:#000000;font-size: 0.9em;line-height: 1em;font-weight: 400;}
.inicio-tit{font-size: 1.5em;line-height: 1em;font-weight: 500;}
.inicio-txt{text-align:justify;}
.inicio-subtit{font-size: 1.25em;line-height: 1em;font-weight: 500;}
.inicio-cursos-mostrar .inicio-bot-volver,.inicio-curso-detalle-seleccionado #inicio-curso-detalle-volver{display:block;}
#inicio-informacion-tabs,#inicio-conferencias-tabs{height: 99.9%;}
#inicio-informacion-tabs-Content,#inicio-conferencias-tabs-Content{height: calc(100% - 60px);}
#inicio-informacion-tabs .nav-tabs,#inicio-conferencias-tabs .nav-tabs{box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85)}
#inicio-informacion-tabs .nav-item{width: 20%;}
#inicio-conferencias-tabs .nav-item{width: 50%;}
#inicio-informacion-tabs .nav-link,#inicio-conferencias-tabs .nav-link{height: 60px;width: 100%;background: #ffffff;color: #000000;border-radius: 0px;}
#inicio-informacion-tabs .nav-link.activ,#inicio-conferencias-tabs .nav-link.active{background: #de0029;color: #ffffff;}
#inicio-informacion-presentacion-tit{font-size:2em;line-height: 1em;font-weight: 500;}
#inicio-informacion-presentacion-titulo{box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
.inicio-informacion-bloque-item{box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
.inicio-informacion-bloque-titulo{font-size:1.25em;line-height: 1em;font-weight: 500;}
.inicio-informacion-bloque-descripcion{}
.inicio-informacion-bloque-item img{border-bottom-left-radius: 10px;border-top-left-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.inicio-informacion-equipo-item{width:32%;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
.inicio-informacion-equipo-item img{border-bottom-left-radius: 10px;border-top-left-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.inicio-informacion-equipo-nombre{font-size:1.25em;line-height: 1em;font-weight: 500;}
.inicio-informacion-equipo-cargo{font-size:0.9em;line-height: 1em;font-weight: 400;}
#form-contacto-submit{background: #de0029;border-radius: 10px;color: #ffffff;}
.inicio-informacion-precios-item{box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
.inicio-informacion-precios-precio{font-size: 2em;line-height: 1em;font-weight: 500;}
.inicio-informacion-precios-precio span{font-size: 0.65em;line-height: 1em;font-weight: 400;}
.inicio-informacion-precios-titulo{font-size: 1.5em;line-height: 1em;font-weight: 600;}
.inicio-conferencias-tit{font-size:1.5em;line-height:1em;font-weight:500}
.inicio-conferencia-item{width: 32.85%;height: 250px;border-radius: 10px;box-shadow: 4px 5px 7px 0px rgba(204, 204, 204, 0.85);position:relative}
.inicio-conferencia-item-detalle{position: absolute;bottom: 10px;left: 10px;color: #ffffff;}
.inicio-conferencia-item-fondo{object-fit: cover;height: 100%;width: 100%;filter: grayscale(1) brightness(0.7);border-radius:10px}
.inicio-conferencia-item-fondo:hover{filter: grayscale(0) brightness(0.9);}
.inicio-conferencia-item-titulo{font-size: 1.25em;line-height: 1em;font-weight: 500;transition: display 0.5s;}
.inicio-conferencia-item-fecha{font-size: 1em;line-height: 1em;font-weight: 400;}
#inicio-col-login,#inicio-col-login:hover{background: #de0029;border-radius: 5px;color: #ffffff !important;}
#inicio-col-login-bl{}
#inicio-col-rrss-login i{background: #ffffff;border-radius: 50%;font-size: 1em;color: #de0029;}
.inicio-conferencias-aviso{background: #ffffff;color: #000000;border-radius: 5px;font-size: 1.15em;line-height: 1.25em;font-weight: 500;}
#inicio-informacion-tabs .nav-link.active{background: #de0029;color: #ffffff;}
.inicio-ocio-item{width:20%;box-shadow: 4px 5px 7px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
#inicio-conferencias-tabs .tab-pane{overflow-y: auto;height: 100%;}
.inicio-ocio-tab-content{height:100%;}
.inicio-ocio-item-dia{height:10%;font-size: 1.15em;line-height: 1em;font-weight: 500;}
.inicio-ocio-item-titulo{height: 20%;font-size: 1.25em;line-height: 1em;font-weight: 500;}
.inicio-ocio-item-imagen{height:20%}
.inicio-ocio-item-imagen img{width:100%;box-shadow: 4px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.inicio-ocio-item-texto{height:35%;font-size: 1em;line-height: 1em;font-weight: 400;text-align: justify;}
.inicio-ocio-item-detalle{height: 15%;}
.inicio-curso-item-completo{background: #de0029;color: #ffffff;position: absolute;z-index: 11;width: 100%;text-align: center;overflow: hidden;top: 0;right: 0;height: 35px;display: flex;align-items: center;justify-content: center;}

/* LEGAL */

#legal{position:relative;width: 100%;height:100%;display: flex !important;overflow: hidden;}
#legal-col{position:absolute;height:100%;width:25%;top:0%;left:0%;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
#legal-titulo{height:60%;width:100%;}
#legal-titulo-txt{font-size: 1.35em;line-height: 1em;font-weight: 600;}
#legal-logo{height:25%;width:100%;background: #ffffff;;z-index:10;}
#legal-texto{position:absolute;height:100%;width:75%;top:0%;left:25%;overflow-y: auto;}
#legal-area{width: 100%;height:15%;}
.legal-tit{font-size: 1.25em;line-height: 1em;font-weight: 500;}
.legal-tit2{font-size: 1.5em;line-height: 1em;font-weight: 500;}
.legal-txt{font-size: 1em;line-height: 1.25em;font-weight: 400;}
.legal-table-col-1{width:40%;font-weight:500}

/* SIDEBAR */

.sidebar{padding: 0px !important;gap: 0 !important;background: #ffffff;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
#sidebar-logo{height: 15%;}
#sidebar-logo img{height: 75%;}
#sidebar-menu{height: 65%;}
.sidebar-menu-superadmin .menu-item{height:10%;border-radius:0px;}
.sidebar-menu-user a{height:20%;border-radius:0px;margin-block: 0;}
#sidebar-user{height: 15%;}
#sidebar-user-menu{position: relative !important;padding: 5px;left: 0 !important;width: 255px;overflow-x: hidden;}
#sidebar-copy{height: 7.5%;}
#sidebar-copyright{font-size: 0.75em;line-height: 1em;font-weight: 400;height:5%}
#sidebar-copy-txt{font-size:0.7em;line-height: 1em;font-weight:400;}
.sidebar-menu-panel a{height:50%;border-radius:0px;padding-right: 1rem !important;padding-left: 1rem !important;}
.sidebar-menu-legal a{height:25%;}
#sidebar-web-user{height: 7.5%;}
#sidebar-web-user i{color:#3684c6;}
#sidebar-copy-footer{display: none !important;}
#sidebar-copy-rrss{height: 5%;}
#sidebar-copy-rrss a{height: 100%;}
#sidebar-copy-rrss a img{height: 100%;}
.sidebar-menu-personal .menu-item {padding: 0px 20px;}
.sidebar-menu-personal .menu-item span{font-size:0.85em}
.menu-item:hover,.menu-item-activo{background:#de0029 !important;color:#ffffff !important}
.menu-item-estudiante{line-height:1em;}
.menu-item-colegio{height:50%;}

/* MAIN */

#main{padding:0px;} 

/* SUPERADMIN */

.dt-container{width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.dt-search{padding-right:250px;display: flex;align-items: center;}
.dt-search label{margin-right: 10px;}
.dt-length label{display: flex;align-items: center;}
#dt-length-0{width: 50px;margin: 0px 10px;}
.admin-nuevo{position: absolute;top: 25px;right: 15px;}
.pagination {--bs-pagination-color: #de0029;--bs-pagination-hover-color: #de0029;--bs-pagination-focus-color: #de0029;--bs-pagination-active-bg: #de0029;--bs-pagination-active-border-color: #de0029;}
.admin-listado-edit{color: #de0029;}
.dt-processing{display:none !important}
.dt-autosize{display: none;}
.superadmin-bot{width: 200px;background: #de0029;color: #ffffff;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.superadmin-bot:hover{text-decoration:none;color:#ffffff}
.superadmin-nuevo{position: absolute;top: 25px;right: 15px;}
.form-floating>.form-select {padding-top: 0 !important;padding-bottom: 0 !important; height: initial !important;line-height: 35px !important;}
.cursoActividad[data-mostrar="false"]{display: none;}
.cursoActividad[data-mostrar="true"]{display: block;}

/* PERSONAL */
 
#personal-curso{height: 100vh;}
#personal-curso-tabs{height: 80%;}
#personal-curso-detalle-bl{height: 20%;}
#personal-curso-detalle-titulo{height:calc(100% - 40px);font-size: 2em;line-height: 1em;font-weight: 600;}
#personal-curso-detalle-detalle{height: 40px;}
.personal-curso-detalle{height:100%;}
.personal-curso-detalle-texto{width:20%}
.personal-curso-detalle-datos{width: 80%;}
.personal-curso-descripcion-bl{height: 100%; overflow-y: auto;}
.personal-curso-descripcion-titulo{min-height:30px;background: #cccccc;color:#ffffff}
.personal-curso-descripcion-texto{height: 100%;}
#personal-curso-profesor{height:100%;overflow-y: auto;}
.personal-curso-detalle-profesor-bl{border-radius:10px;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);height: 240px;}
.personal-curso-detalle-profesor-foto{width: 240px;}
.personal-curso-detalle-profesor-foto img{border-radius:10px;height: 100%;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.personal-curso-detalle-profesor-detalle{width: calc(100% - 240px);height:100%;position: relative;}
.personal-curso-detalle-profesor-nombre{font-size: 1.5em;line-height: 1em;font-weight: 500;height:20%;}
.personal-curso-detalle-profesor-perfil{font-size: 0.9em;line-height: 1.25em;font-weight: 400;height:80%;overflow-y: auto;text-align:justify}
.personal-curso-detalle-detalle{height: 100%;}
.personal-curso-detalle-detalle a{height: 100%;margin:0 !important}
.personal-curso-detalle-detalle img{height: 100%;}
#personal-curso-clase{height: 100%;overflow-y: auto;}
#personal-curso-tabs-Tab{height:40px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85)}
#personal-curso-tabs-Tab .nav-item{width: 16.66%;}
#personal-curso-tabs-Tab .nav-link{height: 40px;width: 100%;background: #ffffff;color: #000000;border-radius: 0px;}
#personal-curso-tabs-Tab .nav-link.active,#personal-curso-tabs-Tab .nav-link:hover{background: #de0029;color: #ffffff;}
#personal-curso-tabs .tab-content{height: calc(100% - 40px);}
#personal-curso-tabs-Content .tab-pane{height:100%;position: relative;}
#personal-curso-matricularte{background: #de0029;color: #ffffff;position: absolute;right: 20px;padding: 10px 15px;border-radius: 5px;font-size: 1em;top: 30px;font-weight: 500;}
#personal-curso-matricularte:hover{background: #de0029 !important;color: #ffffff !important;}
#personal-curso-actividades{height: 100%;overflow-y: auto;}
.personal-curso-actividad-item{height:200px;border-radius:10px;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.personal-curso-actividad-actividad-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.personal-curso-actividad-actividad-datos{height: 80%;font-size:0.9em;line-height: 1.25em;font-weight: 400;}
.personal-curso-actividad-actividad-imagen img{height: 100%;height: 100%;border-radius:10px;}
.personal-curso-actividad-usuario-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.personal-curso-actividad-usuario-perfil{height:80%;overflow-y: auto;font-size:0.9em;line-height: 1em;font-weight: 400;}
.personal-curso-actividad-usuario-imagen img{border-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
#personal-actividad{}
.personal-actividad,.personal-actividad:hover{width: 24.5%;border-radius:10px;height:200px;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);color: #000000;}
#personal-actividad-nombre{height:15%;font-size: 1.5em;line-height: 1em;font-weight: 500;}
#personal-actividad-bl{height: 85%;}
#personal-actividad-datos{width:33.33%;}
#personal-actividad-detalle{width:33.33%;}
#personal-actividad-documentos{width:33.33%;}
.personal-actividad-fila{width: 100%;}
.personal-actividad-texto{width: 25%;}
.personal-actividad-dato{width: 75%;}
#personal-actividad-curso{background: #cccccc;color:#ffffff}
#personal-actividad-documentos-titulo{height: 45px;background: #cccccc;color:#ffffff}
#personal-actividad-documentos-bl{height:calc(100% - 45px)}
#personal-actividad-documentos{height:100%}
#personal-actividad-documentos-lista{height:85%}
#personal-actividad-documentos-subir{height:15%;}
#personal-actividad-documentos-subir button{background:#3684c6;color:#ffffff}
.personal-actividad-documentos-eliminar i{color: #3684c6}
#personal-ficha-foto{height:100px;border-radius: 10px;}
#personal-curso-alumnos{height:100%;overflow-y: auto;}
.personal-curso-alumnos-item{height: 275px;width: 19.25%;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);border-radius:5px;position:relative}
.personal-curso-alumnos-item-foto{width: 100%;height: 100%;border-radius:5px;}
.personal-curso-alumnos-item-foto img{width: 100%;height: 100%;object-fit: cover;object-position: center top;border-radius: 5px;}
.personal-curso-alumnos-item-detalle{position: absolute;width: 100%;bottom: 0;left: 0;background: #ffffff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

/* ESTUDIANTE */

#estudiante-cursos{height:100vh;}
#estudiante-cursos-filtrado{overflow-y: auto;}
.estudiante-cursos-filtro-titulo{background: #cccccc;color:#ffffff}
.estudiante-cursos-filtro{border: 1px solid #cccccc;border-radius: 5px;cursor:pointer;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-cursos-filtro[data-activo="true"]{background:#de0029;color:#ffffff}
.estudiante-item-curso{width:49.1%;height:125px;border:1px solid #cccccc;border-radius:5px;position:relative;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);background: #636363;}
.estudiante-item-curso[data-mostrar="true"]{display: flex;}
.estudiante-item-curso[data-mostrar="false"]{display: none;}
.estudiante-miscursos-curso,.estudiante-miscursos-curso:hover{color:#000000;border:1px solid #cccccc;border-radius: 5px;height: 40%;width: 33.33%;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-item-curso-fondo{background-size: cover;background-position: center;filter: grayscale(1) brightness(0.75);border-radius: 5px;}
.estudiante-item-curso-titulo{height:50%;}
.estudiante-item-curso-bloque{height:25%;}
.estudiante-item-curso-fecha{}
.estudiante-item-curso-colegio{}
.estudiante-item-curso,.estudiante-item-curso:hover{color:#ffffff !important}
.estudiante-item-curso-fondo-bl{position:absolute}
#estudiante-curso{height: 100vh;}
#estudiante-curso-tabs{height: 80%;}
#estudiante-curso-detalle-bl{height: 20%;}
#estudiante-curso-detalle-titulo{height:calc(100% - 40px);font-size: 2em;line-height: 1em;font-weight: 600;}
#estudiante-curso-detalle-detalle{height: 40px;}
.estudiante-curso-detalle{height:100%;}
.estudiante-curso-detalle-texto{width:20%}
.estudiante-curso-detalle-datos{width: 80%;}
.estudiante-curso-descripcion-bl{height: 100%; overflow-y: auto;}
.estudiante-curso-descripcion-titulo{min-height:30px;background: #cccccc;color:#ffffff}
.estudiante-curso-descripcion-texto{height: 100%;}
#estudiante-curso-profesor{height:100%;overflow-y: auto;}
.estudiante-curso-detalle-profesor-bl{border-radius:10px;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);height: 240px;}
.estudiante-curso-detalle-profesor-foto{width: 240px;}
.estudiante-curso-detalle-profesor-foto img{border-radius:10px;height: 100%;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-curso-detalle-profesor-detalle{width: calc(100% - 240px);height:100%;position: relative;}
.estudiante-curso-detalle-profesor-nombre{font-size: 1.5em;line-height: 1em;font-weight: 500;height:20%;}
.estudiante-curso-detalle-profesor-perfil{font-size: 0.9em;line-height: 1.25em;font-weight: 400;height:80%;overflow-y: auto;text-align:justify}
.estudiante-curso-detalle-detalle{height: 100%;}
.estudiante-curso-detalle-detalle a{height: 100%;margin:0 !important}
.estudiante-curso-detalle-detalle img{height: 100%;}
#inicio-curso-detalle-tabs{height: 80%;}
#estudiante-curso-clase{height: 100%;overflow-y: auto;}
#estudiante-curso-tabs-Tab{height:40px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85)}
#estudiante-curso-tabs-Tab .nav-item{width: 20%;}
#estudiante-curso-tabs-Tab .nav-link{height: 40px;width: 100%;background: #ffffff;color: #000000;border-radius: 0px;}
#estudiante-curso-tabs-Tab .nav-link.active,#estudiante-curso-tabs-Tab .nav-link:hover{background: #de0029;color: #ffffff;}
#estudiante-curso-tabs .tab-content{height: calc(100% - 40px);}
#estudiante-curso-tabs-Content .tab-pane{height:100%;position: relative;}
#estudiante-curso-matricularte{background: #de0029;color: #ffffff;position: absolute;right: 20px;padding: 10px 15px;border-radius: 5px;font-size: 1em;top: 30px;font-weight: 500;}
#estudiante-curso-matricularte:hover{background: #de0029 !important;color: #ffffff !important;}
#estudiante-curso-actividades{height: 100%;overflow-y: auto;}
.estudiante-curso-actividad-item{height:200px;border-radius:10px;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-curso-actividad-actividad-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.estudiante-curso-actividad-actividad-datos{height: 80%;font-size:0.9em;line-height: 1.25em;font-weight: 400;}
.estudiante-curso-actividad-actividad-imagen img{height: 100%;height: 100%;border-radius:10px;}
.estudiante-curso-actividad-usuario-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.estudiante-curso-actividad-usuario-perfil{height:80%;overflow-y: auto;font-size:0.9em;line-height: 1em;font-weight: 400;}
.estudiante-curso-actividad-usuario-imagen img{border-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-item-curso-completo{background: #de0029;color: #ffffff;position: absolute;z-index: 11;width:auto;text-align: center;overflow: hidden;top: 0;right: 0;height: auto;display: flex;align-items: center;justify-content: center;padding: 5px;}

#estudiante-micurso{height:100vh;}
#estudiante-micurso-titulo{height: 15%;font-size: 2em;line-height: 1em;font-weight: 500;}
#estudiante-micurso-tabs-Tab{height:40px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85)}
#estudiante-micurso-tabs-Tab .nav-item{width: 16.66%;}
#estudiante-micurso-tabs-Tab .nav-link{height: 40px;width: 100%;background: #ffffff;color: #000000;border-radius: 0px;}
#estudiante-micurso-tabs-Tab .nav-link.active,#estudiante-micurso-tabs-Tab .nav-link:hover{background: #de0029;color: #ffffff;}
#estudiante-micurso-tabs .tab-content{height:calc(100% - 40px);}
#estudiante-micurso-tabs-Content .tab-pane{height:100%;}
.estudiante-micurso-detalle-titulo{background:#cccccc;color:#ffffff;min-height:30px;font-size: 1em;line-height: 1em;font-weight: 400;}
.estudiante-micurso-detalle-texto{width:20%}
.estudiante-micurso-detalle-datos{width: 80%;}
.estudiante-micurso-actividades-fecha{background:#cccccc;color:#ffffff;height:25px;}
.estudiante-micurso-actividades-persona{line-height: 1em;}
.estudiante-micurso-actividades-persona-detalle{font-size: 0.85em;}
#estudiante-micurso-detalle-descripcion{height: 100%;overflow-y: auto;}
#estudiante-micurso-tabs{height: 85%;}
#estudiante-micurso-profesor{height:100%;overflow-y: auto;}
.estudiante-micurso-detalle-profesor-bl{border-radius:10px;box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 0.85);height: 240px;}
.estudiante-micurso-detalle-profesor-foto{width: 240px;}
.estudiante-micurso-detalle-profesor-foto img{border-radius:10px;height: 100%;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-micurso-detalle-profesor-detalle{width: calc(100% - 240px);height:100%;position: relative;}
.estudiante-micurso-detalle-profesor-nombre{font-size: 1.5em;line-height: 1em;font-weight: 500;height:20%;}
.estudiante-micurso-detalle-profesor-perfil{font-size: 0.9em;line-height: 1.25em;font-weight: 400;height:80%;overflow-y: auto;text-align:justify}
.estudiante-micurso-documentos-clase{font-size: 1.25em;line-height: 1em;font-weight: 500;}
.estudiante-micurso-documentos-documento{}
.estudiante-micurso-documentos-documento i{color:#de0029;margin-right:10px}
.estudiante-micurso-documentos-archivo{}
.estudiante-micurso-clase-nombre{font-size: 1.25em;line-height: 1em;font-weight: 500;}
.estudiante-micurso-clase-fecha{}
.estudiante-micurso-clase-lugar{}
#estudiante-micurso-actividades{height: 100%;overflow-y: auto;}
.estudiante-micurso-actividad-item{height:250px;border-radius:10px;box-shadow: 5px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-micurso-actividad-actividad-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.estudiante-micurso-actividad-actividad-datos{height: 80%;font-size:0.9em;line-height: 1.25em;font-weight: 400;}
.estudiante-micurso-actividad-actividad-imagen img{height: 100%;border-radius:10px;}
.estudiante-micurso-actividad-usuario-nombre{height:20%;font-size:1.25em;line-height: 1em;font-weight: 500;}
.estudiante-micurso-actividad-usuario-perfil{height:80%;overflow-y: auto;font-size:0.9em;line-height: 1em;font-weight: 400;}
.estudiante-micurso-actividad-usuario-imagen img{border-radius: 10px;box-shadow: 3px 5px 7px 0px rgba(204, 204, 204, 0.85);}
.estudiante-micurso-actividad-bloque{height:90%;}
.estudiante-micurso-actividad-enlace{height:10%;background: #de0029;color:#ffffff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;cursor:pointer}

#estudiante-matricula{height:100%;position:relative;}
#estudiante-matricula-form{height:100%;position:relative;} 
#estudiante-matricula-curso,#estudiante-matricula-opciones,#estudiante-matricula-factura{height:100%;}
#estudiante-matricula-factura .estudiante-matricula-detalle{height:59%;}
#estudiante-matricula-form button{background: #de0029;color: #ffffff;height: 8%;}
.estudiante-matricula-titulo{background:#cccccc;color:#ffffff;height:8%}
.estudiante-matricula-detalle{height:82%;position:relative}
.estudiante-matricula-detalle-dato{font-size:1.25;line-height: 1em;font-weight: 500;}
#estudiante-matricula-terminos{height:25%;position:relative;font-size:1em;line-height:1em;font-weight:500; color:#de0029;text-align: center;}
#estudiante-matricula-terminos-txt{color:#636363;font-size:0.85em;line-height:1em;font-weight:400;}
#estudiante-matricula-pasarela{color:#636363;font-size:1em;line-height:1em;font-weight:400;}
#estudiante-matricula-alojamiento-uno,#estudiante-matricula-alojamiento-dos,#estudiante-matricula-alojamiento-tres{display: none;}
.estudiante-bot{background:#de0029;color:#ffffff;padding:10px 40px;border-radius: 5px;font-weight: 500;cursor: pointer;}
.estudiante-bot:hover{background: #de0029 !important;color: #ffffff !important;}
#estudiante-matriculada-completada-bl{width:50%;box-shadow: 0px 6px 7px 0px rgba(204, 204, 204, 0.85);border-radius: 10px;}
#estudiante-matriculada-completada-titulo{font-size:1.5em;line-height: 1em;font-weight:500}
.estudiante-matriculada-completada-tit{width:20%;}
.estudiante-matriculada-completada-txt{width:80%;}
.estudiante-matriculada-completada-boton{background:#de0029;color:#ffffff;padding:10px 40px;border-radius: 5px;font-weight: 500;cursor: pointer;}
.estudiante-matriculada-completada-boton:hover{background:#de0029 !important;color:#ffffff !important;}
#estudiante-ficha-aviso{background: #e98698;color: #ffffff;border-radius: 5px;font-size: 1.25em;line-height: 1.25em;font-weight: 500;}
#estudiante-editar-botones{position: absolute;bottom: 20px;right: 20px;}
#estudiante-matricula-nocompletada{}
#estudiante-matricula-nocompletada-bl{width: 50%;position:relative}
#estudiante-matricula-nocompletada-bl img{height:100px;position:relative;margin:0 auto}
#estudiante-matricula-nocompletada-titulo{font-size:1.5em;line-height: 1em;font-weight:500;}
#estudiante-matricula-nocompletada-aviso{font-size:1.25em;line-height: 1em;font-weight:400;}

/* ADMIN */

.menu-item-admin{height: 14.28%;padding:0px 20px;}
.admin-escritorio-bloque{position: relative;height: 49%;}
.admin-escritorio-titulo{height: 30px;}
.admin-escritorio-grafico{height: calc(100% - 30px)}
#admin-alojamientos-filtros,#admin-cursos-filtro{height:15%}
#admin-alojamientos-graficos,#admin-cursos-graficos{height: 85%;}
#admin-alojamientos-grafico{height: 50%;}
.admin-escritorio-grafico-bl{height: 90%;width: 90%;}
#admin-facturas-listado .dt-search {padding-right: 0px !important;}
.admin-resumen-matriculados-grafica{position: relative;}
.admin-correos-enviar,.admin-bot{background:#de0029;color: #ffffff;padding: 5px 10px;border-radius: 5px;}
.admin-listadobecas-rojo{background:#de0029;color:#ffffff}
.admin-listadobecas-verde{background:green;color:#ffffff}
#admin-cancelarcurso-form button{}
.admin-icon{color:#de0029}


/* DATOS */

.menu-item-datos{height: 33.33%;}

/* SALA DE ESPERA */

.panel-sala-de-espera-tit{color: #3684c6;font-size: 1.25em;line-height: 1em;font-weight: 500;}
.panel-sala-de-espera-txt{}
#panel-sala-de-espera-logo{}
#panel-sala-de-espera-logo img{}

/* LOGIN */

#login-logo{width: 50%;}
#app-login-aviso{color:#737373 !important;font-size:0.85em;}
.app-boton{background:#de0029;color:#ffffff;padding:10px 40px;}

/* COLEGIOS */

#colegio-reservas-listado .dt-search {padding-right: 0px !important;}
.colegio-cursos-descarga{background: #de0029;width: 100%;color: #ffffff;text-align: center;border-radius: 5px;}


/* RESPONSIVE */

@media (max-width: 768px) {
    #inicio-col{display:flex !important;flex-direction: column;}
    #inicio-col-logo{position: relative;height: 70px;width: 100%;background: #ffffff;z-index: 10;top:0}
    .inicio-col-logo-expandido{height:100%;width: 100%;top:0}
    #inicio-col-logo img{transition:width 2s;width:auto;height:60px;}
    #inicio-col-logo.inicio-col-logo-expandido img{width:50%;height: auto;}
    #incio-col-rrss-bl{width: 100%;}
    #inicio-col-login{}
    #inicio-col-login-mov,#inicio-col-login-mov:hover{position: absolute;top: 15px;left: 15px;background: #de0029;color: #ffffff !important;border-radius: 50%;z-index: 11; width:40px;height: 40px;}
    #inicio-col-area{position:relative;width: 100%;border-top:1px solid #ffffff;height:125px;background: #ffffff;top: unset;left: unset;}
    .inicio-col-area{position: relative; width: 100%;cursor: pointer;border: 1px solid #ffffff;transition: top 1.5s, left 1.5s, height 1.5s;top: unset;left: unset;height: 150px;}
    .inicio-col-area[data-id="0"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="-1"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="-2"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="-3"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="1"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="2"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="3"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="4"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="5"]{height:125px;top:unset;left:unset;}
    .inicio-col-area[data-id="6"]{height:125px;top:unset;left:unset;}
    .inicio-cursos-item {width: 100%;height: 150px;transition: height 0.75s, width 0.75s, display 1.5s;position: relative;cursor: pointer;z-index: 9;transition-behavior: allow-discrete;}
    .inicio-cursos-mostrar {height: unset !important;width: 100% !important;top: unset !important;left: 0% !important;transition: left 1.5s;position: relative !important;}
    .inicio-col-area-noseleccionado-top,.inicio-col-area-noseleccionado-bot,.inicio-col-area-noseleccionado-left,.inicio-col-area-noseleccionado-left-mov,.inicio-col-area-noseleccionado-top-mov,.inicio-col-area-noseleccionado-bot-mov{top:unset;right:150%;position:absolute;left: unset !important;}
    .inicio-col-area-seleccionado{top: 0 !important;left: unset !important;right:150% !important;height: 60% !important;position:absolute;}
    #inicio-conferencias{min-height:650px;}
    #inicio-colegios{display: flex !important;flex-direction: column;flex-wrap: nowrap !important;}
    .inicio-colegios-item{width: 100%;height: 100px !important;margin: 0 !important;margin-bottom: 15px !important;border-radius: 0px;}
    .inicio-colegios-item-bl {position: relative !important;}
    .inicio-colegios-item-logo{width:25% !important;}
    .inicio-colegios-item-detalle{width:75% !important;}
    .inicio-colegios-item-direccion, .inicio-colegios-item-correo, .inicio-colegios-item-telefono {height: 20%;color: #000000;font-size: 0.65em;line-height: 1em;font-weight: 400;}
    .inicio-colegios-item-nombre {height: 40%;color: #000000;font-size: 1em;line-height: 1em;font-weight: 500;}
    .inicio-cursos-seleccionado{}
    #inicio-curso-detalle {position: absolute;top: unset;left: 150%;height: unset !important;width: 100%;transition: left 1.5s;}
    .inicio-curso-detalle-seleccionado {position: relative !important;top: 0;left: 0% !important;transition: left 1.5s;}
    #inicio-curso-detalle-titulo{height: 150px !important;display: flex !important;flex-direction: column;justify-content: center;text-align: center;}
    .inicio-cursos-item-seleccionado .inicio-cursos-item-detalle {display: none;}
    #inicio-curso-detalle-fecha,#inicio-curso-detalle-bloque,#inicio-curso-detalle-colegio{width:100%;}    
    #inicio-curso-detalle-detalle{display: flex !important;flex-direction: column;height: unset !important;}
    #inicio-curso-detalle-texto{display: flex !important;flex-direction: column;}    
    #inicio-curso-detalle-descripcion{box-shadow: unset !important;}
    #inicio-curso-detalle-colegio,#inicio-curso-detalle-fecha,#inicio-curso-detalle-bloque{border-bottom:1px solid #cccccc}
    #inicio-curso-detalle-matricula {position: relative;top: unset;right: unset;text-align: center;}
    #inicio-curso-detalle-tabs .tab-pane {height: auto;}
    .inicio-curso-detalle-profesor-foto{width:100%;}
    .inicio-curso-detalle-profesor-detalle{width:100%;padding: 10px !important;}
    .inicio-curso-detalle-profesor-bl{height:auto;}
    .inicio-curso-detalle-profesor-nombre{margin:15px 0px}
    .inicio-conferencia-item {width: 100%;}
    #inicio-bot-volver {position: absolute;top: 13px; display: none;right: 5px;bottom: unset;border-radius: 50%;font-size: 40px;padding: 0px !important;background: transparent;}
    #inicio-bot-volver i{color:#de0029}
    .inicio-cursos-mostrar .inicio-bot-volver,.inicio-curso-detalle-seleccionado #inicio-curso-detalle-volver{display:block;}
    #inicio-col-rrss,#inicio-col-logos{width: 100%;}
    #inicio-informacion-presentacion-titulo{flex-direction: column !important;}
    .inicio-informacion-bloque-item{flex-direction: column !important;}
    .inicio-informacion-tab-content{flex-direction: column !important;}
    #form-contacto input{width:100%;}
    .form-contacto-col{flex-direction: column !important;}
    #inicio-informacion-tabs .nav-item {width: 33.33%;}
    .inicio-informacion-equipo-item {width: 100%;}
    .inicio-informacion-equipo-item img,.inicio-informacion-equipo{width: 50%;}
    .app-register,.app-login,.app-forgot-password,.app-reset{padding: 20px;}
    .app-register,.app-reset {width: 100%;margin: 0 auto;}
    .app-col{width:100% !important;flex-direction: column !important;}
    .sidebar{width: 100%;height: 100%;}
    #estudiante-cursos{flex-direction: column !important;height:auto !important}
    .estudiante-curso{width:100%;}
    .estudiante-curso-colegio,.estudiante-curso-fecha{font-size:0.8em}
    #estudiante-micurso-tabs-Tab .nav-item {width: 33.33%;}
    #sidebar-logo {height: 100%;border-bottom:0px !important;margin-left: 20px;}
    #estudiante-curso-matricularte {position: relative;right: 0;border-radius: 0px;font-size: 1em;text-align: center;top: unset;}
    #estudiante-curso-tabs-Tab .nav-item {width: 33.33%;}
    #estudiante-curso-tabs .tab-content {height: auto !important;margin-top: 40px;}
    #estudiante-curso-tabs-Content .tab-pane .col-md-6{width: 100% !important;}
    .estudiante-col-mov{flex-direction: column;}
    .estudiante-micurso-actividades-dia{width:100% !important;}
    #estudiante-micurso-tabs-Content .tab-pane {height: unset !important;margin: 40px 0px;}
    #estudiante-curso-titulo {height: auto !important;padding: 20px !important;}
    .estudiante-micurso-detalle-texto {width: 30%;}
    .estudiante-micurso-detalle-datos {width: 70%;}
    #estudiante-matriculada-completada-bl {width: 100%;}
    .estudiante-matriculada-completada-tit,.estudiante-matriculada-completada-txt{width:100%;border-right:0px;text-align:center;padding-left:0px;}
    .estudiante-matriculada-completada-boton{text-align: center;margin-bottom:10px;}
    #estudiante-editar-botones{position: fixed;bottom: 20px;right: 20px;}
    .estudiante-item-curso {width: 100%;height: 200px;margin: 5px 0px !important;}
    .estudiante-item-curso-colegio,.estudiante-item-curso-bloque {justify-content: center !important;}
    .estudiante-item-curso-titulo{font-size: 1.25em;font-weight: 500; line-height: 1em;text-align: center;}
    #estudiante-curso, #estudiante-micurso {height: auto;}
    .estudiante-curso-detalle-profesor-bl,.estudiante-micurso-detalle-profesor-bl{height:auto;}
    .estudiante-curso-detalle-profesor-foto,.estudiante-micurso-detalle-profesor-foto  {width: 100%;}
    .estudiante-curso-detalle-profesor-detalle,.estudiante-micurso-detalle-profesor-detalle {width:100%;height: auto;}
    #estudiante-curso-detalle-bl,#estudiante-micurso-detalle-bl {height: auto;}
    #estudiante-curso-detalle-detalle,#estudiante-micurso-detalle-detalle {height: auto;}
    .estudiante-curso-actividad-item,.estudiante-micurso-actividad-item {height: auto;}
    .estudiante-curso-actividad-usuario-perfil,.estudiante-micurso-actividad-usuario-perfil  {height: auto;overflow-y: hidden;font-size: 1em;line-height: 1.25em;font-weight: 400;text-align: justify;}
    .estudiante-curso-actividad-usuario-nombre,.estudiante-micurso-actividad-usuario-nombre{margin:10px 0px;}
    .estudiante-micurso-actividad-bloque {height: auto;}
    #estudiante-micurso-titulo {height: auto;}
    .estudiante-micurso-actividad-usuario-detalle-bl{padding:0px 10px;}
    .estudiante-micurso-actividad-usuario-imagen img{width: 100%;height: auto;}
    #estudiante-matricula {height: auto;}
    #estudiante-matricula-form {height: auto;}
    #estudiante-matricula-curso, #estudiante-matricula-opciones, #estudiante-matricula-factura {height: auto;}
    .estudiante-matricula-titulo {height: 30px;}
    .estudiante-matricula-detalle {height: auto;text-align: center !important;}
    #estudiante-matricula-terminos {height: auto;}
    #estudiante-matricula-form button {height: 50px;}
    .estudiante-matricula-detalle .col-md-9,.estudiante-matricula-detalle .col-md-2{text-align: center !important;}
    #incio-col-login-bl{display: none !important;}
    #inicio-curso-detalle-compartir img{height: 25px;}
    .estudiante-curso-detalle-detalle img{height: 25px;margin-right:5px}
    .admin-escritorio-bloque{width:100%;height: auto !important;}
    .admin-escritorio-grafico-bl{width:100% !important;height: auto !important;}
    .admin-escritorio-bloque-leyenda{height:auto !important;width:100% !important}
    #admin-alojamientos-filtros, #admin-cursos-filtro {height: auto !important;}
    #admin-alojamientos-grafico-bl,#admin-alojamientos-leyenda{width:100% !important}
    #admin-alojamientos-grafico-bloque{height: auto !important;width:90% !important}
    #admin-alojamientos-leyenda{height: auto !important;width:100% !important}
    .admin-listado{height:25px;}
    .admin-listado-item-color{width:8%}
    .admin-listado-item-nombre{width:58%;}
    .admin-listado-item-total{width:35%}
    .admin-cursos-grafico-bl{width:100% !important;height:auto !important;}
    .admin-cursos-grafico-bloque{width:90% !important;height:auto !important;}
    .admin-cursos-leyenda{}
    .inicio-ocio-item{width:100%;}
    .inicio-ocio-tab-content {height: auto;}
    #sidebar-logo img {width: 100%;height: auto;}
    #personal-curso{height: auto;}
    .personal-curso-detalle-profesor-bl{height:auto;}
    .personal-curso-detalle-profesor-foto{width: 100%;}
    .personal-curso-detalle-profesor-detalle{width:100%;height: auto;}
    #personal-curso-detalle-bl{height: auto;}
    #personal-curso-detalle-detalle{height: auto;}
    .personal-curso-actividad-item{height: auto;}
    .personal-curso-actividad-usuario-perfil{height: auto;overflow-y: hidden;font-size: 1em;line-height: 1.25em;font-weight: 400;text-align: justify;}
    .personal-curso-actividad-usuario-nombre{margin:10px 0px;}
    .personal-curso{width:100%;}
    .personal-curso-colegio,.personal-curso-fecha{font-size:0.8em}
    #personal-curso-matricularte {position: relative;right: 0;border-radius: 0px;font-size: 1em;text-align: center;top: unset;}
    #personal-curso-tabs-Tab .nav-item {width: 33.33%;}
    #personal-curso-tabs .tab-content {height: auto !important;margin-top: 40px;}
    #personal-curso-tabs-Content .tab-pane .col-md-6{width: 100% !important;}
    .personal-col-mov{flex-direction: column;}
    .personal-curso-detalle-detalle img {height: 25px;margin-right: 10px;}
    .personal-curso-alumnos-item {height: 350px;width: 100%;}
}