@media (max-width: 768px) {
    .desktop_element { display: none !important; }
    .mobile_element {display: block !important; }

    main.page-content.content-wrap{
        margin-top: 0px;
    }
    .navbar {
        min-height: 54px;
        position:  relative;
    }
    .navbar-inner{
        padding-left: 1em;
        padding-right: 1em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
    }
    .navbar-inner-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
    }
    .navbar .logo-box {
        margin-top: 0;
    }
    .navbar .logo-box .logotopcircle {
        margin-top: 0;
    }
    .navbar .btn_logout{
        display: block;
        color: #fff ;
        padding: 0;
        margin-top: 0;
        font-size: 1.25em;
        border-left: 1px solid #fff;
        margin-left: 10px;
    }
    /*
    .navbar .btn_logout {
        display: block;
        color: #fff;
        position: fixed;
        bottom: 0;
        background: #006fb1;
        padding: 0.65em 0.75em 0.5em 0.25em;
        right: 0;
        box-shadow: #ccc 2px 2px 7px 1px;
    }
*/

    div#main-wrapper {
        margin: 0;
        padding: 0;
    }
    .page-breadcrumb{
        position: relative;
    }
    .page-breadcrumb .btn_logout{
        display: none;
    }
    .page-breadcrumb .breadcrumb {
        display: flex;
        align-items: center;
    }
    div#main-wrapper > div.content_entidades {
        display: flex;
        flex-direction: column;
    }


    body:not(.page-header-fixed) .page-inner {
        padding: 0 !important;
    }
    .page-inner {
        min-width: 100%;
        max-width: 100%;
        background: #fff;
    }
    h2 {
        font-size: 1.5em;
    }

    .panel .panel-heading.bienvenida_home {
        flex-direction: column;
    }
    .panel .panel-heading.bienvenida_home input{
        max-width: unset;
    }
    .page-breadcrumb {
        min-width: 100%;
        width: 100%;
    }
    .page-breadcrumb .page-breadcrumb-inner{
        padding: 0.5em 1em;
    }
    .panel-plantillas {
        margin-bottom: 0;
    }
    .panel.panel-plantillas .panel-heading,
    .panel.panel-plantillas .panel-body{
        padding: 1em;
    }
    .lista-plantillas {
        padding: 0;
        grid-gap: 0px;
        border-bottom: 1px solid #bebebe;
    }

    h3.title-pag {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        color: #006fb1;
        padding: 0.5em;
        background: #fff;
        margin: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    h3.title-pag a {
        position: absolute;
    }
    h3.title-pag a span{
        color: #006fb1;
        font-size: 0.9em;
        font-weight: bold;
    }

    h3.title-pag > span{
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        max-width: 340px;
        line-height: 1em;
        margin: auto;
    }

    h3.title-pag p{
        width: 100%;
        display: flex;
        flex-direction: column;
        font-size: 1em;
        justify-content: center;
        margin: 0;
        max-width: 340px;
        line-height: 1.1em;
        margin: auto;
    }

    h3.title-pag p span.diagnosticos{
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        max-width: 340px;
        line-height: 1em;
    }
    h3.title-pag p span.entidad{
        width: 100%;
        text-align: center;
        font-size: 0.65em;
    }
    .item-plantilla {
        min-height: unset;
        background-color: #0095e010;
        background: #fff;
        border-top: 1px solid #bebebe;
        border-left: 4px solid #0070b5;
        border-right: 1px solid #bebebe;
        border-radius: 0px;
        box-shadow: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .item-plantilla:hover,
    .item-plantilla:active,
    .item-plantilla:focus {
        background-color: #0095e020;
        transition: background-color 200ms linear;
        text-decoration:  none;
    }
    .item-plantilla hr {
        display: none;
    }
    .item-plantilla p.titulo {
        font-size: 0.85em;
        padding: 0.75em 0.75em 0em 0.75em;
    }
    .item-plantilla p.descripcion{
        font-size: 0.8em;
        padding: 0em 0.75em 0.75em 0.75em;
    }
    .item-plantilla a.enlace-item-plantilla {
        padding: 0 0.75em;
    }
    .item-plantilla a.enlace-item-plantilla span {
        font-size: 1.5em;
        font-weight: bold;
        color: #0070b5;
    }

    .titulo-pantalla {
        text-align: center;
        margin-top: 0.5em;
    }
    .listado_entidades .dataTables_wrapper{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .content_entidades .panel {
        border: none !important;
        border-radius: 0px;
        box-shadow: none;
    }
    .content_entidades .panel .panel-body {
        padding: 0;
    }
    .content_entidades .panel .panel-body > div {
        padding: 0;
    }
    .content_entidades .listado_entidades {
        border-top: 1px solid #ccc;
        margin: 0;
        padding-top: 1em;
    }
    .listado_entidades .dataTables_wrapper .dataTables_length{
        width: 45%;
        display: none;
    }
    .listado_entidades .dataTables_wrapper .dataTables_filter{
        width: 100%;
        padding: 0 1em;
    }

    .listado_entidades .dataTables_wrapper .dataTables_filter label{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .listado_entidades .dataTables_wrapper .dataTable {
        width: 100%;
    }
    .listado_entidades .dataTables_wrapper .dataTables_info{
        width: 100%;
        font-size: 0.75em;
    }
    .listado_entidades .dataTables_wrapper .dataTables_paginate {
        width: 100%;
        font-size: 0.85em;
    }
    .tabla_entidades .btn{
        padding: 6px 10px;
    }
    table.dataTable.tabla_entidades  thead .sorting,
    table.dataTable.tabla_entidades thead .sorting_asc,,
    table.dataTable.tabla_entidades thead .sorting_desc {
        text-align: right;
        padding-right: 2em !important;
    }
    .listado_entidades input[type="search"] {
        width: 100%;
    }
    .opciones_entidades{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .opciones_entidades a{
        margin-bottom: 10px;
        min-width: 140px;
    }

    /*********EDITAR DIAGNOSTICO******/
    .form_diagnostico{
            padding-bottom: 60px;
    }
    .form_diagnostico div#grupo_preguntas .cabeceras > div{
        padding: 0 25px !important;
    }

    .form_diagnostico div.div_preguntas .preguntas-del-grupo {
       border: none;
    }
    .form_diagnostico div.div_preguntas .preguntas-del-grupo thead {
       display: none;
    }

    .form_diagnostico div.div_preguntas .preguntas-del-grupo td {
        display: flex;
        flex-direction: column;
    }

    .form_diagnostico div.div_preguntas .pregunta {
        display: flex;
        justify-content: center;
        flex-direction: column;
        border-top: 3px solid #666;
    }
    .form_diagnostico div.div_preguntas .pregunta:nth-child(1){
        border-top: none;
    }
    .form_diagnostico div.div_preguntas .pregunta > div{
        padding: 0px;
        width: 100%;
    }
    .form_diagnostico div.div_preguntas .pregunta .texto_pregunta {
        font-weight: bold;
        font-size: 0.95em;
        text-align: justify;
        background: #006fb110;
        padding: 1em;
        color: #000;
    }
    .form_diagnostico div.div_preguntas .pregunta .pdescripcionpreg {
        display: flex;
        padding: 0;
        margin: 0;
    }
    .form_diagnostico div.div_preguntas .pregunta .div_observacion {
        padding: 0;
    }
    .form_diagnostico div.div_preguntas .pregunta .div_evidencia {
        padding: 0;
    }
    .form_diagnostico div.div_preguntas .pregunta > div.hallazgo_pregunta {
        padding: 1em 0px !important;
        width: 100%;
        text-align: center;
    }
    p.titulo_seccion_pregunta {
        text-align: left;
        font-size: 0.8em;
        padding: 5px 5px;
        background: #f5f5f5;
    }
    .form_diagnostico div.div_preguntas .pregunta > div.hallazgo_pregunta {
        padding: 1em;
    }
    a.btn span {
        font-size: 1.5em;
    }
    .form_diagnostico div.div_preguntas .pregunta > div  label.btn-file{
        padding: 0;
        width: 100%;
    }
    .form_diagnostico .file-drop-zone {
        border: none;
        padding: 0;
        margin: 0;
    }

    /*.form_diagnostico .div_preguntas .btn-observacion span,
    .form_diagnostico .div_preguntas .btn-evidencia span,
    */
    .form_diagnostico .div_pregunta_observacion,
    .form_diagnostico .div_pregunta_evidencia,
    .form_diagnostico .div_pregunta_adjunto{
        width:  100%;
    }
    .form_diagnostico .file-drop-zone-title {
        display: none; */
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .form_diagnostico .file-preview {
        padding: 0;
        border: none;
    }
    .form_diagnostico .file-preview .fileinput-remove span {
        color: #000;
    }
     /*
    .form_diagnostico .btn-file .file-input {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .form_diagnostico .file-preview {
        width: 50px;
        height: 50px;
    }
    .form_diagnostico .input-group.file-caption-main {
        width: calc(100% - 75px);
    }
    */
    .form_diagnostico .title-grupo-etapa {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }
    .form_diagnostico .title-grupo-etapa .etapa {
        text-align: left;
        padding: 1em;
        line-height: 1.25em;
    }
    .form_diagnostico .div_pregunta_observacion,
    .form_diagnostico .div_pregunta_evidencia {
        width: 80%;
        box-shadow: #666666 0px 0px 5px 0px;
        z-index: 9999;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 400px;
    }
    .botones_form_diagnostico{
        display: flex;
        justify-content: space-between;
    }
    .botones_form_diagnostico > div {
        width: 50%;
        padding: 0;
    }
    #cerrar_diagnostico, #btn_submit_diag {
        padding: 1em;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        margin-top: 0px;
    }
    #cerrar_diagnostico:hover,
    #btn_submit_diag:hover {
        opacity: 1;
    }
    .form_diagnostico .btnes-submit .mobile_element {
        position: fixed;
        bottom: 0;
        z-index: 99;
        width: 100%;
        margin: 0;
    }
    #btn_submit_diag span.texto, #cerrar_diagnostico span.texto {
        width: 100%;
        position: relative;
        float: left;
        word-break: normal;
        white-space: normal;
        line-height: 1.5em;
        font-size: 1em;
    }
    #btn_submit_diag span.icon , #cerrar_diagnostico span.icon {
        display: none;
    }
    .botones_form_diagnostico .btn:only-child {
        width: 100%;
    }
    /***listado diagnosticos***/
    .form-busqueda {
        margin: 0;
        border-bottom: none;
        border-radius: 0;
    }
    .listado_diagnosticos {
        background: #fff;
        border-top: 1px solid #ccc;
    }
    div.tabla_diagnosticos {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .item_diagnostico {
        border-bottom: 1px solid #dedede;
        display: flex;
        flex-direction: column;
    }
    .item_diagnostico_hijo {
        /*padding-left: 15px;*/
        border-left: 6px solid #dedede;
    }
    .flecha_hijo {
        position: absolute;
        margin-left: 30px;
        margin-top: -15px;
    }
    .headerdiag{
        display: flex;
        justify-content: space-between;
    }
    .estadodiag {
        /* position: relative; */
    }
    .estadodiag span.icon-lock,
    .estadodiag span.icon-lock-open {
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.5em;
    }
    .accionesdiag {
        display: flex;
        justify-content: flex-end;
        padding: 0.5em 1em 1em 1em;
        align-items: center;
    }
    .accionesdiag .opciones,
    .accionesdiag .acciones{
        display: flex;
    }

    .nav_tabla_mobile{
        display: flex;
        justify-content: space-around;
        padding: 0.5em 1em;
        flex-direction: column;
    }
    .nav_tabla_mobile a {
        display: flex;
        background: #006fb1;
        color: #fff;
        align-items: center;
    }
    .nav_tabla_mobile   a.btn_nav_listado{
        width:  100%;
        text-align: center;
        display: flex;
        justify-content: center;
        font-size: 1em;
    }

    .nav_tabla_mobile   a.btn_nav_listado span{
        display: none;
    }

    .nav_tabla_mobile .alert {
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }
    #tabla_diagnosticos .btn{
        padding: 0;
    }
    #tabla_diagnosticos .accionesdiag  a.btn_options_diagnostico span.menu-icon {
        /*border: 2px solid #006fb1;*/
        color: #006fb1;
        padding: 0;
        border-radius: 6px;
    }
    #tabla_diagnosticos .accionesdiag .menu_options_diagnostico {
        width: auto;
        text-align: left;
        padding: 5px 0px;
    }
    #tabla_diagnosticos .accionesdiag .menu_options_diagnostico a {
        width: 100%;
        text-align: left;
        font-size: 1em;
        display: flex;
        justify-content: flex-start;
        float: none;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
    }
    #tabla_diagnosticos .accionesdiag .menu_options_diagnostico a:last-child {
        border: none;
    }
    #tabla_diagnosticos .accionesdiag .menu_options_diagnostico a span{
        margin-right: 10px;
    }

    .contenidodiag {
        padding: 0 1em 1em 1em;;
    }
    .datosdiag > div.itemdatosdiag {
        display: flex;
        justify-content: space-between;
        font-size: 0.85em;
        line-height: 1.5em;
    }
    .datosdiag > div.itemdatosdiag h3 {
        margin-top: 0;
        font-size: 1.25em;
    }
    .datosdiag > div.itemdatosdiag p{
        margin: 0;
        text-align: right;
    }
    .datosdiag > div.itemdatosdiag.resultados {
        font-size: 1.5em;
    }

    /********resultados checklist****/
    .divbtndescarga {
        display: flex;
        justify-content: space-around;
    }

    .datos_informe_checklist label {
        font-size: 1em;
        background: #f5f5f5;
        width: 100%;
        padding: 0.25em 0.5em;
    }
    .datos_informe_checklist p {
        font-size: 0.90em;
        padding: 0 0.5em;
    }
    .ubicacion_informe_checklist {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 1em;
    }
    .item_ubicacion {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 31%;
        text-align: center;
        border: 2px solid #aaa;
        border-radius: 5px;
        padding: 0.5em 0.5em;
        background: #fefefe;
    }
    .item_ubicacion label {
        font-size: 0.85em;
        line-height: 1.2em;
        font-weight: bold;
    }
    .item_ubicacion p {
        font-weight: bold;
        font-size: 0.85em;
    }
    .col-xs-12.tablapuntaje {
        border-top: 2px solid #aaa;
        border-bottom: 2px solid #aaa;
        padding: 1em;
    }
    .tablapuntaje p {
        font-size: 1em;
    }
    .campos_personalizados_informechecklist {
        padding: 1em;
    }


    .title-grupo-etapa {
        color: #fff;
        padding: 0.5em 1em;
        line-height: 1.5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .title-grupo-etapa .icon-minus,
    .title-grupo-etapa .icon-plus {
        margin: 0;
    }
    .div_respuestas_resultado .div_preguntas .preguntas-del-grupo {
       border: none;
    }
    .div_respuestas_resultado .div_preguntas .preguntas-del-grupo thead {
       display: none;
    }

    .div_respuestas_resultado .div_preguntas .preguntas-del-grupo td {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        padding: 0;
    }
    .div_respuestas_resultado .div_preguntas .preguntas-del-grupo td:nth-child(1){
        padding-top: 15px;
    }

    .div_respuestas_resultado .div_preguntas .pregunta {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .div_respuestas_resultado .div_preguntas .pregunta:last-child {
        border-bottom: none;
    }
    .div_respuestas_resultado .div_preguntas .pregunta:last-child {
        border-bottom: none;
    }
    .div_respuestas_resultado .div_preguntas .pregunta .texto_pregunta {
        font-weight: bold;
        font-size: 0.95em;
        text-align: justify;
        background: #006fb110;
        padding: 1em;
        color: #000;
    }

    .itemetapa {
        margin: 0 !important;
        border-bottom: 3px solid #666;
        padding: 1em;
    }
    .nombreitem p {
        font-weight: bold;
        font-size: 0.95em;
        text-align: justify;
        background: #006fb110;
        padding: 1em;
        color: #000;
    }
    .respuestapregunta p {
        font-size: 1em;
        font-weight: bold;
        padding: 1em;
        background: #fafafa;
        color: #000;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        text-align: center;
    }
    .itemrespuesta {
        display: flex;
        justify-content: space-between;
    }
    .itemrespuesta p {
        font-size: 0.85em;
    }
    .itemrespuesta img {
        max-width: 200px;
        float: right;
        padding: 0;
    }

    /**********informe****/

    hr.separacion_comparacion_informe {
        border: 2px solid #666;
    }

    .div_botones_informe {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .div_comparar_informes {
        padding: 1em;
        margin-bottom: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .div_comparar_informes span{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .div_comparar_informes .select2 {
        max-width: unset;
        width: 100%;
        margin: 0;
    }
    .div_comparar_informes .select2 span {
        min-height: 40px;
        padding-right: 30px ;
        margin: 0;
    }
    .divinformecompleto .panel-white{
        border: none;
    }
    .divinformecompleto .panel-body {
        padding-left: 0;
        padding-right: 0;
    }
    .divinformecompleto .divsubgrupotitle {
        padding: 0 15px;
    }
    /*
    .divinformecompleto .divsubgrupotitle, .divinformecompleto .page-print {
        padding: 0;
    }
    */
    .divinformecompleto .bordercontentinformes {
        border: none;
    }
    .signature-pad--actions button {
        margin-left: 0em;
        min-height: 48px;
    }

    .actividades-filtros {
        flex-direction: column;
    }

    fieldset.filtros-home {
        flex-direction: column;
        margin-top: 1em;
    }
}