@media only screen and (max-width: 1375px) {
    /*#region General*/
    .ancho100 {
        width: 100%;
    }

    div#MainContent_GridPrestamosMaterialControl_UpdatePanel1 > div:nth-child(5),
    div#MainContent_divDatosAdicionales > div:last-child > div > div {
        overflow: auto;
        width: 100%;
    }

    /*"Sede Electronica" en el inicio*/
    .paginaHeader {
        padding-right: 1%;
    }

    /*#endregion*/

    /*#region Filtros principales de la página*/

    div#MainContent_contenedorFiltros > div > div:last-child,
    div#contenedorFiltros > div:last-child:not(.col-12):not(.col-8) { /*div con enlaces (filtros avanzados, columnas...)*/
        display: block;
        width: 100%;
    }

        div#MainContent_contenedorFiltros > div > div:last-child > a,
        div#contenedorFiltros > div:last-child > a {
            margin-top: 10px;
            margin-bottom: 20px;
            display: inline-block;
        }
    /*#endregion*/

    /*#region Trabajos */
    /*#region Visados*/
    div#MainContent_divDatosVisado > div > div > div {
        display: block;
        padding-left: 0 !important;
    }

    div#MainContent_divDatosVisado > div > div input[type="text"] {
        display: block;
        width: 100%;
        margin-bottom: 1em;
    }

    div#MainContent_divDatosVisado > div:last-child {
        width: 40%;
        height: 20rem;
    }

        div#MainContent_divDatosVisado > div:last-child > div {
            height: 100%;
        }

            div#MainContent_divDatosVisado > div:last-child > div > textarea {
                height: 90%;
            }
    /*#endregion*/

    /*#region Ficheros*/
    div#MainContent_divFicheros > div.ancho60 > div:first-child > div > div.FondoBlanco > div {
        /*div que contiene la tabla con la lista de ficheros*/
        overflow: auto;
    }
    /*#endregion*/

    /*#region Log Correos*/
    div#MainContent_divLogCorreos > div.ancho100 > div:nth-child(2) > div > div.FondoBlanco > div {
        overflow: auto;
    }
    /*#endregion*/
    /*#endregion*/

    /*#region Colegiados */
    #MainContent_AlertaColegiadoManual_pnlModalAlertaConfirmacion + div.ContenedorTodoAncho > div {
        overflow: auto;
    }
    /*#endregion*/

    /*#region Trabajos Colegiados*/
    /*#region Datos del visado*/
    #MainContent_divDatosAdicionales > div:first-child > div:first-child > div:first-child.fondoDivVisado > div:nth-child(2) > div {
        /*Div de Nº*/
        display: block;
        padding: 0 !important;
    }

    #MainContent_divDatosAdicionales > div:first-child > div:first-child > div:first-child.fondoDivVisado > div:nth-child(2) > input {
        /*Inputs de fecha y hora*/
        width: 30%;
    }
    /*#endregion*/

    /*#region Cálculos*/
    #MainContent_lblImporteVisado ~ input {
        width: 29.5%;
    }
    /*#endregion*/

    /*#region Relación con otro trabajo*/
    span#MainContent_LabelRelacionado + div > div:first-child {
        width: 40%;
    }

        span#MainContent_LabelRelacionado + div > div:first-child > input {
            width: 100%;
        }

    span#MainContent_LabelRelacionado + div > div:nth-child(2) {
        width: 26%;
    }

    span#MainContent_LabelRelacionado + div > div:last-child {
        width: 32%;
    }

        span#MainContent_LabelRelacionado + div > div:last-child > a {
            display: inline-block;
            width: 90% !important;
        }
    /*#endregion*/
    /*#endregion*/
}


