﻿/* MEDIA QUERY  
----------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    /*----Pantallas Iniciales----*/
    .header h1, h1 {
        font-size: 20px;
    }

    .page
    {
       width: 100%;
       margin: 0px auto 0px auto;
      
    }
    
    .bienvenida {
        font-size: 12px;
    }

    .loginDisplay {
        font-size: 14px;
        /* line-height: 2em; */
    }

    div.menu {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }

    h2 {
        font-size: 18px;
    }

    legend {
        font-size: 16px;
    }

    input[type="checkbox"] {
        border: 1px solid #c8c6c6;
        width: 25px;
        height: 25px;
        border-radius: 2px;
        margin: 0 5px 0 0;
    }

    .failureNotification {
        font-size: 14px;
    }

    div.accountInfo {
        width: 100%;
    }

    input.textEntry {
        font-size: 11px;
        width: 90%;
    }

    input.passwordEntry {
        font-size: 11px;
        width: 90%;
    }

    input[type="checkbox"] {
        border: 1px solid #c8c6c6;
        /*width: 35px;
        height: 35px;*/
        border-radius: 2px;
        margin: 0 5px 0 0;
    }

    .submitButton {
        text-align: center;
    }

        .submitButton input[type="submit"] {
            width: 390px;
            height: 60px;
            font-size: 12px;
        }

    .defaultLinks a {
        font-size: 16px;
        padding-left: 1em;
    }

    /*Elimiar las columnas para visualizar mejor la tabla en moviles*/

    .partesgrid_idparte {
        display: none;
    }

    .partesgrid_edit {
        display: none;
    }

    .partesgrid_horas {
        width: 100px;
        text-align: center;
    }

    .partesgrid_despl {
        width: 100px;
        text-align: center;
    }

    .partesgrid_dietas {
        display:none;
    }

    .partesgrid_dia {
        text-align: center;
        display:none;
    }

    /*----TABLA----*/

    table {
        width: 100%;
    }

        table td, th {
            font-size: 12px;
        }

        table tr {
            text-align: center;
        }

    /*.fila {
        display: table-row;
        width: 100%;
        overflow: hidden;
    }*/

    .cell {
        display: table-cell;
        float: left;
        /*margin: 15px;*/
        /*padding-right:2px;*/ /*ECD - 15/05/2017*/
    }

        .cell input[type="text"] {
            font-size: 12px;
            width: 6em;
        }

    #MainContent_FormView1_EditButton, #MainContent_FormView1_DeleteButton, #MainContent_FormView1_HyperLink1, #MainContent_FormView1_lnkCerrarParte, #MainContent_FormView1_UpdateButton, #MainContent_FormView1_UpdateCancelButton, #MainContent_FormView1_InsertButton, #MainContent_FormView1_hlkCancelar {
        font-size: 16px;
    }

    .contenido1 textarea {
        font-size: 12px;
        width: 100%;
        resize: none;
    }


    /*-----Contenido 2 LISTA NUEVA
        ------------------------------
    */
    .contenido2 {
        font-size: 14px;
    }

        .contenido2 .cell {
            float: none;
        }

        /*.contenido2 .cell_title {
            width: 400px;
        }*/

        .contenido2 textarea {
            font-size: 12px;
            border: 1px solid #d9d9d9;
        }

        .contenido2 select {
            font-size: 14px;
        }

        .contenido2 input[type="submit"] {
            font-size: 11px;
        }

    #MainContent_ValidationSummary1 li {
        font-size: 16px;
        margin: 10px;
    }

    #MainContent_RequiredFieldValidator3, #MainContent_RequiredFieldValidator2, #MainContent_RequiredFieldValidator1 {
        font-size: 12px;
    }

    /*------LISTVIEW------*/
    .contenido3 {
        display: table;
        width: 100%;
        overflow: hidden;
        font-size: 16px;
    }

        .contenido3 textarea {
            font-size: 12px;
            resize: none;
        }

        .contenido3 .cell {
            min-height: 16px;
        }

    #trabajo, #edit {
        width: 100%;
    }

    #cliente, #proyecto {
        width: 300px;
    }

    .contenido3 select {
        font-size: 12px;
        width: 100%
    }
    /*----Supervisor----*/
    .Filtro {
        font-size: 12px;
    }

    /*Botón de Marcar Supervisado*/ 
    .lnkSupervisadoOrdenador{
        display:none;
    }
    .lnkSupervisadoMovil{
        display:inherit;
    }
}/*FIN DE RESOLUCIÓN ENTRE 1024 y 800*/

