/********************************************************************************/
/*                                                                              */
/* Plataforma e-ducativa INFD.  Version 14.05.00-146 - Argentina                */
/* Distribucion de e-ducativa Open College                                      */
/* Copyright (c)  de e-ducativa Educación Virtual S.A.                          */
/*                                                                              */
/********************************************************************************/
/* -------------------
   Layout Media Querys
   ------------------- */
/* TODO: el orden de carga de este css debe ser el ultimo de todos los css
   de esta manera se podran sacar todos los !important */

/* --------------------------------------
   1450 | Mediaquery - resoluciones altas
   -------------------------------------- */
@media only screen and (min-width : 1450px) {
    #section.no_menu #main { min-width: 100%; }

    .login_style_2 #section.no_menu #main {min-width: inherit;}
}

/* -----------------
   1450 | Mediaquery
   ----------------- */
/* PASO INTERMEDIO: para soportar 100 caracteres en desc_plataforma */
@media only screen and (max-width : 1450px) {
    /* base.css */
    #header .titulo { max-width: 728px; }

    #section.no_menu #main { min-width: 100%; }

    .login_style_2 #section.no_menu #main {min-width: inherit;}
}

/* ----------------------------------
   1315 | Large devices, wide screens
   ---------------------------------- */
@media only screen and (max-width : 1315px) {

    /* base.css */
    #header .titulo { max-width: 593px; }
    #section {
        width: 80%;
        margin-left: 0;
        padding: 12px 10px;
    }
    /* objetos_comunes_sistema.css */
    .ventana_flotante.center_viewport { width: 70%; left: 15%; }
    .no_menu .breadcrumb .linea_unica {  max-width: 142px; }
}

/* ----------------
   1131 | Mediaquery
   ---------------- */
