@media only screen and (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;        
    }
    #the_logo_central {
        display:none;
    }
    #module_selector {
        display: flex;
        flex-direction: column;
    }
    #module_selector nav {
        background-image: none;
    }
    .mobile-menu{
        background-color: transparent;
        color:#4188D3;
    }
    #title_welcome {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;

    }
    .title_center {
        flex-direction: column;
        align-items: center;
    }
    
    .containercentered {
        display: initial;
    }
    #logout_div {
        padding: 20px;
    }
    #cats_title_body1 {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        background-color: grey;
        color: white;
        justify-content: space-around;
        align-items: center;
    }
    #close_report {
        margin:10px;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: center;
    }
    #title_cat {
        display:none;
    }
    #map_body {
        display:flex;
        flex-direction:column-reverse;
        width:100%;        
    }
    .cabecera {
        margin: 0px;
        margin-top: 0px;
        padding: 0px;
        min-width: 95%;
    }    
    #report_box {
        width: 100%;
        flex-direction: column;
        height: 800px;
        display: block;
        z-index: 1000;
    }
    #mapa {
        width: auto;
        position: relative;
        inset: 0px;
        height: 800px;
        overflow: hidden;
        margin: 5px;        
    }
    #cats {
        display: flex;
        flex-direction: row;
        height: auto;
        width: 100%;        
    }
    #gps_locator {
        margin-bottom: 200px;
    }
    .mobile__menu {
        margin: 20px;
        font-size: 8vw;
        color: black;
        background-image: url("../images/menu.png");
        background-size: 35px 35px;
        width: 35px;
        height: 35px;        
    }
    a#touch--menu {
        display:none;
    }
    footer {
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
        flex-direction: column;
        justify-content: space-between;
        clear: both;
        width: 100%;
        position: unset;
        z-index: 1000;
        bottom:  auto;
        left: auto;
        right: auto;
        box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.5);
        text-shadow: 1px 1px 1px #000000;
        background: #003594;
        background: #EEF4F7;
        color: white;
        background: white;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 10px;
        align-items: center;
    }
    #lang_selector {
        margin:50px;
    }
    
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
        
        .grid-view .items {
            padding-top: 100px;
        }
	.myflat-menu {
            margin-bottom: 100px;
        }
        #the_logo_central {
            object-fit: contain;
            max-height: 35vh;
            margin-top:20px;
            max-width: 100%;
        }
        #main_menu .source_portal {

            flex-grow: 2;
            font-size: 4vw;

        }
        #module_selector .myflat-menu li {

            border: 0px solid transparent;

        }
        .informe {

            padding: 2px;
            margin-top: 10px;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 25px;
            box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
            display: block;
            overflow: auto;

        }
        #acciones {

            display: flex;
            flex-direction: row;
            justify-content: center;
            position:  initial;

        }
        .nuevo_informe {

            display: inline;
            /*display:flex;*/
            flex-direction: column;
            
            min-width: 200px;
            margin: 0px;
            padding: 2px;
            border-radius: 12px;

        }
        #btn_close_editor {
            display:none;
        }
    .source_portal {
        flex-direction: column;        
    }
    #main_menu .source_portal .the_main_title {
        flex-grow: 2;
        flex-shrink: 0;
        font-size: 5vw;
    }
    .title_center #the_logo {
        
    }
}


@media print{
   div.saltopagina{
      display:block;
      page-break-before:always;
   }
   #header {
       display:none;
   }
   #headerdemo {
       display:none;
   }
   #login_box {
       display:none;
   }
   .cabecera button {
       display:none;
   }
   .subformulario {
       margin: 0px;
   }
   .plan dd a {
       display:none;
   }
   .no_print {
       display:none;
   }
   .main_toolbar, .toolbar_audit, .toolbar_ncs {
       display:none;
   }
   footer {
       display: none;
   }
   
}