@media only screen and (max-width: 1100px) {
    /*#region Cabecera de la página*/
    div.paginaHeader.contenedorMenu {
        margin: 0;
    }
    /*#endregion*/

    /*#region Filtros principales de la página*/

    div#MainContent_contenedorFiltros > div > div:not(last-child).ancho10,
    div#contenedorFiltros > div:not(last-child).ancho10 {
        width: 12%;
    }

    div#MainContent_contenedorFiltros > div > div:not(last-child).ancho6,
    div#contenedorFiltros > div:not(last-child).ancho6 {
        width: 10%;
    }

    div#MainContent_contenedorFiltros > div > div:nth-last-of-type(2),
    div#contenedorFiltros > div:nth-last-of-type(2):not(.col-12):not(.col-10) {
        width: 30%;
    }

    div#MainContent_contenedorFiltros > div > div:last-child > *,
    div#contenedorFiltros > div:last-child > * {
        /*quitar los márgenes para que no se separen tanto los botones*/
        margin-right: 0;
    }
    /*#endregion*/

    /*#region Grid Principal*/
    div.TabGridDiv {
        overflow: auto;
    }
    /*#endregion*/

    /*#region Filtros principales de edit*/
    div#MainContent_upTituloPantalla + div * {
        margin: 0;
    }

    div#MainContent_upTituloPantalla + div > div.alineadoDecha {
        padding-left: 0;
    }

    div#MainContent_upTituloPantalla + div > div.ContenedorCampoFiltro {
        padding: 0;
    }

    div#MainContent_upTituloPantalla > div > h2 + div {
        display: block;
        float: none;
    }
    /*#endregion*/

    /*#region Tabla con las pestañas para filtrar (tipos de trabajo)*/
    table#MainContent_TableTab tr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
    }

    table#MainContent_TableTab td {
        padding: 5px 20px;
        flex: 1 0 10%;
        text-align: center;
    }

        table#MainContent_TableTab td.TabGridActivado {
            border-width: 1px !important;
            border-bottom-color: #505050 !important;
            font-weight: bold;
        }
    /*#endregion*/

    /*#region Trabajos Colegiados*/
    /*#region Cálculos*/
    div#MainContent_divDatosAdicionales > div:first-child > div:nth-child(2) > div:nth-child(2) > div {
        width: 100%;
        margin-bottom: 10px;
    }
    /*#endregion*/

    /*#region Relación con otro trabajo*/
    span#MainContent_LabelRelacionado + div > div:first-child {
        width: 100%;
    }

    span#MainContent_LabelRelacionado + div > div:nth-child(2) {
        width: 36%;
        padding: 0;
    }

    span#MainContent_LabelRelacionado + div > div:last-child {
        width: 62.5%;
        padding: 0;
    }
    /*#endregion*/
    /*#endregion*/

    /*#region Certificados*/
    #MainContent_divAyudaGridBasico + div {
        overflow: auto;
        clear: right;
    }
    /*#endregion*/

    /*#region Ficheros*/
    #MainContent_divgridVisadoFicherosVisables {
        overflow: auto;
    }

    #MainContent_divFicherosVisables > div:last-child > div:nth-child(2) {
        width: 100%;
    }
    /*#endregion*/

    /*#region Documentación*/
    div#MainContent_controlRepositorio_divVista {
        width: 40%;
    }

    div#divDocumentos > div.ContenedorTodoAncho > div.enLinea.ancho100 > div {
        width: 49%;
    }
    /*#endregion*/
}