/* Contenido 800 no responsive se convierte en mini-doc */
@media only screen and (max-width : 1131px) {
    /* objetos_comunes_sistema.css */
    .contenido_620.no-responsive:not(.visualizando)                      { position: relative; width: 210px !important; height: 250px;  border: 1px solid #e9e9e9; border-bottom-color: #C3C3C3; margin: 0 auto; padding: 20px; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25); background-color: #fff; overflow: hidden; transition: all .5s; }
    .contenido_620.no-responsive:not(.visualizando) .tiny_personalizado  { width: 800px; transform: scale(.30) translate(-123.33%, -124%); border: none; padding: 0; box-shadow: none; }
    .contenido_620.no-responsive .contenido_620_abrir  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 10; background: url(../img/iconos/doc_128x128.png) no-repeat center center rgba(255,255,255,.5); transition: all .4s; cursor: pointer; }
    .contenido_620.no-responsive:not(.visualizando):hover     { border-color: #D5D5D5; transform: scale(1.05); box-shadow: none; }
    .contenido_620.no-responsive .contenido_620_abrir:hover   { opacity: 0.2; }

    .modal_window .unexpected_error .mform_txt_error { margin-bottom: 12px; }
    .modal_window .unexpected_error .mform_txt_error {
        flex-basis: 40%;
        font-size: 1.125rem;
    }
    .unexpected_error .mform_img_error { flex-basis: 60%; }
}

/* ----------------
   1010 | Mediaquery
   ---------------- */
/* Paso necesario para acceso, por el contenido 620 que tiene */
@media only screen and (max-width : 1010px) {
    /* acceso.css */
    #acceso_frame   { max-width: 419px; }
    #acceso_frame > #titulo_portada_login { font-size: 1.5rem; line-height: 1.8rem; }
    .portada #portada_login { float: none; width: auto; padding-top: 8px; margin-right: inherit; }
    #contenido_portada_login { margin-right: 0; }
    #menu_login     { float: none; width: auto; }
    /*#acceso_user_form .form_line { float: left; width: 50%; }
    #acceso_user_form .form_line.left   { padding-right: 5px;  }
    #acceso_user_form .form_line.right  { padding-left: 5px;  }*/
    #portada_login .contenido_620 .tiny_personalizado  { margin: 10px auto 0; }
    .imagen_portada { width: 100%; }
}

/* ----------------
   1003 | Mediaquery
   ---------------- */
@media only screen and (max-width : 1003px) {

    /* base.css */
    #header .titulo { max-width: 395px; font-size: 1em; }
    #nav            { width: 25%; }
    #section        { width: 75%; }
    #section.no_menu { width: auto; }
    body:not(.backend) #main       { float: none; width: auto; }

    /* objetos_comunes_sistema.css */
    .ventana_flotante.center_viewport { width: 80%; left: 10%; }
    .no_menu .breadcrumb .linea_unica {  max-width: 125px; }

    /* calendario */
    .action_item.calendario-mini    { display: none; }
    .info-evento                    { position: static !important; }
    .table_calendario               { position: relative; }
    .descripcion-evento.flotante    { left: 50% !important; top: 25% !important; z-index: 1 !important; margin-left: -175px; }
    .descripcion-evento.flotante:before,
    .descripcion-evento.flotante:after   { display: none; }

    /* popus glosario */
    .desc_term_glosarizado    { left: 50% !important; z-index: 1 !important; margin-left: -175px; }
}

/* ---------------------------------------------------
   960 | Small Screens - Tablets. Menu hamburguesa desde aca
   --------------------------------------------------- */
@media only screen and (max-width : 960px) {

    /* Base.css */
    .contenido { padding: 10px 20px 32px;}

    #footer a#educativa_mobile_footer {
        position: relative;
        right: inherit;
        margin-right: inherit;
    }

    /* objetos_comunes_categorias.css */
    .lista_categorias .col_izq:after,
    .lista_categorias .col_izq:before { display: none; }
    .lista_categorias .col_izq { margin-right: 10px; }
    .lista_categorias .col_der { margin-left: 56px; }

    /* objetos_comunes_nav.css */
    .nav-show {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }
    .nav-show .hamb-menu {
        width: 40px;
        height: 40px;
        font-size: 0;
        color: #fff;
        transition: all .4s;
        background: url(../img/comunes/hamb-menu.png) no-repeat center center #757575;
        cursor: pointer;
        border-radius: 4px;
    }
    .nav-show .hamb-menu:after {
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        /*! background: linear-gradient(315deg, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%); */
    }
    .nav-show .hamb-menu.menu-fixed {
        position:fixed;
        top:4.5rem;
        left: 11px;
        margin-top: 10px;
        border-radius: 30px;
        opacity: .7;
        transition-duration: .4s;
        z-index:101;
    }
    .nav-show.scrolled .hamb-menu.menu-fixed { margin-left: -80px; }

    .nav-hide {
        display: block;
        padding: 12px 24px 12px 14px;
        font-size: .9em;
        text-align: right;
        color: #6d6d6d;
        cursor: pointer;
        background: url(../img/comunes/btn_delete_hover.gif) no-repeat 100% center;
    }
    .nav-hide:hover { color: black; }
    .fondo-negro { position: fixed; opacity: 0;  }
    .fondo-negro.show { display: block; opacity: 1; z-index: 101; right: 0; bottom: 0; left: 0; top: 0; background-color: rgba(0,0,0,.4); height: 100%; width: 100%; transition: opacity .8s; }

    #menu_secciones { padding-bottom: 14px; }

    #section { width: 100%; }

    #nav {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 78%;
        max-width: 300px;
        margin: 0;
        padding-right: 10px;
        overflow-y: auto;
        box-shadow: 5px 0 150px 0 rgba(0,0,0,.6);
        transition: all .2s;
        opacity: 1;
        background-color: #f3f3f3;
        z-index: 102;
    }
    #nav:not(.show) { opacity: .5; left: -100%; box-sizing: border-box; }
    #nav > .offset  { border-top: none; }
    #nav .seccion.activa:after  { display: none;   }
    #nav .seccion a             { margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; font-size: .9em; }

    /* news.css */
    .lista_noticias > li > a { margin: 8px 0; }
    .detalle_noticia { margin: 0 auto; }
}


/* ----------------
   805 | Mediaquery
   ---------------- */
@media only screen and (max-width : 805px) {
    /* objetos_comunes_sistema.css */
    .no_menu .breadcrumb .linea_unica {  max-width: 115px; }
}


/* ----------------
   710 | Mediaquery
   ---------------- */
/* contenido 620 solo preview */
@media only screen and (max-width : 710px) {

    /* index.css */
    .header_aula { padding: 10px 0; }
    .header_aula h1 { font-size: 1.8rem; }

    /* Revisar items - seguimiento docente */
    .home_programa .desplegable_items { flex-direction: column; }

    .anunciantes_anuncio { width: calc(100%/3); }

    /* news.css */
    .lista_noticias > li                    { float: none; width: 100%; box-sizing: border-box; }
    .lista_noticias > li:not(.imagen) > a   { height: auto; }
    .lista_noticias .mas_noticias           { margin: 10px 0; padding: 20px 10px; height: auto; }
    .lista_noticias .mas_noticias > div     { position: relative; top: 0; transform: translateY(0); }

    /* programa.css */
    .programa .item .datos      { float: none; }
    .programa .item .metadatos  { float: none; }

    /* objetos_comunes_categorias.css */
    .lista_items.grilla > li { width: calc(50% - 6px); }
}

