    /*footer*/
    body.movil .page-footer {
        margin-top: 50vh; /* fuerza algo de empuje si la página es corta */
        text-align: center;
        padding: 10px 0;
    }

    body.movil #edit-field-p0-contact-center,
    body.movil #edit-field-area {
        float: none !important;
    }

    body.movil .chosen-container {
        max-width: 1000px;
    }

    body.movil #edit-field-p0-contact-name,
    body.movil #edit-field-p0-contact-phone,
    body.movil #edit-field-p0-contact-building,
    body.movil #edit-field-p0-contact-floor {
        width: 100% !important;
    }

    body.movil #edit-field-p0-val-date-und-0-value .field-type-datetime,
    body.movil .form-type-textfield {
        padding: 0px !important;
    }

    body.movil #edit-field-p0-val-user-emisor-chosen-container,
    body.movil #edit-field-p0-val-user-resparea-chosen-container,
    body.movil #edit-field-p0-val-user-coord-chosen-container,
    body.movil #edit-field-p0-val-user-recurso-chosen-container,
    body.movil #edit-field-p0-val-user-recept-chosen-container {
        width: 100% !important;
    }

    /*header*/
    body.movil .top-menu ul {
        position: absolute;
        margin-left: 30%;
    }

    body.movil div#webpush-simple-sub-button {
        margin-left: -87% !important;
        margin-top: 9px !important;
    }

    body.movil #edit-field-p0-notify-themes-und {
        margin: 0px !important;
    }

    body.movil .page-sidebar-fixed.page-header-fixed .page-inner {
        padding: 60px 0 50px 60px !important;
    }

    body.movil .field-name-field-pa-introtxt p,
    body.movil .field-name-field-pb-introtxt p,
    body.movil .field-name-field-pc-introtxt p,
    body.movil .field-name-field-pd-introtxt p,
    body.movil .field-name-field-pe-introtxt p,
    body.movil .field-name-field-pf-introtxt p,
    body.movil .field-name-field-pg-introtxt p,
    body.movil .field-name-field-ph-introtxt p,
    body.movil .field-name-field-pi-introtxt p,
    body.movil .field-name-field-pj-introtxt p {
        font-weight: bold;
    }

    body.movil .fa-bars {
        margin-left: 3px;
    }

    body.movil .checker {
        transform: scale(1.5);
    }

    body.movil #edit-field-p0-walkies label {
        width: 95%;
    }

    body.movil #uniform-edit-field-p0-walkies-und {
        margin-top: 5px;
    }

    body.movil .option {
        margin-right: 6px;
    }

    body.movil .firma-field-container {
        width: 100%;
        margin-right: 3%;
        float: left;
        clear: none;
    }

    body.movil #edit-submit {
        width: 100%;
        border-radius: 6px;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 12px;
    }

    body.movil #edit-actions {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    body.movil #uniform-edit-field-p0-notify-themes-und-1,
    body.movil #uniform-edit-field-p0-notify-themes-und-0,
    body.movil #uniform-edit-field-p0-notify-themes-und-2,
    body.movil #uniform-edit-field-p0-notify-themes-und-3 {
        margin: 8px;
    }

    body.movil #edit-field-p0-notify-themes label {
        margin-top: 6px;
        padding: 0px !important;
    }

    body.movil .menu.accordion-menu,
    body.movil .page-sidebar.sidebar {
        width: 0%;
    }

    body.movil .sidebar.visible {
        width: 156px;
    }

    /* body.movil .messages {
        margin-left: 41px;
    } */

    body.movil .page-title h3 {
        margin-left: 50px;
    }

    body.movil .menu.accordion-menu a p {
        display: none;
    }

    body.movil .menu.accordion-menu.show-text a p {
        display: block;
    }

    body.movil .accordion-menu {
        width: 100% !important;
    }

    body.movil .checklist-wrapper>h3 {
        font-size: 17px;
    }

    body.movil .form-type-checkbox {
        float: left;
        margin-left: 5px;
    }

    body.movil .form-type-checkboxes>label {
        width: 70%;
    }

    body.movil .field-name-field-pb-mat-pre {
        width: 60%;
    }

    body.movil .field-name-field-pa-cond-vis .form-type-checkboxes>label,
    body.movil .field-name-field-pa-cond-rain .form-type-checkboxes>label,
    body.movil .field-name-field-pa-cond-sup .form-type-checkboxes>label,
    body.movil .field-name-field-pa-cond-wind .form-type-checkboxes>label {
        width: 35%;
    }

    /*footer*/

    body.movil .field-name-field-pb-vent-checks .form-type-checkboxes>label {
        width: 65%;
    }

    body.movil #pe-gr-ener .form-type-checkboxes>label,
    body.movil #pe-gr-util .form-type-checkboxes>label {
        width: 40%;
    }

    body.movil #pe-gr-ener-bol,
    body.movil #pe-gr-util-bol {
        width: 40%;
    }

    body.movil #pe-gr-ener,
    body.movil #pe-gr-util {
        width: 60%;
    }

    body.movil #pe-gr-ener .form-type-checkbox,
    body.movil #pe-gr-util .form-type-checkbox {
        width: 75px;
    }

    body.movil .gr-epi-1,
    body.movil .gr-epi-3 {
        width: 100%;
        margin-right: 0;
        float: left;
    }

    body.movil .gr-epi-2,
    body.movil .gr-epi-4 {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        float: left;
    }

    body.movil .gr-epi-4>div {
        width: inherit;
        float: inherit;
        clear: inherit;
    }

    body.movil .field-name-field-pf-epi-bol15,
    body.movil .field-name-field-pf-epi-bol15-v1,
    body.movil .field-name-field-pf-epi-bol16,
    body.movil .field-name-field-pf-epi-bol16-v1 {
        margin-right: inherit;
        padding-bottom: inherit;
    }

    body.movil .field-name-field-ph-inc-txt {
        width: 80%;
    }

    body.movil .field-name-field-ph-inc-bol2 {
        width: 20%;
    }

    body.movil tr.draggable td:nth-child(3) {
        width: 95%;
    }

    body.movil .field-type-composed-field tbody .container-inline>div:nth-child(1) {
        width: 12%;
    }

    body.movil .field-type-composed-field tbody .container-inline>div:nth-child(2) {
        width: 50%;
        margin-right: 60px;
    }

    body.movil .field-type-composed-field tbody .container-inline>div:nth-child(2) input {
        width: 100%;
    }

    body.movil .field-type-composed-field tbody .container-inline>div:nth-child(3),
    body.movil .field-type-composed-field tbody .container-inline>div:nth-child(4) {
        margin-right: 20px;
        width: 7%;
    }

    body.movil .field-type-composed-field tbody tr:first-child .form-item-field-pi-ele-comp-und-0-composed-3:before,
    body.movil .field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp2-und-0-composed-3:before,
    body.movil .field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp-und-0-composed-3:before,
    body.movil .field-type-composed-field tbody tr:first-child .form-item-field-pi-mec-comp-und-0-composed-3:before {
        left: -20px;
    }

    body.movil #pi-gr-ele>.field-type-composed-field>div:before,
    body.movil #pi-gr-mec>.field-type-composed-field>div:before,
    body.movil #pi-gr-proc>.field-type-composed-field>div:before {
        left: 415px;
    }

    body.movil .table>tbody>tr>td,
    body.movil .table>tbody>tr>th,
    body.movil .table>tfoot>tr>td,
    body.movil .table>tfoot>tr>th,
    body.movil .table>thead>tr>td,
    body.movil .table>thead>tr>th,
    body.movil .table td {
        padding: 8px !important;
        
    }

    body.movil .password-suggestions,
    body.movil .password-strength {
        display: none !important;
    }

    body.movil .page-inner {
        min-height: inherit !important;
        /* overflow: scroll; */
    }

    body.movil .empty-signature-label {
        font-size: 12px;
    }

    body.movil .navbar-right {
        margin-right: 50px !important;
    }

    body.movil .slogan {
        display: none;
    }

    body.movil .views-table>thead>tr:first-child {
        padding: 0px;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        padding-bottom: 10px;
        display: flex;
        gap: 23%; /* Ajusta este valor según lo que necesites */
        align-items: center;
    }

    body.movil .view-documents tr.even {
        background-color: transparent;
    }

    body.movil .views-finalizar-button {
        margin-left: -35px !important;
    }

    body.movil .views-field-petra-close {
        width: 5% !important;
    }

    body.movil #edit-field-pb-mat-bol-on-false {
        display: flex;
        flex-direction: column;
    }

    body.movil .field-name-field-pa-use-mob-plat3,
    body.movil .field-name-field-pa-use-mob-plat4,
    body.movil .field-name-field-pa-use-lad3,
    body.movil .field-name-field-pa-use-lad4,
    body.movil .field-name-field-pa-use-lad5,
    body.movil .field-name-field-pa-use-epi3,
    body.movil .field-name-field-pa-use-mob-plat3-ok,
    body.movil .field-name-field-pa-use-mob-plat4-ok,
    body.movil .field-name-field-pa-use-lad3-ok,
    body.movil .field-name-field-pa-use-lad4-ok,
    body.movil .field-name-field-pa-use-lad5-ok,
    body.movil .field-name-field-pa-use-epi3-ok,
    body.movil .field-name-field-pa-use-epi4 {
        margin-left: 0%;
    }


    body.movil .views-reset-button {
        float: none;
    }

    body.movil .table-titles {
        display: contents;
    }

    /* body.movil .modal-sm .modal-content{
        height: 200px !important;
    } */

    /* body.movil .modal-title.error{
        transform: scale(2);
    }

    body.movil .modal-body{
        font-size: 18px;
    } */

    body.movil .views-table {
        width: 100%;
        border-collapse: collapse;
        background: #F1F4F9 !important;
    }

    body.movil .views-table tr {
        display: block;
        border: 1px solid #ccc;
        background-color: #fff;
        border-radius: 10px !important;
        margin-bottom: 10px;
        box-shadow: 0px 4px 2px 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 20px;
        padding: 15px;
    }

    body.movil .views-field.views-field-title.Link-title {
        margin-left: 10px;
    }

    body.movil .views-field.views-field-title.Enlace_title_all {
        margin-left: 7px !important;
    }

    body.movil .view-documentos-all .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        padding: 1px;
        height: 40px;
    }

    body.movil .views-field.views-field-field-p0-desc.views-align-center,
    body.movil .views-field.views-field-field-p0-dep.views-align-center,
    body.movil .views-field.views-field-field-p0-desc,
    body.movil .views-field.views-field-field-p0-dep {
        visibility: hidden;
        display: none;
    }

    body.movil #edit-reset {
        height: 30px !important;
    }

    body.movil #edit-combine,
    body.movil #edit-between-date-filter-value-datepicker-popup-0 {
        border: 1px solid #d4d4d4;
    }

    body.movil .views-table th,
    body.movil .views-table td {
        display: block;
        text-align: left;
        padding: 5px;
        border-top: 0px !important;
    }

    body.movil .views-table th {
        font-weight: bold;
    }

    body.movil .secondary-degree {
        display: none !important;
    }

    body.movil .views-table tr {
        display: contents;
    }

    body.movil .table_usu tr {
        display: block !important;
    }

    body.movil .views-table tr:nth-child(odd) {
        display: block;
        border-radius: 10px;
        background-color: #fff;
    }

    body.movil .views-field-petra-actions .fa {
        transform: scale(2) !important;
        padding: 20px;
    }

    /* Unir el td con clase 'views-field-petra-close' y el td con clase 'views-field-title' en la misma fila */
    body.movil .views-table tbody tr:nth-child(odd) .views-field-petra-close,
    body.movil .views-table tbody tr:nth-child(odd) .views-field-title,
    body.movil .views-table tbody tr:nth-child(odd) .views-field-title-1,
    body.movil .views-table tbody tr:nth-child(even) .views-field-petra-close,
    body.movil .views-table tbody tr:nth-child(even) .views-field-title,
    body.movil .views-table tbody tr:nth-child(even) .views-field-title-1,
    body.movil .views-table tbody tr:nth-child(even) .views-field-title-3 {
        display: inline-block;
        float: left;
    }

    body.movil .views-field-title-3 {
        display: inline-block;
        float: left;
    }

    body.movil .views-field-title {
        margin-right: 60px;
    }

    body.movil .table-titles {
        display: inline !important;
    }

    body.movil .views-field-title a {
        margin-left: 5px;
        
    }

    body.movil input[type="checkbox"] {
        margin: 4px 5px 0;
        margin-top: 1px \9;
        line-height: normal;
        transform: scale(1.5);
    }

    body.movil .handler-petra-close,
    body.movil .all-close-checkbox {
        transform: scale(2) !important;
        margin-left: 10px !important;
    }

    body.movil .views-field.views-field-title-1 {
        /* margin-left: 9%; */
    }

    body.movil .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: none;
    }

    /*menu de la tabla*/
    body.movil .views-filter-buttons {
        width: 33%;
        margin-top: 20px;
        padding-left: 50%;
    }

    /* body.movil .views-widget-filter-field_petra_status_target_id,
    body.movil .views-widget-filter-field_petra_status_target_id .chosen-container,
    body.movil .views-widget-filter-field_p0_contact_center_target_id,
    body.movil .views-widget-filter-field_area_target_id .chosen-container,
    body.movil .views-widget-filter-selected_forms .chosen-container {
        width: 240px !important;
    } */

    /* body.movil .chosen-container-multi .chosen-choices {
        height: 40px !important;
        min-height: 40px;
    } */

    body.movil #edit-combine,
    body.movil #edit-between-date-filter-value-datepicker-popup-0 {
        height: 40px;
    }

    body.movil #edit-reset,
    body.movil .views-print-all-button,
    body.movil .views-finalizar-button {
        height: 40px !important;
        width: 87px !important;
        border-radius: 12px;
    }

    /* tabla usus */
   

    body.movil .views-field-edit-node a {
        display: block;
        width: 20%;
        text-align: center;
        border-radius: 10px;
        height: 34px;
        margin-bottom: 14px;
    }

    body.movil .views-field.views-field-nothing,
    body.movil .views-field.views-field-rid {
        display: inline !important;
    }

    body.movil .views-field.views-field-nothing {
        display: block;
        margin-right: -17px;
    }

    body.movil .table > tbody td{
        padding-top: 2px !important;
    }

    body.movil .table > thead > tr > th{
        padding-top: 18px !important;
    }

    body.movil .views-field.views-field-mail {
        margin-bottom: 14px;
    }

    body.movil td.views-field-title{
        padding-right: 84px !important;
    }

    body.movil .views-field-field-petra-status{
        float: left;
        /* margin-top: -5px; */
       
    }

        /* Estilo para las celdas 1, 2 y 3 en la misma línea dentro de body.movil */
    body.movil .views-table tr td:nth-child(1),
    body.movil .views-table tr td:nth-child(2),
    body.movil .views-table tr td:nth-child(3){
        /* Estilos para las celdas 1, 2 y 3 */
        display: table-cell;
        
        text-align: center;
    }

    /* Estilo para las celdas 4 y 5 en la misma línea dentro de body.movil */

    body.movil td.views-field.views-field-field-p0-val-date{
        margin-top: 40px !important;
    }

    /* Estilo para las celdas 6 y 7 en la misma línea dentro de body.movil */
    @media (max-width: 400px) {
        body.movil td.views-field.views-field-field-petra-status {
            margin-right: 7% !important;
            margin-top: -6px !important;
        }
    }
      
    @media (min-width: 401px) {
        body.movil td.views-field.views-field-field-petra-status {
            margin-right: 16% !important;
            margin-top: -6px !important;
        }
    }
      

    body.movil td.views-field.views-field-field-p0-contact-center{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    /* body.movil td.views-field.views-field-field-area{
        margin-left: 31px;
    } */

    body.movil .AreaDocumentos{
        margin-left: 38px !important;
    }
    body.movil td.views-field.views-field-title {
        margin-right: 30%;
    }

    body.movil td.views-field.views-field-field-p0-val-date,
    body.movil td.views-field.views-field-field-p0-desc-1,
    body.movil td.views-field.views-field-field-p0-dep-1,
    body.movil td.views-field.views-field-petra-actions{
        margin-top: -7px;
    }

    body.movil td.views-field.views-field-field-p0-val-user-emisor a{
        margin-right: 16px !important;
    }

    body.movil td.views-field.views-field-field-p0-contact-center strong{
        margin-right: 3% !important;
    }

    body.movil td.views-field.views-field-field-area strong{
        margin-right: 27px !important;
    }

    body.movil td.views-field.views-field-petra-selected-forms strong{
        margin-top: -1px !important;
    }

    body.movil td.views-field.views-field-field-p0-contact-center strong{
        width: 55px !important;
        display: inline-flex !important;
    }
    body.movil td.views-field.views-field-field-p0-val-date{
        border-top: 1px solid #c0c3c7 !important;
        padding-top: 30px !important;
    }

    body.movil td.views-field.views-field-petra-selected-forms{
        margin-top: -1px;
    }

    body.movil .views-table tbody{
        display: flex;
        flex-direction: column;
    }

    body.movil .text-forms{
        display: block;
        margin-top: -1px;
    }

    /* body.movil #title-center{
        float: left !important;
        margin-left: 53px;
        margin-right: 78px !important;
    } */

    body.movil .center-petra{
        float:left;
        width: 114px;
        text-align: left;
    }

    /* body.movil td.views-field.views-field-title{
        padding-right: 96px !important;
    }

    body.movil td.views-field.views-field-field-p0-contact-center{
        padding-left: 47px !important;
        padding-right: 74px !important;
    }

    body.movil td.views-field.views-field-field-p0-contact-center{
        padding-left: 56px !important;
        padding-right: 111px !important;
    }

    body.movil td.views-field.views-field-petra-selected-forms{
        padding-left: 25px !important;
        padding-right: 156px !important;
        
    }

    body.movil td.views-field.views-field-field-p0-val-date,
    body.movil td.views-field.views-field-field-p0-desc-1,
    body.movil td.views-field.views-field-field-p0-dep-1,
    body.movil td.views-field.views-field-petra-actions{
        padding-left: 56px !important;
    } */
/* 
    body.movil td.views-field.views-field-petra-selected-forms{
        text-align: right;
        width: 65%;
        
    }
    body.movil td.views-field.views-field-field-p0-val-user-emisor{
        text-align: right;
        width: 83%;
    }

    body.movil td.views-field.views-field-field-area{
        text-align: right;
        width: 437px;
    } */
    
    body.movil span[data-term-name="Finalizado"],
    body.movil span[data-term-name="Caducado"]{
        padding: 0.4em .6em .3em;
    }

    body.movil span[data-term-name="Firmado"] {
        color: blue;
        width: 67px;
    }
    body.movil span[data-term-name="Pendiente de finalizar"] {
        padding: 0.4em 0.1em .3em;
        margin-top: 1px;
        width: 56px !important;
    }
    body.movil span[data-term-name="Pendiente de firmar"] {
        color: white;
        background: blue;
        width: 58px;
        font-size: 69%;
        white-space: normal;
    }
    body.movil span[data-term-name="Borrador"]{
        margin-top: 4px;
    }

    body.movil span[data-term-name="Firmado"] {
        margin-top: 3px;
        width: 56px !important;
    }

    body.movil span[data-term-name="Finalizando"] {
        font-size: 61%;
        width: 57px !important;
        padding-top: 6px;
    }
    body.movil span[data-term-name="Finalizado"]{
        width: 57px !important;
        padding-top: 6px;
        font-size: 69%;
    }

    body.movil td.views-field.views-field-field-petra-status strong{
        margin-right: 11px !important;
        margin-top: 1px !important;
    }

    body.movil td.views-field-petra-actions{
        text-align: right;
    }

    body.movil span[data-term-name="Caducado"]{
        width: 57px;
        padding-top: 6px;
    }

    body.movil span[data-term-name="Rechazado"]{
        width: 55px;
        padding-top: 6px;
    }

    body.movil .table > thead > tr > th{
        background-color: #ffffff !important;
    }

    body.movil #edit-between-date-filter-wrapper .description{
        display: none !important;
    }

    /* body.movil #edit-between-date-filter-value-datepicker-popup-0{
        margin-left: 30px;
    } */
    
    /* formulario A tablet */
    /* checks */
    body.movil #pa-gr-pa-ceil>div {
        width: 100%;
    }

    body.movil .img-final-contanier{
        height: 200px;
    }

    body.movil .field-name-field-pa-introtxt p,
    body.movil .field-name-field-pb-introtxt p,
    body.movil .field-name-field-pc-introtxt p,
    body.movil .field-name-field-pd-introtxt p,
    body.movil .field-name-field-pe-introtxt p,
    body.movil .field-name-field-pf-introtxt p,
    body.movil .field-name-field-pg-introtxt p,
    body.movil .field-name-field-ph-introtxt p,
    body.movil .field-name-field-pi-introtxt p,
    body.movil .field-name-field-pj-introtxt p {
        font-weight: bold;
    }

    body.movil #field-pa-introtxt-add-more-wrapper p {
        text-align: left;
    }

    body.movil #edit-field-pa-rec-prev-signature,
    body.movil #edit-field-pb-rec-prev-signature,
    body.movil #edit-field-pc-rec-prev-signature,
    body.movil #edit-field-pd-rec-prev-signature,
    body.movil #edit-field-pe-rec-prev-signature,
    body.movil #edit-field-pf-rec-prev-signature,
    body.movil #edit-field-pj-rec-prev-signature {
        margin: 0;
        margin-bottom: 0px;
        width: 100%;
        text-align: center;
    }

    body.movil #edit-field-pa-use-fix-scaf2-ok,
    body.movil #edit-field-pa-use-mob-scaf2-ok,
    body.movil #edit-field-pa-use-mob-plat2-ok,
    body.movil #edit-field-pa-use-mob-scaf2-ok,
    body.movil #edit-field-pa-use-mob-plat4-ok,
    body.movil #edit-field-pa-use-lad2,
    body.movil #edit-field-pa-use-lad3-ok,
    body.movil #edit-field-pa-use-lad4,
    body.movil #edit-field-pa-use-lad5-ok,
    body.movil #edit-field-pa-use-epi2-ok,
    body.movil #edit-field-pa-use-epi3-ok,
    body.movil edit-field-pa-use-epi4 {
        width: 100% !important;
    }

    /* formulario B tablet */

    body.movil #edit-field-pb-mat-time-t {
        width: 16% !important;
    }

    body.movil .field-pb-equip-txt-add-more-wrapper {
        margin-top: 15px;
    }

    body.movil #field-pb-mat-time-t-add-more-wrapper .form-item-field-pb-mat-time-t-und-0-value {
        margin-left: 41px;
    }

    body.movil #edit-field-pb-mat-time-t-und-0-value {
        width: 50px;
    }

    body.movil #edit-field-pb-equip-blanket,
    body.movil #edit-field-pb-equip-water,
    body.movil #edit-field-pb-equip-persona-bol-v1 {
        width: 100%;
    }

    body.movil .field-name-field-pa-use-fix-scaf,
    body.movil .field-name-field-pa-use-mob-scaf,
    body.movil .field-name-field-pa-use-mob-plat,
    body.movil .field-name-field-pa-use-lad,
    body.movil .field-name-field-pa-use-epi,
    body.movil .field-name-field-pa-ceil-fra,
    body.movil .field-name-field-pa-use-fix-scaf-ok,
    body.movil .field-name-field-pa-use-mob-scaf-ok,
    body.movil .field-name-field-pa-use-mob-plat-ok,
    body.movil .field-name-field-pa-use-lad-ok,
    body.movil .field-name-field-pa-use-epi-ok,
    body.movil .field-name-field-pa-ceil-fra-ok {
        width: 100% !important;
    }

    body.movil #edit-field-pb-equip-insept-und {
        float: left;
    }

    body.movil .form-type-checkbox {
        margin-left: 0px !important;
    }

    body.movil #field-pb-introtxt-add-more-wrapper p {
        text-align: left;
    }

    /* formulario C */
    body.movil #field-pc-introtxt-add-more-wrapper p {
        text-align: left;
    }

    /* formulario d */
    body.movil #field-pd-introtxt-add-more-wrapper p {
        text-align: left;
    }

    /* formulario e */

    /* body.movil #edit-field-pe-ener-ch2 {
        margin-top: -1px;
    }

    body.movil #edit-field-pe-ener-ch7 {
        height: 47px !important;
    }

    body.movil #edit-field-pe-ener-ch6 {
        height: 90px !important;
    }

    body.movil #edit-field-pe-ener-ch6-und {
        margin-top: 43px !important;
    } */

    /* body.movil #edit-field-pe-ener-ch-und,
    body.movil #edit-field-pe-ener-ch2-und,
    body.movil #edit-field-pe-ener-ch3-und,
    body.movil #edit-field-pe-ener-ch4-und,
    body.movil #edit-field-pe-ener-ch5-und,
    body.movil #edit-field-pe-ener-ch6-und,
    body.movil #edit-field-pe-ener-ch7,
    body.movil #edit-field-pe-ener-ch8-und {
        margin-top: 23px !important;
    } */

    body.movil #pe-gr-ele {
        display: flex;
        flex-direction: column;
    }

    body.movil #pe-gr-ele-cond {
        width: 100%;
    }

    body.movil #pe-gr-ele-1,
    body.movil #pe-gr-ele-2 {
        width: 100%;
    }

    body.movil #edit-field-pe-util5-und,
    body.movil #edit-field-pe-util-und,
    body.movil #edit-field-pe-util2-und,
    body.movil #edit-field-pe-util3-und,
    body.movil #edit-field-pe-uti5-und,
    body.movil #edit-field-pe-util6-und,
    body.movil #edit-field-pe-util7-und,
    body.movil #edit-field-pe-util8-und {
        margin-top: 24.4px !important;
    }

    /* body.movil #edit-field-pe-util9-und {
        margin-top: 42.4px;
    } */

    body.movil #field-pe-introtxt-add-more-wrapper p,
    body.movil #field-pf-introtxt-add-more-wrapper p {
        text-align: left;
    }

    /* formulario f */
    /*body.movil #edit-field-pf-gas-max-t {
        margin-left: 3%;
    }*/


    body.movil #edit-field-pe-util {
        height: 71.5px;
    }

    body.movil .date-combo {
        padding: 0px !important;
    }

    body.movil #pf-gr-atm,
    body.movil #pf-gr-gas,
    body.movil #pf-gr-gas2,
    body.movil #pf-gr-lie {
        display: flex;
        flex-direction: column;
    }

    body.movil #edit-field-pf-atm-monitor-und-0-value,
    body.movil #edit-field-pf-gas-monitor-und-0-value,
    body.movil #edit-field-pf-gas2-monitor-und-0-value,
    body.movil #edit-field-pf-lie-monitor-und-0-value {
        margin-top: 10px !important;
    }

    body.movil #edit-field-pf-atm-date,
    body.movil #edit-field-pf-gas-date,
    body.movil #edit-field-pf-gas2-date,
    body.movil #edit-field-pf-gas2-date2,
    body.movil #field-pf-lie-date2-add-more-wrapper,
    body.movil #field-pf-lie-date-add-more-wrapper {
        margin-top: 10px;
    }

    /* forumalario g */
    body.movil .field-type-datetime .form-type-textfield {
        padding: 10px;
    }

    body.movil #field-pj-introtxt-add-more-wrapper p {
        text-align: left;
    }

    /* firma */
    body.movil button[disabled],
    body.movil html input[disabled] {
        border: 1px solid #d4d4d4;
        height: 31px;
    }

    body.movil #edit-field-p0-scanned-petra-und-0-upload {
        border: none !important;
    }

    body.movil .empty-signature-group>.emtpy-signature {
        border: solid gray 2px;
        width: 188.4px;
        height: 130.25px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-size: 10px;
        top: 23px;
    }

    body.movil .empty-signature-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    body.movil .firma-extern.firma-canvas,
    body.movil .firma-extern .firma-canvas {
        border: 2px solid orange;
        width: 188.4px !important;
        height: 131.25px !important;
        transform: scale(1.4);
        margin-top: 33px;
        margin-bottom: 20px;
    }

    body.movil .empty-signature-group img {
        width: 100%;
        max-width: 188.4px;
        margin-top: 23px;
        height: 130px;
        transform: scale(1.4);
    }

    body.movil .navbar-nav.navbar-right {
        font-size: 10px;
        position: absolute;
        margin-left: 32%;
    }

    body.movil .emtpy-signature.pending-signature .form-type-textfield {
        width: 188.4px !important;
    }

    body.movil #edit-field-p0-dev-workstat-und .option,
    body.movil #edit-field-p0-dev-equipstat .option {
        padding: 5px;
    }

    body.movil #edit-field-p0-dev-equipstat {
        width: 310px;
    }

    body.movil #uniform-edit-field-p0-dev-equipstat-und-1 span {
        margin-left: 9.5px;
    }

    body.movil #uniform-edit-field-p0-dev-workstat-und-0 span {
        margin-left: 87.5px;
    }

    body.movil #edit-field-p0-scanned-petra-und-0-upload-button {
        width: 124.6px;
        margin-top: 0px;
    }

    body.movil .image-preview img {
        scale: 1.7;
        margin-bottom: 10%;
    }

    body.movil .form-item.form-type-select.form-item-field-p0-dev-sign-emisor-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-dev-sign-resparea-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-val-sign-emisor-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-val-sign-resparea-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-val-sign-coord-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-val-sign-recurso-und.form-disabled,
    body.movil .form-item.form-type-select.form-item-field-p0-val-sign-recept-und.form-disabled {
        display: none;
    }

    body.movil .empty-signature-group {
        text-align: center;
        width: 100%;
    }

    body.movil .emtpy-signature,
    body.movil .signed-signature {
        display: grid;
        justify-content: center;
    }

    body.movil #edit-field-p0-worker-signature {
        width: 100%;
        margin: 0px;
    }

    body.movil .empty-signature-worker {
        /* width: 50%; */
        margin: 0 auto;
        margin-bottom: 10px !important;
    }

    body.movil #field-p0-worker-signature-add-more-wrapper {
        text-align: center;
    }

    body.movil .empty-signature-group {
        /*display: grid;*/
        justify-content: center;
    }

    body.movil .option {
        float: left;
    }

    body.movil .emtpy-signature.pending-signature .form-type-textfield {
        margin-top: 35px;
    }

    body.movil .firma-actions {
        margin-bottom: 7px;
    }

    body.movil .empty-signature-group img {
        margin-bottom: 25px;
    }

    body.movil .emtpy-signature.pending-signature .form-type-textfield {
        width: 263.67px !important;
    }

    body.movil .empty-signature-group>.emtpy-signature {
        transform: scale(1.4);
        margin-bottom: 45px;
    }

    body.movil .empty-signature-label {
        float: none !important;
    }

    body.movil .emtpy-signature .firma-actions {
        margin-bottom: 27px;
    }

    body.movil #field-p0-val-coord-txt-add-more-wrapper,
    body.movil #field-p0-val-recurso-txt-add-more-wrapper,
    body.movil #field-p0-val-recurso-txt-add-more-wrapper {
        padding-top: 20px !important;
    }

    body.movil .emtpy-signature.pending-signature-other {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* body.movil .modal-body .center p {
        transform: scale(1.6);
    }

    body.movil .modal-body p {
        transform: scale(1.6);
    } */

    /*Inicio de sesion*/
    body.movil #loginModal .modal-sm {
        width: 90% !important;
    }

    body.movil #loginModal .modal-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-radius: 10px;
    }

    /*contenedor nombre*/
    body.movil #loginModal #edit-name,
    body.movil #loginModal #edit-pass {
        height: 48px !important;
        width: 92% !important;
        border-radius: 10px;
        font-size: 18px;
        border: 1px solid #b5afaf;
        padding: 20px;
    }

    body.movil #loginModal .form-item.form-type-textfield.form-item-name,
    body.movil #loginModal .form-item.form-type-password.form-item-pass {
        display: flex;
        justify-content: center;
    }

    /*botones*/
    body.movil #loginModal #edit-actions {
        width: 92%;
        height: 55px;
        display: flex;
        margin: 0 auto;
        font-size: 15px;
        margin-top: 25%;
        padding-bottom: 18%;
    }

    body.movil #loginModal #edit-submit,
    body.movil #loginModal .new-pwd.btn.btn-block.btn-danger {
        height: 50px !important;
        min-height: 50px;
        display: flex;
        align-items: center;
        margin-top: 2px;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
        border-radius: 10px !important;
    }

    body.movil #loginModal #edit-submit {
        margin-right: 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body.movil #loginModal .modal-content {
        text-align: center;
    }

    body.movil #loginModal .modal-header {
        font-size: 30px;
    }

    body.movil #loginModal .modal-header .close {
        transform: scale(2);
        float: none;
    }

    body.movil #loginModal .form-item.form-type-textfield.form-item-name {
        margin-bottom: 25px;
        margin-top: 8%;
    }

    body.movil #loginModal .front-menu ul {
        font-size: 41px;
    }
    body.movil .page-content{
        box-shadow: none !important;
    }
    body.movil #block-system-main {
        background-color: #f1f4f9;
    }
    /*Emisor del permiso*/
    /* body.movil #edit_field_p0_notified_users_data_chosen .search-choice-close{
        margin-right: -324px !important;
        margin-top: 8px !important;
    } */

    body.movil #petra-node-form .search-choice-close {
        transform: scale(1.7);
        top: 19px !important;
        /* margin-right: 10px;
        margin-top: 12px; */
    }
    
    body.movil .chosen-container-single .chosen-single div b{
        transform: scale(2);
        margin-top: 24px;
    }

    /*Boton rellenar a mano*/
    body.movil .form-item.form-type-checkbox.form-item-acabar-a-mano.subelements-uniformed {
        display: none;
    }


    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.autologout-dialog.ui-dialog-buttons.ui-draggable.ui-resizable {
        background-color: #fff !important; /* Color de fondo blanco */
        border: 1px solid #ddd !important; /* Borde gris claro */
        color: #333 !important; /* Color del texto */
        padding: 20px !important; /* Padding interno */
        border-radius: 10px !important; /* Bordes redondeados */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Sombra */
        font-family: Arial, sans-serif !important; /* Fuente */
        max-width: 400px !important; /* Ancho máximo de la tarjeta */
        margin: auto !important; /* Centrando horizontalmente */
        position: fixed !important; /* Posición fija para centrar verticalmente */
        top: 50% !important; /* Centrado verticalmente */
        left: 50% !important; /* Centrado horizontalmente */
        transform: translate(-50%, -50%) !important; /* Ajuste para centrar */
        text-align: center !important; /* Texto centrado */
        z-index: 1000 !important; /* Asegura que esté encima de otros elementos */
    }


    .edit-telefono-from{
        display: flex;
        flex-direction: column;
    }

    .label-edit-user{
        text-align: left;
    }

    .edit-telefono-from-2{
        display: flex;
        flex-direction: column;
    }

    #editar-telefono{
        display: flex;
        flex-direction: column;
        
    }

    body.movil #edit-telefono-form{
        display: flex;
        flex-direction: column;
        max-width: 230px;
        margin-top: 15%;

    }

    body.movil #edit-telefono-form-external{
        display: flex;
        flex-direction: column;
        max-width: 230px;
        margin-top: -4%;
    
    }
    

    /* Header y menu  */
    /* body.movil ul.nav.navbar-nav.navbar-right {
        display: none;
    } */

    body.movil ul.nav.navbar-nav.navbar-right li:not(:first-child) {
        display: none !important;
    }
      

    body.movil .test_message{
        display: none;
    }

    /* Filtros */
    body.movil .view-filters-content {
        overflow: hidden;
        transition: max-height 0.4s ease;
        max-height: 0;
      }
      
    body.movil .view-filters.expanded .view-filters-content {
        max-height: 2000px; /* ajusta si tu contenido es muy largo */
    }
    
    body.movil .view-filters-toggle {
        background: #007b5e;
        color: white;
        padding: 10px;
        font-size: 16px;
        cursor: pointer;
        margin-bottom: 10px;
        border-radius: 6px;
        text-align: center;
        user-select: none;
    }

    body.movil .views-exposed-widgets.clearfix{
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.movil div#edit-field-petra-status-target-id-wrapper {
        width: 84% !important;
    }

    body.movil div#edit-field-p0-contact-center-target-id-wrapper {
        width: 84% !important;
    }
    
    body.movil #edit-field-petra-status-target-id {
        width: 100%;
    }
    
    body.movil #edit-selected-forms {
        width: 93%;
    }

    body.movil #edit-field-p0-contact-center-target-id {
        width: 100%;
    }

    body.movil #edit-field-area-target-id {
        width: 93% !important;
    }
    
    /* body.movil #edit-selected-forms-wrapper {
        padding-left: 20px !important;
    } */

    body.movil div#edit-field-area-target-id-wrapper {
        width: 84% !important;
    }

    body.movil div#edit-selected-forms-wrapper {
        width: 84% !important;
    }
    
    /* body.movil #edit-field-area-target-id-wrapper {
        padding-left: 20px !important;
    } */

    body.movil #date_views_exposed_filter-77ce0c17dddbb060e3965c03a7c20f03-wrapper{
        padding-left: 20px !important;
    }
      
    body.ipad .form-wrapper {
        clear: both;
        padding: 16.4px 0 7px 0;
    }
      

    /* Login */
    body.movil .page-user .region-content #user-login {
        width: 100%;
        margin: 0 auto;
        transform: scale(1.2);
    }

    body.movil #main-wrapper{
        padding-bottom: 17% !important;
    }

    body.page-email-2-auth #main-wrapper{
        padding-bottom: 100% !important;
    }

    body.not-logged-in #main-wrapper{
        padding-bottom: 1000% !important;
    }

    body.page-document-create #main-wrapper{
        padding-bottom: 3% !important;
    }

    /* Doble factor */
    body.movil label[for="edit-access-code"] {
        font-size: 26px;
    }

    body.movil #edit-access-code{
        transform: scale(1.5);
        width: 50%;
        border-radius: 7px;
    }

    body.movil .form-item-access-code{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    body.movil .form-item-access-code .description{
        display: none;
    }

    body.movil form#email-2-auth-form #edit-submit {
        width: 74%;
        height: 41px;
        font-size: 15px;
        display: block;
        margin-top: 13%;
    }

    /* Cards */

    /* body.movil #main-wrapper {
        padding-bottom: 0%;
    } */

    body.movil tr.odd, tr.even {
        position: relative;
    }
      
    body.movil tr.odd td.views-field-petra-close,
    body.movil tr.even td.views-field-petra-close {
        position: absolute;
        top: 5px;
        right: 36px; /* ajusta la posición horizontal */
        z-index: 10;
    }

    body.movil td.views-field.views-field-field-p0-val-user-emisor.active {
        display: none;
    }

    /* Titulos de la tabla y selector para ordenar */

    body.movil th:not(.views-field-petra-close):not(.views-field-selector-mobile) {
        display: none;
    }
    

    body.movil .views-field-field-area{
        display: none;
    }

    body.movil .views-field-selector-mobile {
        display: table-cell;
        padding: 8px;
        text-align: center;
        background-color: #f8f8f8;
    }
    
    body.movil .views-field-selector-mobile select {
        width: 100%; 
        padding: 6px 12px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        max-width: 100%;
    }
    
    body.movil .views-field-selector-mobile select:focus {
        outline: none;
        border-color: #5b9bd5;
        box-shadow: 0 0 5px rgba(91, 155, 213, 0.5);
    }

    body.movil .views-table th {
        display: flex;
        gap: 23%; /* Ajusta este valor según lo que necesites */
        align-items: center;
    }

    /* formularios */

    /* 0 */
    body.movil #edit-field-p0-notified-users-data{
        /* display: block !important; */
        width: 100%;
    }

    body.movil div#edit-field-p0-desc{
        padding-bottom: 3%;
    }

    body.movil #edit-field-area {
        margin-left: 0px !important;
    }

    body.movil #edit-field-p0-user-contact {
        height: 45px !important;
    }

    body.movil div#edit-field-p0-plan-emer{
        margin-top: 7% !important;
    }

    body.movil .field-type-list-text{
        padding: 12px !important;
    }

    body.movil .form-item.form-type-checkbox.form-item-field-p0-walkies-und{
        margin-top: 6% !important;
    }

    body.movil .fieldset-wrapper{
        padding-top: 5%;
        padding-bottom: 5%;
    }

    /* body.movil select#edit-field-p0-val-user-emisor-chosen{
        display: block !important;
    } */

    /* body.movil select#edit-field-p0-val-user-resparea-chosen{
        display: block !important;
    } */

    body.movil div#edit-field-p0-emergency-phone {
        width: 60% !important;
    }
    
    body.movil .start-date-wrapper {
        margin-right: 0px !important;
    }

    body.movil .form-item.form-type-checkbox.form-item-field-p0-notify-themes-und-1{
        width: 108% !important;
    }

    body.movil .form-item.form-type-checkbox.form-item-field-p0-notify-themes-und-2{
        width: 156% !important;
    }

    /* B */

    body.movil #edit-field-pb-mat-time-t-und-0-value {
        margin-left: -48px !important;
        margin-top: 39px !important;
        width: 70px !important; 
    }

    body.movil div#edit-field-pb-equip-blanket {
        padding: 20px !important;
    }

    body.movil div#edit-field-pb-equip-water{
        padding: 20px !important;
    }

    body.movil input#edit-field-pb-equip-val-user-persona-und-0-value {
        height: 30.5px !important;
    }

    body.movil input#edit-field-pc-equip-rope2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pc-equip-other2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pe-ele-2-txt-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pf-atm-monit2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pf-gas-monit2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pf-gas2-monit2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pf-lie-monit2-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pb-more-nofire3-und-0-value{
        height: 30.5px !important;
    }

    body.movil input#edit-field-pb-more-nofire2-und-0-value{
        height: 30.5px !important;
    }

    body.movil .form-item.form-type-checkbox.form-item-field-pb-equip-insept-und--1{
        display: flex !important; 
        flex-direction: row-reverse !important;
    }

    body.movil input#edit-field-pb-more-nofire2-und-0-value{
        margin-top: 21px !important;
    }
    
    /* C */
    body.movil input#edit-field-pc-temp-intern-t-und-0-value{
        width: 100%;
        height: 20%;
    }

    /* E */

    body.movil input#edit-field-pe-ele-maxv-t-und-0-value{
        width: 100%;
        height: 23px;
    }

    /* Estilo general (pantallas grandes: escritorio, tablets, etc.) */
    body.movil div#edit-field-pe-ener-ch-und {
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 27px; */
    }

    /* Estilo para móviles (hasta 430px de ancho, iPhones y similares) */
    @media (max-width: 430px) {
        /* body.movil div#edit-field-pe-ener-ch-und {
            margin-top: 53px;
        } */
    }


    body.movil div#edit-field-pe-ener-ch2-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */
    }

    body.movil div#edit-field-pe-ener-ch3-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 123px !important; */
    }

    body.movil div#edit-field-pe-ener-ch4-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 124px !important; */

    }

    body.movil div#edit-field-pe-ener-ch5-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil div#edit-field-pe-ener-ch7-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 119px !important; */

    }

    body.movil div#edit-field-pe-util2-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil div#edit-field-pe-util3-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 50px !important; */

    }

    body.movil div#edit-field-pe-util5-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 50px !important; */

    }

    body.movil div#edit-field-pe-util6-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil div#edit-field-pe-ener-ch6-und{
        display: flex;
        width: 81%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }
    body.movil div#edit-field-pe-util7-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil div#edit-field-pe-util8-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil div#edit-field-pe-util9-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 97px !important; */

    }

    body.movil div#edit-field-pe-util-und{
        display: flex;
        width: 56%;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /* margin-top: 90px !important; */

    }

    body.movil #pe-gr-ener>div,
    body.movil #pe-gr-util>div {
        height: 81px;
    }
    body.movil .field-name-field-pe-ener-ch .form-type-checkbox:before{
        font-size: 9px !important;
    }

    body.movil div#edit-field-pe-ener-ch7{
        height: 81px !important;
    }

    body.movil div#edit-field-pe-ener-ch4{
        height: 80px !important;
    }

    /* Segunda parte  */

    body.movil #edit-field-pe-util3 {
        height: 103px !important;
    }

    body.movil #edit-field-pe-util5 {
        height: 104px !important;
    }

    body.movil div#edit-field-pe-util8{
        height: 102px !important;

    }

    body.movil div#edit-field-pe-ener-ch3{
        height: 81px !important;
    }

    /* body.movil #edit-field-pe-util9 {
        height: 150px !important;
    } */

    body.movil .field-name-field-pe-util .form-type-checkbox:before{
        font-size: 9px !important;
    }

    /* body.movil #pe-gr-ener>h3{
        height: 20% !important;
    } */

   /* Estilo general (para pantallas grandes, por ejemplo desktop o tablets) */
    body.movil div#edit-field-pe-ener-ch {
        height: 79px !important;
    }

    /* Estilo para móviles tipo iPhone normales y Pro */
    @media (max-width: 400px) {
    body.movil div#edit-field-pe-ener-ch {
        height: 62px !important;
    }
    }


    body.movil div#edit-field-pe-ener-ch2{
        height: 81px !important;
    }

    body.movil textarea#edit-field-pe-ele-mot-und-0-value{
        width: 295px !important;
    }

    /* F */

    body.movil .form-item.form-type-textfield.form-item-field-pf-atm-date2-und-0-value-date{
        padding-top: 13px !important;
    }

    body.movil .form-item.form-type-textfield.form-item-field-pf-gas-date2-und-0-value-date{
        padding-top: 13px !important;
    }

    body.movil .form-item.form-type-textfield.form-item-field-pf-gas2-date-und-0-value-date{
        padding-top: 13px !important;
    }

    body.movil .form-item.form-type-textfield.form-item-field-pf-gas2-date2-und-0-value-date{
        padding-top: 13px !important;
    }

    body.movil .form-item.form-type-textfield.form-item-field-pf-lie-date-und-0-value-date{
        padding-top: 13px !important;
    }

    body.movil .form-item.form-type-textfield.form-item-field-pf-lie-date2-und-0-value-date{
        padding-top: 13px !important;

    }

    body.movil input#edit-field-pf-gas-max-t-und-0-value{
        height: 28px !important;
        width: 44% !important;
    }

    body.movil input#edit-field-pf-gas2-max-t-und-0-value{
        height: 28px !important;
        width: 44% !important;
    }
    
    /* 0 creado */
    body.movil .petra-id {
        position: static;
    }

    body.movil .page-node-edit #p0-gr-dev.hidden{
        display: none !important;
    }

    body.movil .fieldset-wrapper {
        display: block !important;
    }

    body.movil input#edit-field-p0-scanned-petra-und-0-upload{
        padding-bottom: 20px !important;
        width: 100%;
    }

    body.movil .form-type-date-popup input {
        width: 100% !important;
    }

    body.movil .field-type-datetime .form-type-textfield {
        float: none !important;
    }

    body.movil .field-name-field-pj-eval-risks-table>*>table{
        padding: 0px !important;
    }

    body.movil div#pj-gr-eval-risks{
        font-size: 13px !important;
    }

    body.movil .panel-selected-forms.small .small-box {
        display: flex;
        padding-left: 8px;
    }

    body.movil .panel-selected-forms.small {
        right: -293px !important;
    }

    body.movil pre{
        display: none !important;
    }

    body.movil .search-button{
        display: none !important;
    }

    body.movil .page-document .panel-selected-forms{
        display: block !important;
    }

    body.movil .field-name-field-p0-picture-src label {
        padding-bottom: 15% !important;
    }

    body.movil .qr-code {
        position: static !important;
    }

    body.movil .field-name-field-pj-eval-risks-table>*>table,
    body.movil .field-name-field-pj-eval-risks-table>*>table>tbody>tr>td {
        border: black solid 1px;
        padding: 0px !important;
        font-size: 13px !important;
    }

    body.movil.page-document .panel.panel-white.panel-selected-forms.small{
        display: block !important;
    }

    body.movil.page-document .panel.panel-white.panel-selected-forms{
        display: block !important;
    }

    /* E */

    /* body.movil .clearfix .field-type-list-text {
        width: 42% !important;
    } */

    body.movil div#edit-field-pe-ener-bol {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol2 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol3 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol4 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol5 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol7 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol6 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-ener-bol8 {
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol2{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol3{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol5{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol7{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol8{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol9{
        width: 82% !important;
    }

    body.movil div#edit-field-pe-util-bol10{
        width: 82% !important;
    }




    body.movil #pe-gr-ener > div,
    body.movil #pe-gr-util > div {
        height: 42px !important;
        margin-top: 38px;
        margin-left: -32px;
        border: none !important;
        background-color: transparent !important;
    }

    body.movil div#edit-field-pe-ener-ch6{
        height: 50px !important;
    }
    
    /* segunda parte e */

    body.movil div#pe-gr-util-bol{
        width: 40% !important;
    }

    body.movil #pe-gr-util-wrap #pe-gr-util{
        width: 60% !important;
    }

    body.movil #pe-gr-util-wrap #pe-gr-ener > div,
    body.movil #pe-gr-util-wrap #pe-gr-util > div {
        margin-left: -53px;
        border: none !important;
        background-color: transparent !important;
        height: 43px !important;
    }

    body.movil div#edit-field-pe-util{
        margin-bottom: 0px !important;
        margin-top: 9px !important;
    }

    body.movil div#edit-field-pe-util2-und{
        margin-bottom: 62px !important;
    }

    body.movil div#edit-field-pe-util9 {
        margin-top: 123px !important;
    }

    body.movil div#edit-field-pe-ener-ch6 {
        margin-top: 134px !important;
    }

    body.movil div#edit-field-pe-util7{
        margin-top: 14px !important;
    }

    @media (min-width: 411px) {
        body.movil #edit-field-pe-util3-und {
          margin-top: -25px !important;
        }

        body.movil div#edit-field-pe-util5{
            margin-top: 6px !important;
        }
      }
      
    @media (max-width: 410px) {
        body.movil #edit-field-pe-util3-und {
            margin-top: -3px !important;
        }
        body.movil div#edit-field-pe-util5{
            margin-top: 32px !important;
        }
    }

    body.movil #pe-gr-ener-wrap, body.movil #pe-gr-util-wrap {
        border: 1px solid #dee2e8;
        margin: 15px 0;
        padding: 0px !important;
    }

    body.movil div#edit-field-pe-util8{
        margin-top: 60px !important;
    }

    body.movil #pe-gr-util-bol{
        width: 16% !important;
    }

    body.movil #pe-gr-util h3{
        margin-left: 18% !important;
    }

    body.movil #pe-gr-util-bol > div,
    body.movil #pe-gr-ener-bol > div {
        background-color: transparent !important; 
        border: none !important;
    }

    body.movil input#edit-field-pe-iso-num-und-0-value,
    body.movil input#edit-field-pe-ele-1-txt-und-0-value,
    body.movil input#edit-field-pe-br-und-0-value,
    body.movil input#edit-field-pe-br7-und-0-value,
    body.movil input#edit-field-pf-cont-und-0-value,
    body.movil input#edit-field-pf-atm-monitor-und-0-value,
    body.movil input#edit-field-pf-gas-monitor-und-0-value,
    body.movil input#edit-field-pf-gas-und-0-value,
    body.movil input#edit-field-pf-gas2-und-0-value,
    body.movil input#edit-field-pf-gas2-monitor-und-0-value,
    body.movil input#edit-field-pf-lie-monitor-und-0-value,
    body.movil input#edit-field-pf-lie-med2-und-0-value,
    body.movil input#edit-field-pf-epi-epi-und-0-value,
    body.movil input#edit-field-pf-epi-mask-und-0-value,
    body.movil input#edit-field-pf-epi-model-und-0-value,
    body.movil input#edit-field-pg-name-emp-und-0-value,
    body.movil input#edit-field-pg-name-recept-und-0-value,
    body.movil input#edit-field-pg-name-diff-und-0-value,
    body.movil input#edit-field-pg-name-respon-und-0-value,
    body.movil input#edit-field-ph-poll-und-0-value,
    body.movil input#edit-field-pj-name-und-0-value,
    body.movil input#edit-field-pj-specs-und-0-value{
        height: 33px !important;
    }

    /* E */

    body.movil #pe-gr-ener .form-item.form-type-checkbox, body.movil #pe-gr-util .form-item.form-type-checkbox{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    body.movil #pe-gr-ener .form-type-checkbox>label, body.movil #pe-gr-util .form-type-checkbox>label{
        display: block;
        font-size: 9px !important;
        padding-top: 8px;
    }

    body.movil #pe-gr-ener ::before, body.movil #pe-gr-util ::before{
        display: none !important;
    }

    /* H */

    body.movil input#edit-field-ph-inc-txt-und-0-value{
        height: 20px !important;
    }

    /* F */

    body.movil .form-item.form-type-textfield.form-item-field-pf-atm-date2-und-0-value-date,
    body.movil .form-item.form-type-textfield.form-item-field-pf-gas-date2-und-0-value-date,
    body.movil .form-item.form-type-textfield.form-item-field-pf-gas2-date-und-0-value-date,
    body.movil .form-item.form-type-textfield.form-item-field-pf-gas2-date2-und-0-value-date,
    body.movil .form-item.form-type-textfield.form-item-field-pf-lie-date-und-0-value-date,
    body.movil .form-item.form-type-textfield.form-item-field-pf-lie-date2-und-0-value-date{
        width: 203px !important;
    }

    /* PERFIL DE USUARIO */

    body.movil input#edit-current-pass,
    body.movil input#edit-current-pass,
    body.movil input#edit-pass-pass1,
    body.movil input#edit-pass-pass2,
    body.movil input#edit-mail {
        width: 80% !important;
    }

    body.movil.page-user-edit .text-full,
    body.movil.page-user-edit textarea {
        height: 30px !important;
    }

    body.movil div#field-user-timeout-add-more-wrapper{
        padding-top: 20px;
        padding-bottom: 23px;
    }
    
    body.movil #user-profile-form .field-type-text, 
    body.movil #user-profile-form .field-type-entityreference, 
    body.movil #user-register-form .field-type-text, 
    body.movil #user-register-form .field-type-entityreference{
        width: 100% !important;
        
    }

    body.movil div#edit-field-user-center {
        padding-top: 14px;
    }

    body.movil #user-profile-form{
        margin-left: 0px !important;
    }

    /* Permiso finalizado */

    body.movil #p0-gr-dev-workstat, body.movil #p0-gr-dev-equipstat {
        width: 100% !important;
        float: left;
    }

    /* Procedimiento */

    body.movil .panel-info .panel-heading {
        padding-bottom: 20% !important;
    }

    body.movil.page-about .table {
        font-size: 12px !important;
    }

    /* Contendor de permisos */

    body.movil .checklist{
        border-radius: 10px !important;
    }

    body.movil .menu-mobile{
        display: block !important;
    }

    /* Preguntas frecuentes */

    body.movil .notifications-Ipad img{
        height: 200% !important;
        width: 100% !important;
    }

    body.movil .notifications-iPhone img{
        height: 100% !important;
        width: 90% !important;
    }

    body.movil.pace-done .panel-body img:not(.notifications-Ipad img):not(.notifications-iPhone img) {
        width: 100% !important;
        height: 185px !important;
    }
    
    body.movil img#chorme-notification-1,
    body.movil img#chorme-notification-3,
    body.movil img#edge-notification-1 {
        height: 100px !important;
    }

    /**
    * Checklists
    */

    body.movil #p0 {
        background: #FFCC99;
        scroll-margin-top: 70px;
    }

    body.movil #pa {
        background: #0066CC;
        scroll-margin-top: 70px;
    }

    body.movil #pb {
        background: #FF0000;
        scroll-margin-top: 70px;
    }

    body.movil #pc {
        background: #993300;
        scroll-margin-top: 70px;
    }

    body.movil #pd {
        background: #800000;
        scroll-margin-top: 70px;
    }

    body.movil #pe {
        background: #FFCC00;
        scroll-margin-top: 70px;
    }

    body.movil #pf {
        background: #CC99FF;
        scroll-margin-top: 70px;
    }

    body.movil #pg {
        background: #333399;
        scroll-margin-top: 70px;
    }

    body.movil #ph {
        background: #008000;
        scroll-margin-top: 70px;
    }

    body.movil #pi {
        background: #FFCC00;
        scroll-margin-top: 70px;
    }

    body.movil #pj {
        background: #3CFCBF;
        scroll-margin-top: 70px;
    }

    body.movil .panel-group .panel-heading .panel-title > a:after {
        font-family: 'FontAwesome';
        content: "\f067";
        position: absolute;
        right: 0;
        color: #777;
        height: 15px;
        top: 50%;
        margin-top: -16.5px;
        transform: scale(1.5);
    }

    body.movil .petra-chosen-processed{
        display: none !important;
    }

    body.movil ul.chosen-choices {
        font-size: 12px;
    }

    body.movil a.chosen-single{
        display: flex;
        align-items: center;
    }













    
    
      
 
      
    
      


    
    