@media only screen and (max-width: 768px) {
    /*#region [SiteColor]*/
    /*
        Esta región tiene estilos que antes estaban puestos en TODOS los siteCOLOR (siteROJO, siteVERDE, siteColegio...), para
        agruparlos aquí todos y que no haya duplicidad
    */

    .nav {
        width: 100%;
        margin-top: -10px !important;
    }

        .nav a {
            color: #fff;
        }

        .nav > li {
            float: none;
        }

        .nav ul {
            display: block;
            width: 100%;
        }

        .nav > li.hover > ul,
        .nav li li.hover ul {
            position: static;
        }


    /*#endregion*/

    /*#region Cabecera de la página*/

    /*#region Menú desplegable, displays*/
    ul.nav li li li ul {
        display: none;
    }

    ul.nav li li li.hover ul {
        display: block;
    }
    /*#endregion*/

    div.page > header > .FondoGrisOcuro > .paginaHeader {
        padding: 0;
    }

    ul.nav li > a.parent {
        background-image: unset !important;
    }

        ul.nav li > a.parent::after {
            width: 20px;
            height: 20px;
            float: right;
            content: " ";
            background-image: url(../Images/rightArrow.png);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position: relative;
        }

    ul.nav li.hover > a.parent::after {
        transform: rotate(90deg);
        filter: brightness(5);
    }

    header > div > div.paginaHeader.contenedorMenu {
        margin-left: unset;
        padding-bottom: 0;
    }

    nav > a.toggleMenu {
        background-color: inherit;
    }

        /*quitar la flecha que aparece en el botón 
            del menú cuando éste está desplegado*/
        nav > a.toggleMenu.active::after {
            content: "";
        }

    nav > ul.nav {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    /*Responsive en la sede electrónica*/
    div#divMenuResponsiveCabecera > div {
        padding: 0;
    }

    /*Se le añade padding para que los elementos dentro del menú queden con sangría*/
    .nav li li a {
        padding-left: 30px !important;
    }

    .nav li li li a {
        padding-left: 60px !important;
    }

    .nav li li li li a {
        padding-left: 90px !important;
    }
    /*#endregion*/

    /*#region Filtros principales de la página*/

    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:not(last-child).ancho10,
    div#MainContent_contenedorFiltros > div > div:not(last-child).ancho10,
    div#contenedorFiltros > div:not(last-child).ancho10 {
        width: 18%;
    }

    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:not(last-child).ancho6,
    div#MainContent_contenedorFiltros > div > div:not(last-child).ancho6,
    div#contenedorFiltros > div:not(last-child).ancho6 {
        width: 15%;
    }

    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:not(last-child).ancho25,
    div#MainContent_contenedorFiltros > div > div:not(last-child).ancho25,
    html div#contenedorFiltros > div:not(last-child).ancho25 {
        width: 35%;
    }

    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:nth-last-of-type(2),
    div#MainContent_contenedorFiltros > div > div:nth-last-of-type(2),
    html div#contenedorFiltros > div:nth-last-of-type(2):not(.col-12):not(.col-10) {
        width: 25%;
    }

    /*#region Enlaces*/
    div#MainContent_contenedorFiltros > div > div:last-child > a,
    div#contenedorFiltros > div:last-child > a {
        float: none;
        width: 60%;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    /*#endregion*/
    /*#endregion*/

    /*#region Grid principal*/
    div#MainContent_divAyudaGridBasico {
        margin-top: 0px;
    }

    div.TabGridDiv > div > table#MainContent_gridRegistros {
        margin-top: 0 !important;
    }
    /*#endregion*/

    /*#region Filtros principales de edit*/
    div#MainContent_upTituloPantalla + div > div.alineadoDecha {
        padding-left: 0;
        clear: both;
    }
    /*#endregion*/

    /*#region Panel de filtros avanzados*/
    .nietosResponsiveTodoAncho > * > * {
        width: 100%;
    }

    .nietosResponsiveTodoAncho > * {
        margin-bottom: 20px;
    }

        .nietosResponsiveTodoAncho > * input,
        .nietosResponsiveTodoAncho > * select {
            margin-top: 0;
            background-color: #f9f9f9;
        }

            .nietosResponsiveTodoAncho > * input:focus,
            .nietosResponsiveTodoAncho > * select:focus {
                background-color: white;
                transition-duration: 0.5s;
            }

    #MainContent_pnlModalFilrosAvanzados #MainContent_btnBuscarFiltrosAvanzados {
        width: 50%;
        height: 55px;
        font-size: 16px;
    }

    /*#endregion*/

    /*#region Paneles modales*/
    .contenedorModalFiltrosAvanzadosScroll > div > a {
        /*Ponemos el botón de cerrar con posición fija cuando está dentro de un panel con scroll*/
        position: fixed;
        right: 5%;
    }

    .contenedorModalFiltrosAvanzadosScroll,
    .contenedorModal,
    .contenedorModalFiltrosAvanzadosScrollAncho {
        max-width: 95% !important;
        overflow-x: auto !important;
    }

        .contenedorModalFiltrosAvanzadosScroll div div *,
        .contenedorModal div div * {
            font-size: 12px;
        }
    /*#endregion*/

    /*#region Modificaciones en apartados concretos*/
    /*#region Trabajos*/
    /*#region Visados*/
    div#MainContent_divDatosVisado > div:last-child {
        height: unset;
    }
    /*#endregion*/

    /*#region Cálculos*/
    div#MainContent_divCalculos input {
        margin-bottom: 10px;
        vertical-align: middle;
    }

    div#MainContent_divCalculos .ancho40 {
        width: 39%;
        vertical-align: middle;
    }
    /*#endregion*/

    /*#region Facturas*/
    #FactValidadaNoValidada > div:first-child > div > div:first-child {
        width: 100%;
    }

    #FactValidadaNoValidada > div:first-child > div:first-of-type > div:last-child {
        overflow: auto;
    }
    /*#endregion*/

    /*#region Líneas*/
    #LineasFacturas > div:first-child > div:first-of-type {
        overflow: auto;
    }
    /*#endregion*/

    /*#region Observaciones*/
    .enLinea.ancho50.responsiveTodoAncho.bordeGrisClaro {
        /*tiene puesto en el style "margin-left: -10px;"*/
        margin-left: 0 !important;
    }
    /*#endregion*/

    /*#endregion*/

    /*#region Página de inicio*/
    div#MainContent_divDashboard > div > div,
    div#MainContent_DashboardColegioControl_divTrabajos,
    div#MainContent_DashboardColegioControl_divTrabajos + div {
        width: 98%;
    }
    /*#endregion*/

    /*#region Trabajos Colegiados*/
    div#MainContent_divDatosAdicionales > div:first-child > div {
        width: 100%;
    }

    /*#region Cálculos*/
    #MainContent_lblImporteVisado ~ input {
        margin-bottom: 10px;
        width: 100%;
    }
    /*#endregion*/

    /*#endregion*/

    /*#region Documentación*/
    div#MainContent_controlRepositorio_divVista {
        width: 50%;
    }
    /*#endregion*/

    /*#region Préstamos de aparatos*/
    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div:first-child > div {
        width: 97%;
        margin-left: 1%;
    }
    /*#endregion*/

    /*#region Ofertas de trabajo*/
    html > body  * {
        max-width: 100% !important;
    }
    html > body .row {
        max-width: none !important;
    }
    /*#endregion*/
    /*#endregion*/
}