/* ----------------
   650 | Mediaquery
   ---------------- */
@media only screen and (max-width : 650px) {

    /* base.css */
    .contenido { min-height: 400px; }

    /* objetos_comunes_sistema.css */
    .text_overflow  { max-width: 550px; } /* hack para browsers no webkit */

    /* objetos_comunes_sistema.css */
    .breadcrumb a.linea_unica               { font-size: 0; }
    .drive_wrapper .breadcrumb a.linea_unica{ margin-right: 5px; }
    .drive_wrapper .breadcrumb .current.linea_unica { max-width: 200px; }
    .breadcrumb a.linea_unica:before        { content: '...';  font-size: 1.2rem; display: inline-block; padding: 4px; border-radius: 4px; background-color: #ddd; }
    .breadcrumb a.linea_unica:hover:before  { background-color: #fff; }
    .breadcrumb .separador                  { display: none; }

    /* index.css */
    .home_programa {
        justify-content: flex-end;
        padding: 18px 20px;
    }

    /* news.css */
    .detalle_noticia { border: none; margin: 0 -5px; padding: 20px 10px 30px; box-shadow: none; }

    /* actividades.css */
    .realizacion .entrega .comprobante      { display: none; }

    /* foros.css */
    #intervenir_form_wrapper            { margin-left: 0; }
    .lista_intervenciones .respuestas   { margin-left: 8px; }
    .lista_intervenciones .col_izq      { position: relative; z-index: 2; width: 65px; padding-top: 15px; padding-left: 5px; }
    .lista_intervenciones .col_der      { margin-left: 0px; }
    .lista_intervenciones .descripcion:after { display: none; }
    .rta_intervencion                   { margin-left: 0; }
    .intervencion_modificar label       { width: 100%; text-align: left; }
    .intervencion_modificar-line .mce-tinymce   { width: 100% !important; }

    /* objetos_comunes_form.css */
    .file_change_radiogroup label { width: auto; }
    .file_change_radiogroup_container { width: 100%;}
    .intervencion_modificar-Label-richtext { padding: 0; }
}

/* ----------------
   530 | Mediaquery
   ---------------- */
@media only screen and (max-width: 530px) {

    /* index.css */
    .info_aula { flex-direction: column-reverse; }

    .home_noleidos .no-leidos { justify-content: flex-end; }

    /* calendario.css */
    .calendario_mensual .table_calendario th                    { font-size: 0; }
    .calendario_mensual .table_calendario th:first-letter       { text-transform: uppercase; font-size: .75rem;  }
    .calendario_mensual .table_calendario td    { height: 35px; }
    .table_calendario .titulo-evento            { display: inline-block; border-radius: 20px; border-width: 2px; border-style: solid; font-size: 0; width: 15px; height: 15px; padding: 0; background-color: #fff; }
    .maseventos                                 { font-size: .9rem; }
    .maseventos .txt                            { display: none; }
    .descripcion-evento.flotante                { width: 95%; margin-left: 0; transform: translateX(-50%); }

    /* webmail.css */
    .action_item.buzon{ display: none; }

    /* contactos.css */
    .col_apellido       { width: 95%; }
    .col_adicional      { display: none; }

    /* wiki.css */
    .wiki_comparar,
    .wiki_historial .controles  { display: none; }
    .wiki_historial .datos      { margin-left: 0; }

    /* mensajeria.cgi */
    div.select_multiple_container { width: 300px; top: 35px; left: -66px; }
}

/* ----------------------------------
   480 | Extra small devices - Phones
   ---------------------------------- */
@media only screen and (max-width : 480px) {

    /* objetos_comunes_sistema.css */
    .text_overflow  { max-width: 430px; } /* hack para browsers no webkit */

    /* acceso.css */
    #acceso_user_form .form_line        { float: none; width: auto; }
    #acceso_user_form .form_line.left   { padding-right: 0;  }
    #acceso_user_form .form_line.right  { padding-left: 0;  }
    .login_style_2 #section.no_menu #main {min-width: 100%;}

    /* index.css */
    .info_aula.agrupacion .home_programa  { justify-content: center; }
    .anunciantes_anuncio { width: 50%; }

    /* news.css */
    .detalle_noticia .metadata  { font-size: .85rem; }
    .detalle_noticia .titulo    { font-size: 1.9rem; line-height: 2.1rem; }

    /* programa.css */
    .listado_avance_alumno_curso .item .metadatos   { text-align: left; }
    .listado_avance_alumno_curso .burbuja_estado    { margin-bottom: 10px; }
    .listado_usuarios .item .avance,
    .informacion_item .avance,
    .listado_avance_alumno_curso .item .avance      { width: 100%; }
    .listado_avance_alumno_curso .introduccion      { margin-left: 0; margin-top: 10px; display: block; /*text-align: center;*/ }

    .header_unidad .avance                          { width: 100%; }

    .nav_items                   { justify-content: space-between; }
    .nav_items .nombre_item      { display: none; }

    /* webmail.css - (responsive.css se esta cargando antes que webmail.css por lo tanto hack: todo va con !important */
    .lista_mails li         { padding: 0 !important; border-bottom: 1px solid #eee; }
    .lista_mails li:hover   { border-bottom: 1px solid #dadada !important; }
    .lista_mails .content        { padding: 10px 8px !important; }
    .lista_mails li .nombre      { width: 100% !important; font-size: .9rem; }
    .lista_mails li .asunto      { width: 100% !important; }
    .lista_mails li .adjunto     { width: 50% !important; text-align: left !important; }
    .lista_mails li .fecha       { width: 50% !important; font-size: .75rem; }
    .lista_mails li.sin_adjunto .fecha       { width: 100% !important; }

    /* wiki.css */
    .wikiMenu           { float: none; margin-right: 0; }
    .wikiItemAction     { margin-bottom: 5px; border-radius: 8px; border-bottom-width: 1px; }

    /* calificaciones.css */
    .calificaciones_abm             { padding: 3px; }
    .alta_manual .nombre_alumno     { font-size: .75rem; }
    .alta_manual .editar_alumno     { font-size: .75rem; }

    /* foros.css - Foro en programa */
    .datos_reducido { justify-content: flex-start; }
}

/* ----------------
   430 | Mediaquery
   ---------------- */
@media only screen and (max-width : 430px) {

    /* objetos_comunes_sistema.css */
    .text_overflow  { max-width: 380px; } /* hack para browsers no webkit */

    /* acceso.css */
    #section.no_menu #main { min-width: 100%; }
    #acceso_frame.login_style_2 { min-width: inherit; }

    #acceso_log_form .submit        { float: none; display: block; width: 100%; margin-bottom: 10px; box-sizing: border-box; }
    .recordatorio_acceso form .line input,
    .recordatorio_acceso form .line select,
    .recordatorio_acceso form .line .captcha  { width: 100%; }
    .recordatorio_acceso form .line .sep        { display: none; }
    .recordatorio_acceso form .line .sep_movil  { display: block; width: 100%; padding: 5px 0; text-align: center; }

    /* Objetos_comunes_actions.css */
    .action_item,
    .action_button {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
        text-align: center;
    }
    .action_button {justify-content: center;}

    .action_item .title,
    .action_item .content,
    .action_item.fselect .selected  { display: block; width: 100%; max-width: 100%; min-width: auto; margin-bottom: 5px; margin-right: 0; box-sizing: border-box; }

    /* objetos_comunes_categorias.css */
    .lista_items.grilla > li            { width: 100%; margin: 0 0 6px;  }

    /* index.css */
    .home_programa .desplegable_items {
        right: -20px;
        padding: 25px 32px 20px 18px;
    }
    .home_programa .desplegable_items.right { right: -20px; }

    /* News */
    .lista_noticias > li { width: 100%; }

    /* webmail.css */
    .ver_mail .subject                          { display: block; float: none !important; max-width: none !important; width: 100% !important; }
    .ver_mail .paginador                        { display: block; margin-top: 15px !important; float: none !important; width: 100% !important; }
    .webmail .filter_bar .buscador              { width: 100%; margin-bottom: 8px; }
    .webmail .filter_bar .cont_select_btn       { margin-bottom: 8px; }
    .webmail .filter_bar .fselect               { width: 100%; }
    .webmail .filter_bar .fselect .selected     { display: block; }

    /* calendario.css */
    .abm #caja_alta-allday, .abm #caja_modifica-allday  { float: none; width: 100%; margin: 0; }
    .calendario_anual .mes_wrap     { width: 100%; }

    /* #objetos_comunes.css */
    .desc_term_glosarizado    { width: 250px; margin-left: -125px !important; }
}

/* ----------------
   350 | Mediaquery
   ---------------- */
@media only screen and (max-width : 350px) {
    /* objetos_comunes_sistema.css */
    .text_overflow  { max-width: 270px; } /* hack para browsers no webkit */
}