/*redondea las esquinas de los objetos*/   
	   .rounded-suave {
			border-radius: .45rem;
		}
        .font-18 {
			font-size:18px !important;
		}

	   .font-20 {
			font-size:20px !important;
		}
	   /*css logotipo Midas*/  
	   /*.logotipo-css {
	
	   }							
	   .logotipo-css > .row-sup
	   {
		position:relative;
		top:0;
		left:0;
	   }							
	   .logotipo-css > .row-down
	   {
	
	   }
	   .logotipo-css > .row-sup > .row-img
	   {
		position:absolute;
		left:0;
		top:0;
	   }
	
	   .logotipo-css > .row-sup > .row-tejiendo-redes
	   {
		position:relative;
		padding-left:4.7em;
		padding-top:0.9em;
	   }
	   .logotipo-css > .row-sup > .row-tejiendo-redes > .row-tejiendo
	   {
		font-family:'Poppins'; 
		font-style:normal;
		color:#029AD7;
		padding-right:-0.1em; 
		font-size:1.5em;
	   }
	   .logotipo-css > .row-sup > .row-tejiendo-redes > .row-redes
	   {
		font-family:'Poppins'; 
		font-style:normal;
		color:#EDBB5A;
		padding-right:0.5em; 
		font-size:1.5em;
		margin-left:-0.4em;
	   }
	   .logotipo-css > .row-down > .row-midas
	   {
		display:none;
		font-family:'Poppins'; 
		font-style:normal;
		font-weight:bold;
		color:#00ff21; 
		font-size:1.5em; 
		text-align:right;
	   }
	   .logotipo-css > .row-down > .row-educa
	   { 
		font-family:'Dancing Script', cursive; 
		font-style:normal;
		font-weight:bold;
		color:#029AD7; 
		font-size:1.2em; 
		text-align:right;
		margin-top:-1.2em;
		position:relative;
		right:-9.1em;
	   }*/
        /*estilos de la imagen perfil profesor*/
        .ocultar-hover {
            display:none;
            margin-top:-30px;
            text-align:right;
            margin-right:5px;
            background:#fff;
            /*text-shadow: 2px 2px #FF0000;*/
        }

        .my-img:hover + .ocultar-hover {
          display: block;
          color: #fff;
          text-shadow: 2px 2px #FF0000;
        }
	   .row-sup, .row-down {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
	   }

        
        /*---estilos de las imagenes del footer del menu, donde aparecen los alumnos*/
        
        /*contenedor del footer (que contiene las imagenes de los estudiantes)*/
        .fav-profiles .d-flex .row 
        {
             margin-left:15px; 
             margin-right:15px;
             padding-top:5px;
        }
        /*2do contenedor principal*/
        .footer-img-alu {
            padding-left:0px;
            padding-right:0px;
        }
        /*este esta de más (lo borro?-tooltip-img-alu-)*/
        .footer-img-alu .tooltip-img-alu {
        }
        /*formato imagen alumno*/
        .footer-img-alu .tooltip-img-alu img {
            border-radius: 7px;
            max-width: 100%;
            height: 100%;
            vertical-align: middle;
            border-style: none;
        }
        /*contenedor con el tooltip de los datos del alumno*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu {
        }

        /*primera fila del contenedor del tooltip, tiene dos columnas*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -10px;
            margin-left: -10px;
        }
        /*1ra columna del row-top*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .img-alu {
            width:50%;
        }
        /*formato imagen del alumno en el tooltip, se encuentra dentro de la primera fila, primera columna*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .img-alu img {
            border-radius: 7px;
            max-width: 90%;
            height: auto;
            vertical-align: middle;
            border-style: none;
            float:left;
        }
        /*2da columna del row-top*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .data-alu {
            float:right;
            width:50%;
        }
        /*formato circulo online*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .data-alu .online {

              height: 10px;
              width: 10px;
              background-color: #FFA500;
              border-radius: 50%;
              display: inline-block;
              margin-right:5px;
              vertical-align: middle;
        }
        /*formato circulo offline*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .data-alu .offline {

              height: 10px;
              width: 10px;
              background-color: #FFF;
              border-radius: 50%;
              display: inline-block;
              margin-right:5px;
              vertical-align: middle;
        }
        /*genera un salto de linea despues de las etiquetas span, en la 2da columna del row-top*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .row-top .data-alu span::after {
            content: '\A'; 
            white-space: pre;
        }

        /*formato de la 2da fila del contenedor del tooltip*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .content-alu {
            margin-right: -10px;
            margin-left: -10px;
            padding-top:15px;
        }
        /*genera un salto de linea despues de las etiquetas span, en la 2da fila del contenedor del tooltip*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .content-alu span::after {
            content: '\A'; 
            white-space: pre;
        }
        /*datos de la 2da fila del tooltip, donde va la informacion extra del alumno, en este caso las preguntas*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .content-alu .data {
            padding-top:5px;
            font-weight:bold;
        }
        /*datos de la 2da fila del tooltip, donde va la informacion extra del alumno, en este caso las respuestas*/
        .footer-img-alu .tooltip-img-alu .top .perfil-alu .content-alu .data-r {
            padding-top:5px;
        }

        #salida{
            transform:rotate(180deg);
            -ms-transform:rotate(180deg); /* IE 9 */
            -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
            color: #000000;
            margin-top: -3px;
            margin-right: 1px;
        }
        
        #voltear{
            transform: scaleX(-1);
            margin-top: -5px;
        }

        #noventa{
            transform:rotate(45deg);
            -ms-transform:rotate(45deg); /* IE 9 */
            -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
        }

        /*estilos del tooltip*/
        .tooltip-img-alu {
            display:inline-block;
            position:relative;
            /*border-bottom:1px dotted #666;*/
            text-align:left;
            /*height:65px;*/
        }
		.patient-img img {
			/*necesario para ajustar el tamaño del img*/
			width:auto;
		}

        .tooltip-img-alu .top {
            min-width:200px; 
            max-width:400px;
            top:-20px;
            left:50%;
            transform:translate(-20%, -100%);
            padding:10px 20px;
            color:#FFFFFF;
            background-color:#029AD7;
            font-weight:normal;
            font-size:13px;
            border-radius:8px;
            position:absolute;
            z-index:99999999;
            box-sizing:border-box;
            box-shadow:0 1px 8px #777777;
            visibility:hidden; opacity:0; transition:opacity 0.8s;
        }

        .tooltip-img-alu:hover .top {
            visibility:visible; opacity:1;
        }

        .tooltip-img-alu .top i {
            position:absolute;
            top:100%;
            left:20%;
            margin-left:-12px;
            width:24px;
            height:12px;
            overflow:hidden;
        }

        .tooltip-img-alu .top i::after {
            content:'';
            position:absolute;
            width:12px;
            height:12px;
            left:50%;
            transform:translate(-50%,-50%) rotate(45deg);
            background-color:#029AD7;
            box-shadow:0 1px 8px #777777;
        }
	    /*fin estilos tooltip*/


        /*---fin estilos de las imagenes del footer del menu*/

        /*centra el logo, la imagen sup-izq*/
        .logo-default {
            margin: -10px -20px 0px -30px !important;
        }

        /*color del contenedor del logo (esquina superior izquierda)*/
        .page-logo{
            background:#ffffff !important;
        }

        .imgHome {
        margin-top:-20px;
        margin-left:30px;
        }

        .pull-center {
            /*float:none !important;*/
            text-align:center !important;
            margin:auto !important;
        }               

        .user-panel .pull-center img
        {
        border-radius:7px;
        max-width:100%;
        height:auto;
        vertical-align:middle;
        border-style:none;
        }

        .user-panel .pull-center + .info
        {
        padding-top:20px;
        }

        .user-panel .pull-center + .info p
        {
        width:95% !important;
        }
		
		.user-panel .info {
			width: 80%;
		}

        /*seccion cursos del menu lateral*/
        .sidebar-user-panel .user-panel
        {
        padding-top:20px;
        }

        .nav-item .nav-link .title
        {
        font-weight:bold;
        font-size:larger;
        }
        .sub-menu .nav-item .row
        {
        margin-left:15px; 
        padding-right:15px;
        padding-top:5px;
        }
        .sub-menu .nav-item .row .pull-left
        {
        margin-right:15px;
        }
        .sub-menu .nav-item .row .pull-left .titulo-link
        {
        font-size:1.1em; 
        text-align:justify;
        }

        /*genera un salto de linea despues de la clase 'titulo-link'*/
        .sub-menu .nav-item .row .pull-left .titulo-link::after {
            content: '\A'; 
            white-space: pre;
        }

        /*genera un espacio a la derecha entre cada hipervinculo*/
        .sub-menu .nav-item .row .pull-left .titulo-link a {
            padding-right:10px;
        }
        /*fin seccion cursos menu lateral*/
        
        
        .sidepanel  {
          width: 0;
          position: fixed;
          z-index: 1;
          height: 500px;
          top: auto;
          left: 0;
          background-color: #fff;
          overflow-x: hidden;
          transition: 0.5s;
          padding-top: 60px;
        }

        .sidepanel a {
          padding: 12px 8px 12px 16px;
          text-decoration: none;
          font-size: 16px;
          color: #b7c0cd;
          display: block;
          transition: 0.3s;
        }



        .sidepanel a:hover {
          color: #f1f1f1;
        }

        .sidepanel .closebtn {
          position: absolute;
          top: 0;
          /*right: 25px;*/
          font-size: 36px;
        }

        .openbtn {
          font-size: 20px;
          cursor: pointer;
          background-color: #111;
          color: white;
          padding: 10px 15px;
          border: none;
        }

        .openbtn:hover {
          background-color:#444;
        }

        @media (min-width: 992px){
        /*.sidepanel a {
        max-width: 235px;
        }*/

        }
    
        .menu-drp-top{
            width:auto !important;
            min-width:160px !important;
            height:auto !important;
        }
           
        /*menu lateral-ancho-*/
        @media (min-width:992px){
            .sidemenu-container {
            width: 300px;
            float: left;
            position: relative;
            margin-right: -100%;
            }
            .page-logo {
                width:300px;
            }
            .page-content-wrapper .page-content {
                margin-left: 300px;
            }
        }

        .sidemenu-closed .menu-left-footer .menu-left-tags {
            display: none;
        }

        .user-panel .image {
            width: 60%;
            max-width: 200px;
        }
        .page-header.navbar .page-logo {
                width:300px;
        }


        /*margen bottom*/
        .m-b-3 {
            margin-bottom: 0.3em !important;
        }
        /*color categoria:insuficiente*/
        .color-fondo-insuficiente {
            background: #e8194c !important;
        }
        /*color categoria:elemental*/
        .color-fondo-elemental {
            background: #72b452 !important;
        }
         /*color categoria:elemental*/
        .color-fondo-adecuado {
            background: #0098d7 !important;
        }
        /*texto manuscrita, con fondo de color*/ 
        .manuscrita {
			border-radius: 5px 5px;
            background: #8BD077 !important;
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);			
			margin-left: 0px; 
			font-size: 2.1em;
            text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
            color:#DE673D !important;
            font-family: 'Dancing Script', cursive;
            width:130%;
            height:40px;
            /*font-size:larger;*/
		}
        
        /*Permite ocultar contenedores que no deseemos ver cuando se imprima algo*/
         @media print
            {    
                .no-print, .no-print *
                {
                    display: none !important;
                }
                div.saltopagina{ 
                      display:block; 
                      page-break-before:always;
                }
            }
        @media all 
        {
           div.saltopagina{
              display: none;
           }
        }  
        
        .sidemenu.sidemenu-hover-submenu li a >.right-bar {
        display: none
        }
        
        .sidemenu.sidemenu-hover-submenu li:hover>a>.right-bar {
            display: block;
              box-shadow: none;
              width:100% !important;
              position:absolute !important;
              right:-80% !important;
              height:600% !important;
        }
        .sidemenu.sidemenu-hover-submenu li:hover>a>.right-bar:after,
        .sidemenu.sidemenu-hover-submenu li:hover>a>.right-bar:before {
            display: none;
        }
        .sidemenu-container-reversed .sidemenu.sidemenu-hover-submenu li:hover>a>.right-bar {
            right: auto;
            left: 0;
            border-right: 0
        }        
        .sidemenu.sidemenu-hover-submenu>li:hover>a>.right-bar {
            z-index: 1;
            right: 0;
            margin-top: -23px
        }
         
        .textoAumentado{
            font-size: 18px !important;
        }

        .textoAumentado2{
            font-size: 16px !important;
        }

        .iconosAumentados{
            zoom: 2;
        }

        .iconosAumentados2{
            zoom: 1.5 !important;
        }