/*  RESPONSIVE
   ========================================================================= 
 Escritorios muy grandes
------------------------------------------------------------------------- */
@media (min-width: 1200px) { 

}
@media (min-width: 1800px)  { 
    .lista-mensajes .conversacion .lista-mensajes-imagen-varios-usuarios IMG:nth-child(n) {
        margin-left: -55%;
    }
    .lista-mensajes .conversacion .lista-mensajes-imagen-varios-usuarios IMG:nth-child(2) {
        margin-left: 0;
    }
}
@media (min-width: 1900px)  { 
    .lista-mensajes .conversacion .lista-mensajes-imagen-varios-usuarios IMG:nth-child(n) {
        margin-left: -50%;
    }
    .lista-mensajes .conversacion .lista-mensajes-imagen-varios-usuarios IMG:nth-child(2) {
        margin-left: 0;
    }
}

/* Tablets en horizonal y escritorios normales
    ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) { 
}

/* Móviles en horizontal o tablets en vertical
    ------------------------------------------------------------------------- */
@media (max-width: 1150px) { 
    .open-close-menu  {
        display: block;
    }
    .content-cabecera {
        padding: 0 1vw;
        /* -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; */
    }
    .content-cabecera.con-borde-blanco {
        background-image: none;
    }
    .imagen-logotipo-cabecera {
        width: 60vw;
        height: 4em;
        background-position: center;
        background-size: contain;
    }
    .page-nav-header {
        display:none;
        height: 0px;
        width: 100%;
        transition: all 2s linear;
           -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
      
    }
    .page-nav-header.collapse {
        display: block;
        height: auto;
        transition: all 2s linear;
    }
    /* .menu-expanded {
        height: 11em;
    } */
    .imagen-logotipo-pie {
        width: 80vw;
        height: 4em;
        background-position: center;
        background-size: contain;
    }
    .menu-principal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .profile-data A.dropdown-toggle {
        display: none;
    }

    .profile-data UL{
        display: block;
        position: relative;
        top: auto;
        right: auto;
        z-index: 0;
        padding: 5px 0;
        margin: 0;
        text-align: left;
        list-style: none;
        background-color: transparent;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 0;
        border: 0;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        
    }
    .profile-data UL LI{
        width: auto;
        background-color: transparent;
        min-width: 100%;
        padding: 0 0.5em 0.3em 1.5em;
    }
    .profile-data UL LI A{
        color: #000000;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        font-weight: bold;
        min-width: 100%;
    }
    .profile-data UL.dropdown-menu>li>a:focus,
    .profile-data UL.dropdown-menu>li>a:hover{
        color: #ffffff;
        background-color: #e63e42;
        border: 1px solid #a51a1d;
    }
    .content-utilidades A IMG{
        width: 3em;
    }
    .con-borde-blanco .profile-data,
    .con-borde-blanco .content-menu-principal,
    .con-borde-blanco .content-utilidades{
        margin-bottom: 0.5em;
    }
    .align-tablas-home{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    
    }
    .align-tablas-home .contenido-tablas-datos {
        flex: 100%;
        width: 100%;
        margin-right: 0;
    }
    .resultado-emprendedor,
    .entrevista-veredicto {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        
    }
    .resultado-emprendedor .fijo-50,
    .entrevista-veredicto .fijo-50 {
        width: 100%;
    } 
    .formulario-general select ~ select {
        margin: 0;
    }
    .tabla-gedico {
        overflow-x: auto;
        border-width: 3px;
        padding: 1em;
    }
    .pestanias {
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; */
    }
    .pestanias H1,
    .pestanias H2,
    .pestanias H3,
    .pestanias span,
    .pestanias A{
        border-radius: 0.8em;
        border-width: 3px;
        margin: 0 0 0.5em 0;

    }
    .pestanias.pasos-create li.sel {
        margin-top: 0;
        margin-bottom: 0;
    }
    .pestanias.pasos-create li.sel .estilo-pestania{
        padding-bottom: 0.7em;
    }
    .enlaces {
        clear: both;
        margin-top: 1em;
    }
    .total-invetido P SPAN {
        border-radius: 0.8em;
        border-width: 3px;
        margin: 0.5em 0 0.5em 0;
    }
    .total-invetido{
        -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; 
        margin: 0
    }
    .imagen-sobre-contenido .contenedor-imagen {
        float: none;
    }
    .espacio-pestanias {
        margin: 1em;
    }
    .form-basico-horizontal .form-group{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .form-basico-horizontal .form-group label,
    .form-basico-horizontal .form-group input, 
    .form-basico-horizontal .form-group textarea, 
    .form-basico-horizontal .form-group select {
        flex: 0 0  100%;
        max-width: 100%;
        text-align: left;
    }
    .form-basico-horizontal .form-group label{
        padding-left: 0.5em
    }

    .form-basico-horizontal .form-group .checkbox label {
        flex: 60%;
        width: 60%;
        max-width: 60%;
    }
    .form-basico-horizontal .form-group .checkbox input{
        right: 25%;
        left: initial;
    }
    .formulario-general input[type="submit"], 
    .formulario-general button[type="submit"],
    .formulario-general .botones-form button,
    .formulario-general .botones-form a.boton-atras {
        margin: 1em;
        text-align: center;
    }
    .formulario-general .botones-form button,
    .formulario-general .botones-form a.boton-atras{
        margin-left: 0;
    }
    .formulario-general .botones-form .boton-formulario-derecha button{
        font-size: 1em;
    }
    .formulario-test legend:not(display-none) {
        width: 100%;
        float: left;
        clear: both;
        font-size: 1em;
    }
    .formulario-test fieldset.estilo-test .campos-derecha {
        float: left;
        width: 100%;
        clear: both;
        margin-top: 3.5em;
    }
    .formulario-test .emoji::after {
        width: 30px;
        height: 30px;
        background-size: contain;
        top: -41px;
        left: 10px;
    }
    .varias-columnas-iguales {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .varias-columnas-iguales [class*="fijo"]{
        width: 100%;
    }
    .varias-columnas-iguales > .form-group {
        margin-bottom: 0;
    }
    .lista-dinamizadores li {
        padding: 0.5em;
    }
    .selector-fechas  div {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
      .informes-paginas-mas-visitadas {
          width: 100%;
      }
      .informes-paginas-mas-visitadas .tabla-gedico {
          border-radius: 0;
      }
      .dataTables_length{
        float: left !important;
      }
}

/* Móviles en vertical
    ------------------------------------------------------------------------- */
@media (max-width: 480px) {
}

/* Móviles tablet
    ------------------------------------------------------------------------- */
@media (max-width: 991px) and (min-width: 768px) {
    .formulario-test fieldset.estilo-test{
        margin-top: 4.3em;
    }
}