@media only screen and (max-width: 630px) {
    /*#region Filtros principales de la página*/
    /*#region Campos*/
    html body form div#MainContent_contenedorFiltros > div > div:not(:last-child),
    html body form div#contenedorFiltros > div:not(:last-child):not(.col-12):not(.col-10):not(.col-8) {
        width: 48.6%;
    }

    /*div que contiene el input type text, pero solo si está solo en su línea, cosa que sabremos si tiene delante un div con display none,
    deberíamos comprobarlo por :nth-child(odd) pero no funciona precisamente por ese div con display none*/
    html body form div#MainContent_contenedorFiltros > div > div[style="display: none"] + div:nth-last-child(2),
    html body form div#contenedorFiltros > div[style="display: none"] + div:nth-last-child(2) {
        width: 98% !important;
        margin-bottom: 15px;
    }

    html body form div#MainContent_contenedorFiltros > div > div:nth-last-child(2) > input[type="text"],
    html body form div#contenedorFiltros > div:nth-last-child(2) > input[type="text"] {
        width: 100%;
    }
    /*#endregion*/

    /*#region Botones*/
    div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:last-child > input,
    div#MainContent_contenedorFiltros > div > div:last-child > input,
    div#contenedorFiltros > div:last-child > input {
        margin: 3px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    div#MainContent_contenedorFiltros > div > div:last-child {
        width: 100%;
    }

        div#MainContent_GridPrestamosMaterialControl_contenedorFiltros > div > div:last-child input,
        div#MainContent_contenedorFiltros > div > div:last-child input,
        div#contenedorFiltros > div:last-child input {
            width: 48.5%;
            margin: 2px 0;
        }
        
    div#contenedorFiltros > div:last-child a {
        display: block;
    }

    /*Si el último input es impar, hace que ocupe el 100% del ancho*/
    div#MainContent_upTituloPantalla > div:last-child > input:last-of-type:nth-of-type(odd),
    div#contenedorFiltros > div:last-child > input:last-of-type:nth-of-type(odd) {
        width: 97.5% !important;
        margin-left: 0;
    }
    /*#endregion*/

    /*#region Número de registros*/
    span#MainContent_lblNumRegistros {
        display: block;
    }
    /*#endregion*/
    /*#endregion*/

    /*#region Trabajos*/
    /*#region Honorarios*/
    div#MainContent_divHonorarios .ancho70 {
        width: 50%;
        vertical-align: middle;
    }

    div#MainContent_divHonorarios .ancho30 {
        width: 48%;
        float: none;
        vertical-align: middle;
    }

        div#MainContent_divHonorarios .ancho30 > input {
            width: 100%;
        }

    /*Botones de honorarios y observaciones*/
    div#MainContent_divHonorarios input[type="submit"]#MainContent_btnImprimirLiquidación,
    div#MainContent_divObservacionesCalculos + div input {
        width: 50%;
        height: 3em;
        margin: auto !important;
        margin-top: 10px;
        float: none;
        font-size: 13px;
        display: block;
    }
    /*#endregion*/

    /*#endregion*/

    /*#region Certificados*/
    html body div#contenedorFiltros.ancho100.enLinea.reponsiveTodoAncho > div.enLinea.reponsiveTodoAncho.ancho37:first-child {
        width: 100%;
    }
    /*#endregion*/

    /*#region Documentación*/
    div#MainContent_controlRepositorio_divVista {
        width: 70%;
    }
    /*#endregion*/
}