@media screen and (max-width: 800px) {
    #resumenUsuarios {
        display: none;
    }

    .columna {
        width: 98%;
        max-width: inherit;
        clear: both;
    }

    .ColRight
    {
        text-align: right;
        float: inherit;
    }

    .cell {
        margin: 0px;
    }

    .celdaCompletaResponsive
    {
        width: 33%;
        float: left;
    }

    .contenido2 .cell_title 
    {
        width: 120px;
    }

    .btnEditar
    {
        margin-bottom: 0px;
        float: left;
        margin-left: 10px;
    }

    .btnEliminar
    {

    }
    /*SUPERVISION*/
    .supervfil_cell_row /*ECD - Ajuste para que salte a dos lineas*/
    {
        display: table-row;
    }

}/*FIN DE RESOLUCIÓN ENTRE 800 y 320*/

/*---- PANTALLAS ENTRE 480 y 320 ----*/

@media screen and (max-width: 480px) {
    /*----Pantallas Iniciales----*/
    .header h1, h1 {
        font-size: 18px;
    }

    .bienvenida {
        font-size: 12px;
    }

    .loginDisplay {
        font-size: 16px;
        /* line-height: 2em; */
    }

    div.menu {
        font-size: 16px;
    }

    p {
        /*font-size: 16px; Cambio esta configuración para hacer la cabecera más pequeña*/
        font-size: 12px;
        margin-bottom: 0px;
        line-height: normal;
    }

    h2 {
        font-size: 18px;
    }

    legend {
        font-size: 16px;
    }


    input[type="checkbox"] {
        border: 1px solid #c8c6c6;
        width: 25px;
        height: 25px;
        border-radius: 2px;
        margin: 0 5px 0 0;
    }

    .failureNotification {
        font-size: 16px;
    }

    div.accountInfo {
        width: 100%;
    }

    input.textEntry {
        font-size: 12px;
        width: 90%;
    }

    input.passwordEntry {
        font-size: 12px;
        width: 90%;
    }

    input[type="checkbox"] {
        border: 1px solid #c8c6c6;
        /*width: 35px;
        height: 35px;*/
        border-radius: 2px;
        margin: 0 5px 0 0;
    }

    .submitButton {
        text-align: center;
    }

        .submitButton input[type="submit"] {
            width: 100%; /*390px*/
            height: 60px;
            font-size: 12px;
        }

    .defaultLinks a {
        font-size: 16px;
        padding-left: 10px;
    }

    /*Elimiar las columnas para visualizar mejor la tabla en moviles*/

    .partesgrid_idparte {
        display: none;
    }

    .partesgrid_edit {
        display: none;
    }

    .partesgrid_dietas {
        display: none;
    }

    .partesgrid_horas {
        width: 100px;
        text-align: center;
    }

    .partesgrid_despl {
        display:none;
    }

    .partesgrid_dietas {
        width: 100px;
        text-align: center;
    }

    .partesgrid_dia {
        text-align: center;
        display: none;
    }

    /*--GRID - PROYECTOS*/
    .presupuestosGrid_Ejercicio {
        display:none;
    }
    .presupuestosGrid_IdObra {
        display:none;
    }
    .presupuestosGrid_Obra {
        display:none;
    }
    .presupuestosGrid_BaseImporte {
        display:none;
    }
    .presupuestosGrid_Id {
        display:none;
    }
    .presupuestosGrid_Id_Responsive {
        display:table-cell;
        width: 45px;
        text-align:right;
    }
    .presupuestosGrid_Descargar {
        display:none;
    }

    /*----TABLA----*/

    table {
        width: 100%;
    }

        table td, th {
            font-size: 12px;
        }

        table tr {
            text-align: center;
        }

    /*.fila {
        display: table-row;
        width: 100%;
        overflow: hidden;
    }*/

    .cell {
        display: table-cell;
        float: left;
    }

        .cell input[type="text"] {
            font-size: 12px;
            width: 6em;
        }

    #CapaIdParte
    {
        display: none;
    }

    .contenido1 {
        display: table;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
    }

        .contenido1 textarea {
            font-size: 14px;
            width: 100%;
            resize: none;
        }

        .contenido1 #MainContent_FormView1_ObservacionesLabel {
            width: 600px;
            line-height: 1em;
            word-wrap: break-word;
        }

    #MainContent_FormView1_EditButton, #MainContent_FormView1_DeleteButton, #MainContent_FormView1_HyperLink1, #MainContent_FormView1_lnkCerrarParte, #MainContent_FormView1_UpdateButton, #MainContent_FormView1_UpdateCancelButton, #MainContent_FormView1_InsertButton, #MainContent_FormView1_hlkCancelar {
        font-size: 12px;
    }

    .contenido2 {
        font-size: 12px;
    }

        .contenido2 .cell {
            float: none;
        }

        .contenido2 .cell_title {
            width: 400px;
        }

        .contenido2 textarea {
            font-size: 12px;
            resize: none;
            width: 90%;
        }

        .contenido2 select {
            font-size: 12px;
        }

        .contenido2 input[type="submit"] {
            font-size: 12px;
        }

    /*Errores Nueva Linea Parte*/


    #MainContent_ValidationSummary1 li {
        font-size: 16px;
        margin: 10px;
    }

    #MainContent_RequiredFieldValidator3, #MainContent_RequiredFieldValidator2, #MainContent_RequiredFieldValidator1 {
        font-size: 12px;
    }

    /*------LISTVIEW------*/

    .contenido3 {
        display: table;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
    }

        .contenido3 textarea {
            font-size: 11px;
            resize: none;
        }

        .contenido3 .cell {
            min-height: 16px;
        }

    #trabajo, #edit {
        width: 100%;
    }

    #cliente, #proyecto {
        width: 300px;
    }

    .contenido3 select {
        font-size: 12px;
        width: 100%
    }

    .ui-widget-content {
        font-size:18px;
    }

    /*----Supervisor----*/
    .Filtro {
        font-size:12px;    /*ECd - 24/05/2017 Bajo tamaño a 12*/
    }

    /*SUPERVISION*/
    #superv_gridview1 th, #superv_gridview1 td {
        font-size: 10px;
    }
    #superv_label_supervisado {
    display:none; /*Etiqueta supervisado normal.*/
}

    #superv_label_supervisado_responsive {
        display:block; /*Etiqueta supervisado para responsive.*/
    }

    .supervfil_cellTitle,.supervfil_cell2Title {
         font-size:12px;  /*ECD - 24/05/2017 - bajo el tamaño en responsive*/
         width: 25%;
    }
    .supervfil_fila {
        width: 100%;
        line-height: 30px;
        font-size:12px;
    }
    .supervfil_cell_row /*ECD - Ajuste para que salte a dos lineas*/
    {
        display: table-row;
    }
    .supervfil_cellDatePicker {
        width: 150px;
       padding-left: 2px;
    }
    .supervfil_cell {
        width:100%;
    }

    .superv_ocultar {
        display:none;
    }


    .CampoResponsive {
        width: 100%;
        clear: both;
        display: block;
    }

    .contenido2 select {
        width: 90%;
    }

    .Capitulo {
        clear: both;
        width: 100%;
    }

    

    .celdaCompletaResponsive
    {
        width: 50%;
        float: left;
    }
}