@media only screen and (max-width: 490px) {
    /*#region General*/
    #divContenido > div:first-child > div:first-child > h2:first-child {
        width: 100%;
        display: block;
    }

    #MainContent_lblTituloPantalla, #MainContent_lblTituloEstado {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 5px;
    }

    /*#endregion*/

    /*#region Filtros Principales de la página*/

    div#MainContent_upTituloPantalla + div > div.ContenedorCampoFiltro,
    div#contenedorFiltros + div > div.ContenedorCampoFiltro {
        display: block;
    }

        div#MainContent_upTituloPantalla + div > div.ContenedorCampoFiltro > *,
        div#contenedorFiltros + div > div.ContenedorCampoFiltro > * {
            margin: 10px auto;
            display: block;
            text-align: center;
            width: 100%;
            padding: 12px;
        }

    div#contenedorFiltros > div:last-child > a {
        width: 100%;
    }

    /*#endregion*/

    /*#region Filtros principales de edit*/
    div#MainContent_upTituloPantalla > div > h2 + div > span:last-child {
        display: block;
    }
    /*#endregion*/

    /*#region Trabajos Colegiados*/
    /*#region Datos del visado*/
    #MainContent_TextNumVisado, #MainContent_TextFechaVisado, #MainContent_TextHoraVisado {
        /*cambia los input de Datos del visado*/
        width: 100% !important;
        margin-bottom: 10px;
    }
    /*#endregion*/

    /*#region Relación con otro trabajo*/
    span#MainContent_LabelRelacionado + div > div:last-child,
    span#MainContent_LabelRelacionado + div > div:nth-child(2) {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /*#endregion*/

    /*#endregion*/

    /*#region Documentación*/
    div#MainContent_controlRepositorio_divVista {
        width: 100%;
    }
    /*#endregion*/

    /*#region Solicitudes de certificados*/
    select#MainContent_ddlFiltroEstado,
    select#MainContent_ddlFiltroTipoCertificado {
        width: 98%;
    }
    /*#endregion*/
}