/* Write your custom CSS here */

/* Colors by checklists:
 * 
 * 		 			   		 General (p0) = #FFCC99
 *   		 Trabajo en Altura (pa) = #0066CC
 *  		Altas Temperaturas (pb) = #FF0000
 * 		 Espacios Confinados (pc) = #993300
 * 						Excavaciones (pd) = #800000
 * 				Riesgo Eléctrico (pe) = #FFCC00
 * Exposiciones especiales (pf) = #CC99FF
 * 	Descripción del Método (pg) = #333399
 *  		Plan de Emergencia (ph) = #008000
 * 						 Aislamiento (pi) = #FFCC00
 *
 * Sections:
 *
 * Panel selected forms
 * Checklists
 * Hide labels
 * PETRAs edit form
 * Checklist 0
 * Checklist A
 * Checklist B
 * Checklist C
 * Checklist D
 * Checklist E
 * Checklist F
 * Checklist G
 * Checklist H
 * Checklist I
 * Firmas
 * Front not logged-in
 * User profile
 * Media queries
 *
*/

body {
    font-size: 14px;
}

pre{
    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 */
}

.button.ui-dialog-titlebar-close{
    display: none !important;
}

.ui-dialog-titlebar-close{
    display: none !important;
}

.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
    display: none !important;
}



/* button.ui-dialog-titlebar-close {
    display: none !important;
} */


@media screen and (max-width: 600px) {
    /* Textos de lugar y equipo */
    body{
        font-size: 16px;
    }
    #field-p0-contact-txt-add-more-wrapper p{
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 768px) {
    .slogan {
        display: none !important; 
    }
}


.center {
    text-align: center;
}

.ofuscar {
    unicode-bidi: bidi-override;
    direction: rtl
}

.ofuscar span {
    display: none;
}

button:focus {
    outline: 0;
}

.clearfix {
    clear: both;
}


.title-table-signature{
    font-weight: bold;
    font-size: 17px;
}

.table-signature {
    width: 100%;
    border: black solid 1.8px;
    border-collapse: collapse;
    display: block;
}
  
.table-signature td, .table-signature th {
    border: 1px solid #000;
    text-align: center;
}

.table-signature td:not(:empty) {
    padding: 5px;
}

.table-signature td:empty {
    padding: 40px;
}

.table-signature td {
    border: black solid 1.8px;
    padding: 25px;
    width: 33.33%;
}

.table-signature td[colspan="3"] {
    width: 100%;
}

.ajax-progress-throbber,
.js-hide {
    display: none;
}

input[type=button][disabled] {
    background-color: gray;
}

button,
html input[type=button],
input[type=reset],
input[type=submit],
.views-field-node-correct a,
.views-field-edit-node a {
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 0;
    outline: none !important;
    background-color: #22BAA0;
    color: #fff;
    padding: 6px 12px;
    margin-bottom:15px;
}

input[type=text] {
    font-size: 13px;
    padding: 2px;
    border: 1px solid #9f9f9f;
    border-radius: 6px;
}

/* Btn-warning */
html input.node-correct {
    background-color: #f2ca4c;
}

html input.node-correct:hover {
    background-color: #e8bf40;
}

/* Btn-danger */
.views-field-node-correct a {
    background-color: #f25656;
}

.views-field-node-correct a:hover {
    background-color: #e14444;
}

.ok {
    color: #47C965;
}

.error {
    color: red;
}

.image-input-button.error {
    border: 1px solid red;
    color: #fff;
}

.chosen-container.error,
input.invalid,
input.error,
textarea.error {
    border: 1px solid red;
    color: inherit;
}

.form-type-checkboxes.invalid div.checker span,
.form-type-checkboxes.invalid div.checker.hover span {
    background: url("../images/invalid-check.png") 0 0 no-repeat;
}

.form-type-checkboxes.invalid div.checker span.checked,
.form-type-checkboxes.invalid div.checker.hover span.checked {
    background-image: url("../plugins/uniform/images/sprite.png");
    background-position: -76px -260px
}

.form-type-checkbox .invalid label {
    color: red;
}

.messages.error {
    border: 1px solid red;
    background: #fdd5d5;
    color: inherit;
}

.messages.status {
    background-color: #f8fff0;
}

.messages.warning {
    background-color: #fffce5;
    color: #840;
}

.messages ul {
    margin-top: 10px;
}

.page-title {
    padding-left: 20px;
}

.logo-box img {
    height: 45px;
}

h2.element-invisible,
.vertical-tabs {
    display: none;
}

/**
 * Panel selected forms
 */

.panel-selected-forms {
    position: fixed;
    right: -10px;
    top: 70px;
    width: 320px;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 10;
}

.page-node-clone .panel-selected-forms,
.page-document .panel-selected-forms,
.page-node-edit.node-type-petra .panel-selected-forms,
.page-node-add-petra .panel-selected-forms {
    display: block;
}

.page-document.page-document-share-request .panel-selected-forms,
.page-document.page-document-send-emails .panel-selected-forms,
.page-document.page-document-invalid .panel-selected-forms {
    display: none !important;
}

.panel-selected-forms .close {
    float: left;
    top: 8px;
    left: 14px;
    position: absolute;
    z-index: 10;
    display: block;
    width: 12px;
    height: 21px;
    cursor: pointer;
}

.panel-selected-forms.small {
    right: -280px;
}

.panel-selected-forms.small .close {
    top: 8px;
    left: 14px;
}

.panel-selected-forms.small .active-checklist {
    height: 40px;
    padding: 0;
    margin: 0;
}

.panel-selected-forms .panel-body {
    padding: 40px 0 0 0;
}

.panel-selected-forms.small .panel-body {
    padding: 40px 0 0 0;
}

.small-box {
    position: absolute;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: none;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    font-weight: bold;
}

.active-checklist-p0,
.active-checklist-p0 .small-box {
    background: #FFCC99;
}

.active-checklist-pa,
.active-checklist-pa .small-box {
    background: #0066CC;
}

.active-checklist-pb,
.active-checklist-pb .small-box {
    background: #FF0000;
}

.active-checklist-pc,
.active-checklist-pc .small-box {
    background: #993300;
}

.active-checklist-pd,
.active-checklist-pd .small-box {
    background: #800000;
}

.active-checklist-pe,
.active-checklist-pe .small-box {
    background: #FFCC00;
}

.active-checklist-pf,
.active-checklist-pf .small-box {
    background: #CC99FF;
}

.active-checklist-pg,
.active-checklist-pg .small-box {
    background: #333399;
}

.active-checklist-ph,
.active-checklist-ph .small-box {
    background: #008000;
}

.active-checklist-pi,
.active-checklist-pi .small-box {
    background: #FFCC00;
}

.active-checklist-pj,
.active-checklist-pj .small-box {
    background: #3CFCBF;
}

.active-checklist-p0:hover,
.active-checklist-p0 .small-box:hover {
    background: #ebbc8d;
}

.active-checklist-pa:hover,
.active-checklist-pa .small-box:hover {
    background: #0059b0;
}

.active-checklist-pb:hover,
.active-checklist-pb .small-box:hover {
    background: #c80000;
}

.active-checklist-pc:hover,
.active-checklist-pc .small-box:hover {
    background: #772800;
}

.active-checklist-pd:hover,
.active-checklist-pd .small-box:hover {
    background: #540000;
}

.active-checklist-pe:hover,
.active-checklist-pe .small-box:hover {
    background: #c39c00;
}

.active-checklist-pf:hover,
.active-checklist-pf .small-box:hover {
    background: #9c73c5;
}

.active-checklist-pg:hover,
.active-checklist-pg .small-box:hover {
    background: #242470;
}

.active-checklist-ph:hover,
.active-checklist-ph .small-box:hover {
    background: #005100;
}

.active-checklist-pi:hover,
.active-checklist-pi .small-box:hover {
    background: #c39c00;
}

.active-checklist-pj:hover,
.active-checklist-pj .small-box:hover {
    background: #1DA77B;
}

.active-checklist:hover {
    left: -10px;
    position: relative;
}

.panel-selected-forms.small .form-item-acabar-a-mano,
.panel-selected-forms.small .form-item-master-no-validar,
.panel-selected-forms.small .checkbox,
.panel-selected-forms.small .active-checklist-name,
.panel-selected-forms.small .btn {
    display: none;
}

.panel-selected-forms.small .small-box {
    display: block;
}

.panel-selected-forms.small .small-box:hover {
    color: white;
}

.active-checklist>* {
    float: left;
}

.active-checklist {
    padding: 10px 0;
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
}

.panel-selected-forms.small .active-checklist {
    border: none;
}

.active-checklist:last-child {
    border: none;
}

.active-checklist .checkbox {
    margin-top: 5px;
}

.active-checklist-name {
    display: block;
    margin-right: 15px;
    padding: 0 0 0 15px;
    width: 100%;
    color: white;
}

.panel-selected-forms a:hover {
    text-decoration: none;
}

.active-checklist-name a {
    color: white;
}

.active-checklist-name:hover {
    text-decoration: underline;
    color: white;
}

.panel-selected-forms .btn {
    display: block;
    width: 70%;
    margin: 10px auto;
}

/**
 * Checklists
 */

#p0 {
    background: #FFCC99;
}

#pa {
    background: #0066CC;
}

#pb {
    background: #FF0000;
}

#pc {
    background: #993300;
}

#pd {
    background: #800000;
}

#pe {
    background: #FFCC00;
}

#pf {
    background: #CC99FF;
}

#pg {
    background: #333399;
}

#ph {
    background: #008000;
}

#pi {
    background: #FFCC00;
}

#pj {
    background: #3CFCBF;
}

.checklist {
    padding: 20px;
}

.checklist>.checklist-wrapper {
    background: white;
    padding: 15px;
}


.node-form label,
.views-label-field-area-phone,
.node-petra .field-label {
    font-weight: bold;
    /*float: left;*/
    /*padding-top: 2px;*/
}

@media screen and (max-width: 600px) {
    /* Textos de lugar y equipo */
    .node-form label,
.views-label-field-area-phone,
.node-petra .field-label {
        font-size: 16px;
        
    }
}







/**
 * Hide labels
 */
.print-title,
.element-invisible,
.form-type-managed-file>label,
.page-document .page-title,
.page-node-add-petra .page-title,
.page-node-clone .page-title,
.page-node-edit.node-type-petra .page-title,
.node-form .description,
.fieldset-description,
.form-item-print-pdf-size,
.form-item-print-pdf-orientation,
.field-name-field-petra-status,
/* Hidden field */
.field-name-field-p0-is-scanned-document,
/* Hidden field */
.field-name-field-pc-temp-pre,
/* Hidden field */
.field-type-datetime .fieldset-description,
#p0-gr-dev-workstat>h3,
#p0-gr-dev-equipstat>h3,
.field-name-field-pb-mat-time label,
.field-name-field-pb-mat-time-t label,
.field-name-field-pb-mat-bol .form-type-checkboxes>label,
/* .field-name-field-pb-vent-bool .form-type-checkboxes > label, */
.field-name-field-pc-temp-intern-bol .form-type-checkboxes>label,
.field-name-field-pe-util10 .form-type-textfield>label,
.field-name-field-pg-eval-txt label,
.field-name-field-pg-eval-date-autor legend,
.field-name-field-pg-eval-date-recept legend,
.field-name-field-ph-inc-bol2 .form-type-checkboxes>label,
.field-name-field-ph-inc-more label,
.field-type-composed-field label {
    display: none;
}

/* Hide FIRMA fields */
.node-firma-form .form-item-title,
.field-name-field-firma-status,
.field-name-field-firma-user-email,
.field-name-field-firma-email-sent,
.field-name-field-firma-email-opened,
.field-name-field-firma-email-clicked,
.field-name-field-firma-timeout-min,
.field-name-field-firma-timeout-ts,
.field-name-field-firma-email-hash-extlogin,
.field-name-field-firma-email-hash-validator,
.field-name-field-firma-petra-nid {
    display: none;
}

.node-firma-form canvas {
    background: white;
}

/**
 * PETRAs edit form
 */
 @media (min-width: 769px) {
    .form-wrapper {
        clear: both;
        padding: 16.4px 0 7px 0;
    }
 }

.field-widget-markup {
    padding: 0;
}

.field-widget-options-buttons:hover {
    background: #F1F4F9;
}

.text-full,
textarea {
    width: 100%;
    border-radius: 6px;
}

.field-widget-options-buttons {
    border-bottom: 1px solid #dee2e8;
}

.form-type-checkboxes>label {
    width: 75%;
    display: block;
}

.form-checkboxes {
    float: right;
}

.form-type-checkbox {
    float: left;
    margin-left: 15px;
}

.start-date-wrapper,
.end-date-wrapper {
    float: left;
}

.form-type-date-popup label {
    width: 40px;
    margin: 0;
    
}

.form-type-date-popup input {
    width: 183px;
}

.start-date-wrapper {
    margin-right: 30px;
}

.field-type-datetime legend {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: inherit;
    color: #4E5E6A;
    border-bottom: none;
}

.field-type-datetime .form-type-textfield {
    float: left;
    margin-right: 15px;
}

.date-no-float {
    float: none;
}

.form-type-date-popup>label {
    margin: 15px 0 0 0;
    clear: both;
}

.field-type-list-boolean .form-type-checkbox {
    margin-left: 0;
}

.end-date-wrapper input {
    margin-top: 15px;
}

.actual-timezone-wrapper {
    margin-top: -15px;
    margin-bottom: 7px;
}

.timezone-label {
    float: left;
    margin-top: 20px;
    margin-left: 12px;
}

.form-item-timezone {
    display: inline-block;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 5px;
}

/* .actual-timezone {
    margin-left: 277px;
} */

    
.field-type-double-field .tabledrag-toggle-weight-wrapper,
.field-type-double-field th.field-label label,
.field-type-double-field tr .form-item label {
    display: none;
}

.field-type-double-field .field-multiple-table {
    width: 100%;
}

.field-type-double-field tr {
    width: 16%;
    margin-right: .6%;
    float: left;
}

.field-type-double-field tr td:nth-child(2),
.field-type-double-field input {
    width: 100%;
}

.field-name-field-p0-picture-src {
    text-align: center;
}

.field-name-field-p0-picture-src .image-preview {
    max-width: 100%;
    max-height: 140px;
    cursor: pointer;
    margin: auto;
}

.field-name-field-p0-picture-src label {
    display: block;
}

.image-preview-date {
    display: block;
}

.image-input-button {
    margin: 5px;
}

video {
    width: 100%;
    height: auto;
}

.field-name-field-p0-is-picture-locked {
    display: none;
}

.field-name-field-p0-picture-src .image-widget-data {
    display: none;
}

.image-input-container>label {
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 15px 0 7px 0;
    width: 100%;
}

#edit-actions {
    margin-bottom: 25px;
}

.firma-field-container>.form-type-checkbox {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.firma-field-container>.form-wrapper>.form-type-textfield label {
    float: left;
    width: inherit;
    margin-right: 10px;
}

.firma-field-container label {
    width: 100%;
}

.field-type-composed-field .tabledrag-toggle-weight-wrapper,
.field-type-composed-field thead {
    display: none;
}

.field-type-composed-field table {
    width: 100%;
}

.field-type-composed-field tr td {
    float: left;
}

ul.chosen-choices {
    min-height: 24px;
}
.punto-de-encuentro{
    height: 100px;
}
.chosen-container {
    width: 100% !important;
    max-width: 270px;
}



.chosen-container-multi .chosen-choices {
    height: auto !important;
    min-height: 24px;
    height: 5%;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 1px solid #d4d4d4;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    box-shadow: none;
    border-radius: 6px;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single {
    border-radius: 0;
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: transparent;
    height: 50px;
    box-shadow: none;
    border-color: #d4d4d4;
    border-radius: 6px;
}

.chosen-container-active {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 2px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: none;
    padding: 0 20px 0 0;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: auto;
    padding: 4px;
}

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

.chosen-results .highlighted a {
    color: #fff;
}

.chosen-container-active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* .view-documents .views-exposed-widget.views-submit-button {
float: right;
	margin-top: 22px;
} */

.rechazado {
    background: #E2E2DF;
}

.document-buttons {
    float: right;
    margin-right: 35px;
}

.document-buttons a {
    margin-right: 15px;
    color: #5f5f5f;
}

.document-buttons span.no-print {
    margin-right: 15px;
    color: #ccc;
    cursor: pointer;
}

.document-buttons a:hover {
    text-decoration: none;
    color: #337ab7;
}

.document-buttons i {
    font-size: 20px;
}

.field-widget-file-generic .tabledrag-toggle-weight,
.field-widget-file-generic .tabledrag-handle {
    display: none;
}

.field-widget-file-generic table {
    width: 50%;
    margin: 10px 0;
}

.field-widget-file-generic th,
.field-widget-file-generic td {
    width: 50%;
}

.checklist {
    position: relative;
}

.petra-id {
    position: absolute;
    right: 35px;
    top: 40px;
}

.petra-id span {
    display: block;
    clear: both;
    float: none;
}

span[data-term-name="Borrador"] {
    color: DarkSlateGray;
}

span[data-term-name="Pendiente de firmar"] {
    color: white;
    background: blue;
}

span[data-term-name="Firmado"] {
    color: blue;
}

span[data-term-name="Pendiente de finalizar"] {
    color: orange;
}

span[data-term-name="Finalizando"] {
    color: white;
    background: orange;
}

span[data-term-name="Finalizado"] {
    color: white;
    background: green;
}

span[data-term-name="Caducado"] {
    color: red;
}

span[data-term-name="Rechazado"] {
    color: inherit;
}

/**
 * Checklist 0
 */

@media screen and (max-width: 600px){
    .notified-users-field-container label{
        font-size: 16px;
    }
    
}


.notified-users-field-container label {
    float: none;
}

.field-name-field-p0-notify-themes .form-checkboxes,
.form-item-acabar-a-mano .form-checkboxes,
.form-item-master-no-validar .form-checkboxes,
.field-name-field-p0-walkies .form-checkboxes {
    float: left;
    margin: 10px 0 0 0;
    clear: both;
}

.field-name-field-p0-notify-themes .form-type-checkbox,
.form-item-acabar-a-mano .form-type-checkbox,
.form-item-master-no-validar .form-type-checkbox,
.field-name-field-p0-walkies .form-type-checkbox {
    clear: both;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
}

.field-name-field-p0-notify-themes label,
.form-item-acabar-a-mano label,
.form-item-master-no-validar label,
.field-name-field-p0-walkies label {
    padding-top: 0;
}

.field-name-field-p0-notify-themes .checker,
.form-item-acabar-a-mano .checker,
.form-item-master-no-validar .checker,
.field-name-field-p0-walkies .checker {
    float: left;
}

.form-item-acabar-a-mano {
    margin-right: 10px;
}

.notified-users-field-container .chosen-container {
    max-width: 100%;
}

.field-name-field-p0-contact-txt {
    margin-top: 15px;
}

.field-name-field-p0-scanned-petra legend {
    font-weight: bold;
    float: left;
    border: none;
    margin: 0 0 10px 0;
    font-size: inherit;
    color: #4E5E6A;
}

.field-name-field-p0-scanned-petra input[type=submit] {
    margin-left: 15px;
    margin-top: -9px;
}

.field-name-field-p0-scanned-petra input[type=file] {
    float: left;
}

.field-name-field-p0-scanned-petra th,
.field-name-field-p0-scanned-petra td {
    padding-bottom: 10px;
}

/*.field-name-field-p0-contact-name,
.field-name-field-area,
.field-name-field-p0-emergency-phone,
.field-name-field-p0-contact-center,
.field-name-field-p0-contact-building,
.field-name-field-p0-contact-floor,
.field-name-field-p0-contact-phone {
    width: 18%;
    margin-right: 2%;
    float: left;
    clear: none;
}
*/
/*
.field-name-field-area .form-type-select {
	max-width: 297px;
	float: left;
	margin-right: 2%;
}
*/
@media screen and (max-width: 600px){
    .field-name-field-area label{
    font-size: 16px !important;

    }
    
    .field-name-field-area,
    .field-name-field-p0-emergency-phone,
    .field-name-field-p0-contact-center{
        width: 18%;
        margin-right: 2%;
        float: left;
        clear: none;
        vertical-align: top;
    }
   
    
    
}
.field-name-field-area label,
.field-name-field-p0-emergency-phone .views-label {
    float: none !important;
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
}

.field-name-field-p0-emergency-phone {
    padding: 15px 0 7px 0;
}

.field-name-field-p0-emergency-phone .views-field .field-content {
    clear: both;
    padding-top: 4px;
}

.field-name-field-p0-contact-name {
    clear: both;
}

.emerphone-wrapper {
    float: left;
}

.form-item-field-p0-val-date-und-0-value2-date>label {
    display: none;
}

.form-item-field-p0-val-date-und-0-value2-time label {
    margin-top: 15px;
}

#p0-gr-dev-workstat,
#p0-gr-dev-equipstat {
    width: 48%;
    float: left;
}

#p0-gr-dev-workstat {
    margin-right: 4%;
}

#p0-gr-dev-workstat .form-checkboxes label,
#p0-gr-dev-equipstat .form-checkboxes label {
    font-weight: normal;
}

#p0-gr-dev-workstat .form-checkboxes,
#p0-gr-dev-equipstat .form-checkboxes {
    float: left;
}

#p0-gr-dev-workstat .form-type-checkbox:first-child,
#p0-gr-dev-equipstat .form-type-checkbox:first-child {
    margin-left: 0;
}

#p0-gr-dev-workstat .field-widget-options-buttons,
#p0-gr-dev-equipstat .field-widget-options-buttons {
    border-bottom: 0;
}

.firma-field-container>label {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.firma-field-container .form-type-checkbox {
    margin-left: 0;
}

.firma-field-container .form-type-checkbox .checker {
    float: left;
}

.firma-field-container .form-type-checkbox label {
    width: 80%;
    float: left;
    font-weight: normal;
}

.timeout-text {
    width: 50px;
    margin-bottom: 15px;
}

.field-name-field-p0-val-recurso-txt {
    width: 250px;
    float: left;
}

.field-name-field-p0-worker-signature,
.field-name-field-pa-rec-prev-signature,
.field-name-field-pb-rec-prev-signature,
.field-name-field-pc-rec-prev-signature,
.field-name-field-pd-rec-prev-signature,
.field-name-field-pe-rec-prev-signature,
.field-name-field-pf-rec-prev-signature,
.field-name-field-pj-rec-prev-signature {
    display: none;
    float: right;
    width: 30%;
    clear: none;
    margin: 13px 36% 0 0;
    text-transform: uppercase;
}

.empty-signature-worker {
    border: 2px solid gray;
    height: 300px;
}

.field-name-field-p0-worker-signature p,
.field-name-field-pa-rec-prev-signature p,
.field-name-field-pb-rec-prev-signature p,
.field-name-field-pc-rec-prev-signature p,
.field-name-field-pd-rec-prev-signature p,
.field-name-field-pe-rec-prev-signature p,
.field-name-field-pf-rec-prev-signature p,
.field-name-field-pj-rec-prev-signature p {
    margin: 0;
}

/**
 * Checklist A
 */

#pa-gr-pa-use>h3 {
    font-weight: normal;
    font-size: 13px;
}

#pa-gr-pa-use>div {
    width: 48%;
    float: left;
    clear: none;
}

.field-name-field-pa-use-fix-scaf,
.field-name-field-pa-use-mob-scaf,
.field-name-field-pa-use-mob-plat,
.field-name-field-pa-use-lad,
.field-name-field-pa-use-epi,
.field-name-field-pa-ceil-fra,
.field-name-field-pa-use-fix-scaf-ok,
.field-name-field-pa-use-mob-scaf-ok,
.field-name-field-pa-use-mob-plat-ok,
.field-name-field-pa-use-lad-ok,
.field-name-field-pa-use-epi-ok,
.field-name-field-pa-ceil-fra-ok {
    margin-right: 4%;
}

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

#pa-gr-pa-ceil>div {
    width: 48%;
}

.field-name-field-pa-ceil-fra,
.field-name-field-pa-ceil-fra2 {
    float: left;
    clear: none;
}

#pa-gr-pa-ceil .field-name-field-pa-ceil-add {
    width: 100%;
}

#pa-gr-pa-use,
#pa-gr-pa-ceil,
#pa-gr-pa-area,
#pa-gr-pa-cond {
    border: 1px solid #dee2e8;
    margin: 15px 0;
    padding: 15px;
}

#pj-gr-rec-prev,
#pj-gr-ver-prev,
#pj-gr-eval-risks,
#pj-gr-security-rules,
#pj-gr-epi,
#pj-gr-info {
    border: 1px solid #dee2e8;
    margin: 15px 0;
    padding: 15px;
}

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

.field-name-field-pa-cond-vis .form-type-checkbox>label,
.field-name-field-pa-cond-rain .form-type-checkbox>label,
.field-name-field-pa-cond-sup .form-type-checkbox>label,
.field-name-field-pa-cond-wind .form-type-checkbox>label {
    width: 75px;
    float: right;
}

.field-name-field-pa-cond-sup .form-type-checkbox>label {
    width: 179px;
}

/**
 * Checklist B
 */

#pb-mat-inf {
    height: auto;
    display: block;
    width: 100%;
    border-bottom: 1px solid #dee2e8;
}

.field-name-field-pb-mat-pre {
    float: left;
    border-bottom: none;
}

.field-name-field-pb-mat-time,
.field-name-field-pb-mat-time-t {
    float: left;
    clear: none;
    padding: 0 0 6px 5px;
    border-bottom: none;
}

.field-name-field-pb-mat-time-t .text-full,
.field-name-field-pb-mat-time-t textarea,
.field-name-field-pc-temp-intern-t .text-full,
.field-name-field-pc-temp-intern-t textarea,
.field-name-field-pc-wet-time-t .text-full,
.field-name-field-pc-wet-time-t textarea,
.field-name-field-pe-ele-maxv-t .text-full,
.field-name-field-pe-ele-maxv-t textarea,
.field-name-field-pf-atm-oxi-t .text-full,
.field-name-field-pf-atm-oxi-t textarea,
.field-name-field-pf-gas-ini-t .text-full,
.field-name-field-pf-gas-ini-t textarea,
.field-name-field-pf-gas-max-t .text-full,
.field-name-field-pf-gas-max-t textarea,
.field-name-field-pf-gas2-ini-t .text-full,
.field-name-field-pf-gas2-ini-t textarea,
.field-name-field-pf-gas2-max-t .text-full,
.field-name-field-pf-gas2-max-t textarea {
    width: 100px;
}

.field-name-field-pb-mat-suf {
    float: left;
    clear: none;
    height: 33px;
    border-bottom: none;
}

.field-name-field-pb-mat-bol {
    float: right;
    clear: none;
    padding-top: 0;
    border-bottom: none;
}

/*
.field-name-field-pb-vent-checks {
	width: 75%;
	float: left;
	clear: none;
}
*/

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

/*
.field-name-field-pb-vent-bool {
	width: 25%;
	float: left;
	clear: none;
}
*/

.field-name-field-pb-monitor .form-type-checkboxes>label:after,
.field-name-field-pb-more-monitor .form-type-checkboxes>label:after {
    content: 'Si es "S" se requiere formato adicional F-Exposiciones especiales';
    display: block;
    font-weight: normal;
}

.field-name-field-pb-endtxt {
    margin-top: 15px;
}

.field-name-field-pb-equip-ext .form-type-checkboxes>label {
    width: 50%;
}

.field-name-field-pb-equip-blanket,
.field-name-field-pb-equip-water,
.field-name-field-pb-equip-persona-bol,
.field-name-field-pb-equip-persona-bol-v1,
.field-name-field-pb-equip-user-persona,
.field-name-field-pb-equip-sign-persona {
    width: 25%;
    margin-right: 4%;
    float: left;
    clear: none;
}

.field-name-field-pb-equip-blanket,
.field-name-field-pb-equip-water {
    border-bottom: 1px solid #dee2e8;
}

.field-name-field-pb-equip-persona-bol,
.field-name-field-pb-equip-persona-bol-v1 {
    clear: both;
}

.field-name-field-pb-equip-insept .form-type-checkbox:last-child:after,
.field-name-field-pb-equip-insept-v1 .form-type-checkbox:last-child:after {
    content: 'horas';
    margin-left: 5px;
}

#pb-gr-more-nofire>div {
    width: 48%;
    float: left;
    clear: none;
}

#pb-gr-more-nofire .field-name-field-pb-more-nofire1 {
    clear: both;
    float: none;
}

.field-name-field-pb-more-nofire3,
.field-name-field-pb-more-nofire4,
.field-name-field-pb-more-nofire6 {
    margin-right: 4%;
}

.field-name-field-pb-more-nofire5 {
    padding-top: 15px;
}

/**
 * Checklist C
 */

.field-name-field-pc-temp-intern,
.field-name-field-pc-temp-intern-t {
    float: left;
    clear: none;
}

.field-name-field-pc-temp-intern .form-type-textfield>label,
.field-name-field-pc-wet-time .form-type-textfield>label,
.field-name-field-pc-temp-intern-t .form-type-textfield>label,
.field-name-field-pc-wet-time-t .form-type-textfield>label {
    margin-right: 5px;
}

.field-name-field-pc-temp-suf {
    float: left;
    clear: none;
    padding: 15px 0 0 5px;
}

.field-name-field-pc-temp-intern-bol {
    float: right;
    clear: none;
    border: none;
}

.field-name-field-pc-wet-time,
.field-name-field-pc-wet-time-t {
    border-top: 1px solid #dee2e8;
    border-bottom: 1px solid #dee2e8;
}

.field-name-field-pc-wet-time .form-type-textfield:after,
.field-name-field-pc-wet-time-t .form-type-textfield:after {
    content: 'horas';
    margin-left: 5px;
    font-size: 13px;
}

#pc-gr-pf>h3,
#pc-gr-pe>h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    margin: 15px 0px 10px 0px;
}

/**
 * Checklist D
 */

.field-name-field-pd-space2,
.field-name-field-pd-epis2 {
    margin-top: 15px;
}

#pd-gr-pe {
    border: 1px solid #dee2e8;
    padding: 15px;
}

#pd-gr-pe>h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 10px 0px;
}

.field-name-field-pd-pe-iso4,
.field-name-field-pd-pe-iso4-v1 {
    border-bottom: none;
    padding-bottom: 0;
}

/**
 * Checklist E
 */

#pe-gr-ener-wrap,
#pe-gr-util-wrap,
#pe-gr-iso,
/* #pe-gr-ener, */
#pe-gr-ele,
/* #pe-gr-util, */
#pe-gr-br {
    border: 1px solid #dee2e8;
    margin: 15px 0;
    padding: 15px;
}

#pe-gr-ener-bol,
#pe-gr-util-bol {
    width: 30%;
    float: left;
}

#pe-gr-ener,
#pe-gr-util {
    width: 70%;
    float: left;
}

#pe-gr-ener>div,
#pe-gr-util>div {
    height: 48px;
}

#pe-gr-ener .form-type-checkboxes>label,
#pe-gr-util .form-type-checkboxes>label {
    /* width: 50%; */
    display: none;
}

#pe-gr-ener>h3,
#pe-gr-util>h3 {
    text-align: center;
    display: block;
}

#pe-gr-ener>h3,
#pe-gr-ener-bol>h3,
#pe-gr-util-bol>h3,
#pe-gr-util>h3 {
    height: 34px;
}

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

#pe-gr-ener .form-type-checkbox>label,
#pe-gr-util .form-type-checkbox>label {
    display: none;
}

#pe-gr-ener .field-name-field-pe-util11 .form-type-checkbox>label,
#pe-gr-ener .field-name-field-pe-util14 .form-type-checkbox>label {
    display: block;
}

.field-name-field-pe-ener-ch .form-type-checkbox,
.field-name-field-pe-util .form-type-checkbox {
    position: relative;
}

.field-name-field-pe-ener-ch .form-type-checkbox:before,
.field-name-field-pe-util .form-type-checkbox:before {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    top: -25px;
    visibility: visible !important;
}

.form-item-field-pe-ener-ch-und-0:before,
.form-item-field-pe-util-und-0:before {
    content: 'Apagado';
    left: -20px;
}

.form-item-field-pe-ener-ch-und-1:before,
.form-item-field-pe-util-und-1:before {
    content: 'Seguro/Bloqueado';
    left: -45px;
}

.form-item-field-pe-ener-ch-und-2:before,
.form-item-field-pe-util-und-2:before {
    content: 'Verificado';
    left: -17px;
}

.form-item-field-pe-ener-ch-und-3:before,
.form-item-field-pe-util-und-3:before {
    content: 'Etiquetado';
    left: -20px;
}

#pe-gr-ele-1,
#pe-gr-ele-2 {
    width: 48%;
    float: left;
    margin-bottom: 15px;
}

#pe-gr-ele-1 {
    margin-right: 4%;
}

.field-name-field-pe-ele-test {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.field-name-field-pe-ele-maxv,
.field-name-field-pe-ele-maxv-t {
    width: 48%;
    clear: none;
    float: left;
}

.field-name-field-pe-ele-maxv .form-type-textfield>label,
.field-name-field-pe-ele-maxv-t .form-type-textfield>label {
    margin-right: 5px;
}

.field-name-field-pe-ele-maxv .form-type-textfield:after,
.field-name-field-pe-ele-maxv-t .form-type-textfield:after {
    content: 'V';
    margin-left: 5px;
    font-size: 13px;
}

#pe-gr-ele-cond>h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    margin: 15px 0px 10px 0px;
    clear: both;
    padding: 15px 0 0 0;
}

#pe-gr-ele-cond {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.field-name-field-pe-ele-mot {
    float: left;
    clear: none;
    width: 48%;
    margin-top: 65px;
}

/*
#pe-gr-util {
	clear: both;
}
*/

/* .field-name-field-pe-util11,
.field-name-field-pe-util14 {
	width: 48%;
} */

#pe-gr-util .field-name-field-pe-util11 .form-type-checkbox>label,
#pe-gr-util .field-name-field-pe-util14 .form-type-checkbox>label {
    display: block;
}

#pe-gr-util .field-name-field-pe-util-pi .form-type-checkbox>label {
    display: block;
}

.field-name-field-pe-br2,
.field-name-field-pe-br3,
.field-name-field-pe-br4,
.field-name-field-pe-br5 {
    float: left;
    clear: none;
    width: 48%;
}

.field-name-field-pe-br2,
.field-name-field-pe-br4 {
    margin-right: 4%;
}

.field-name-field-pe-br6,
.field-name-field-pe-br6-ok {
    clear: both;
}

/**
 * Checklist F
 */

#pf-gr-atm,
#pf-gr-gas2,
#pf-gr-gas,
#pf-gr-lie,
#pf-gr-epi {
    border: 1px solid #dee2e8;
    margin: 15px 0;
    padding: 15px;
    clear: both;
}

.field-name-field-pf-atm-monitor,
.field-name-field-pf-atm-date,
.field-name-field-pf-atm-date2,
.field-name-field-pf-gas-monitor,
.field-name-field-pf-gas-date,
.field-name-field-pf-gas-date2,
.field-name-field-pf-gas2-monitor,
.field-name-field-pf-gas2-date,
.field-name-field-pf-gas2-date2,
.field-name-field-pf-lie-monitor,
.field-name-field-pf-lie-date,
.field-name-field-pf-lie-date2 {
    width: 30%;
    float: left;
    clear: none;
}

.field-name-field-pf-atm-monitor,
.field-name-field-pf-atm-date,
.field-name-field-pf-gas-monitor,
.field-name-field-pf-gas-date,
.field-name-field-pf-gas2-monitor,
.field-name-field-pf-gas2-date,
.field-name-field-pf-lie-monitor,
.field-name-field-pf-lie-date {
    margin-right: 3%;
}

#pf-gr-atm .firma-field-container,
#pf-gr-gas-2 .firma-field-container,
#pf-gr-gas .firma-field-container,
#pf-gr-lie .firma-field-container {
    clear: both;
}

.field-name-field-pf-atm-oxi .form-type-textfield:after,
.field-name-field-pf-atm-oxi-t .form-type-textfield:after {
    content: '%';
    margin-left: 5px;
    font-size: 13px;
}

.field-name-field-pf-atm-oxi,
.field-name-field-pf-atm-oxi-t,
.field-name-field-pf-atm-oxi2 {
    float: left;
    clear: none;
}

.field-name-field-pf-atm-oxi2 {
    margin: 15px 0 0 5px;
}

.field-name-field-pf-atm-monit {
    width: 48%;
}

.form-item-field-pf-atm-date-und-0-value-time,
.form-item-field-pf-atm-date2-und-0-value-time,
.form-item-field-pf-gas-date-und-0-value-time,
.form-item-field-pf-gas-date2-und-0-value-time,
.form-item-field-pf-gas2-date-und-0-value-time,
.form-item-field-pf-gas2-date2-und-0-value-time,
.form-item-field-pf-lie-date-und-0-value-time,
.form-item-field-pf-lie-date2-und-0-value-time {
    display: none;
}

#pf .field-type-datetime .form-item>label {
    display: none;
}

#pf .field-type-datetime .fieldset-wrapper {
    margin-top: -10px;
}

.field-name-field-pf-gas-ini,
.field-name-field-pf-gas-ini-t,
.field-name-field-pf-gas-max,
.field-name-field-pf-gas-max-t,
.field-name-field-pf-gas-range,
.field-name-field-pf-gas-freq,
.field-name-field-pf-gas2-ini,
.field-name-field-pf-gas2-ini-t,
.field-name-field-pf-gas2-max,
.field-name-field-pf-gas2-max-t {
    /* width: 48%; */
    float: left;
    clear: none;
}

.field-name-field-pf-atm-oxi label,
.field-name-field-pf-atm-oxi-t label,
.field-name-field-pf-gas-ini label,
.field-name-field-pf-gas-ini-t label,
.field-name-field-pf-gas-max label,
.field-name-field-pf-gas-max-t label,
.field-name-field-pf-gas-range label,
.field-name-field-pf-gas-freq label,
.field-name-field-pf-gas2-ini label,
.field-name-field-pf-gas2-ini-t label,
.field-name-field-pf-gas2-max label,
.field-name-field-pf-gas2-max-t label {
    margin-right: 5px;
}

.field-name-field-pf-gas2-ini,
.field-name-field-pf-gas2-ini-t,
.field-name-field-pf-gas-ini,
.field-name-field-pf-gas-ini-t,
.field-name-field-pf-gas-range {
    margin-right: 4%;
}

.field-name-field-pf-gas-freq label {
    width: 100%;
}

.field-name-field-pf-gas-freq input {
    width: 70%;
}

.field-name-field-pf-gas-freq .form-type-textfield:after {
    content: '(ppm / %)';
    margin-left: 5px;
    font-size: 13px;
}

.gr-epi {
    width: 32%;
    float: left;
}

.gr-epi .form-type-checkboxes>label {
    width: 65%;
}

.gr-epi-1,
.gr-epi-2 {
    margin-right: 1%;
}

.gr-epi-4 {
    width: 65%;
    margin-left: 33%;
}

.gr-epi-4>div {
    width: 48%;
    float: left;
    clear: none;
}

.gr-epi-4 .field-name-field-pf-epi-bol15,
.gr-epi-4 .field-name-field-pf-epi-bol15-v1,
.gr-epi-4 .field-name-field-pf-epi-bol16,
.gr-epi-4 .field-name-field-pf-epi-bol16-v1 {
    margin-right: 2%;
    width: 50%;
    padding-bottom: 40px;
}

.field-name-field-pf-epi-mask,
.field-name-field-pf-epi-model {
    padding-bottom: 13px;
    border-bottom: 1px solid #dee2e8;
}

.field-name-field-pf-epi-epi {
    width: 100%;
}

#edit-field-pf-gas-val-user-resp-chosen-container--2,
#edit-field-pf-gas2-val-user-resp-chosen-container--2,
#edit-field-pf-lie-val-user-resp-chosen-container--2 {
    width: 100%;
    margin-right: 0;
}

.field-name-field-pf-gas2-ini .form-type-textfield input,
.field-name-field-pf-gas2-ini-t .form-type-textfield input,
.field-name-field-pf-gas2-max .form-type-textfield input,
.field-name-field-pf-gas2-max-t .form-type-textfield input,
.field-name-field-pf-gas-ini .form-type-textfield input,
.field-name-field-pf-gas-ini-t .form-type-textfield input,
.field-name-field-pf-gas-max .form-type-textfield input,
.field-name-field-pf-gas-max-t .form-type-textfield input {
    float: left;
}

.field-name-field-pf-gas2-ini .form-type-textfield:after,
.field-name-field-pf-gas2-ini-t .form-type-textfield:after,
.field-name-field-pf-gas2-max .form-type-textfield:after,
.field-name-field-pf-gas2-max-t .form-type-textfield:after,
.field-name-field-pf-gas-ini .form-type-textfield:after,
.field-name-field-pf-gas-ini-t .form-type-textfield:after,
.field-name-field-pf-gas-max .form-type-textfield:after,
.field-name-field-pf-gas-max-t .form-type-textfield:after {
    content: 'ppm';
    margin-left: 5px;
    font-size: 13px;
    display: block;
    float: left;
}

.field-name-field-pf-atm-date,
.field-name-field-pf-gas-date {
    width: 220px;
}

.field-name-field-pf-atm-oxi,
.field-name-field-pf-atm-oxi-t {
    clear: both;
}

.field-name-field-pf-atm-oxi,
.field-name-field-pf-atm-oxi-t,
.field-name-field-pf-gas-ini,
.field-name-field-pf-gas-ini-t,
.field-name-field-pf-gas2-ini-t,
.field-name-field-pf-atm-oxi2 {
    display: none;
}

.field-name-field-pf-atm-oxi2 {
    margin-right: 230px;
}

.field-name-field-pf-gas-ini,
.field-name-field-pf-gas-ini-t {
    margin-right: 3%;
}



/**
 * Checklist G
 */

.field-name-field-pg-date-desc,
.field-name-field-pg-date-perm {
    width: 48%;
    float: left;
    clear: none;
}

table.tg {
    margin: 15px auto;
}

table.tg,
table.tg tr,
table.tg td {
    border: 1px solid #dee2e8;
    padding: 10px;
}

table.tg th {
    padding: 10px;
}

table.tg td:hover {
    background: #F1F4F9;
}

/**
 * Checklist H
 */

.field-name-field-ph-inc-txt {
    border-bottom: 1px solid #dee2e8;
}

.field-name-field-ph-inc-txt,
.field-name-field-ph-inc-bol2 {
    width: 50%;
    float: left;
    clear: none;
}

.field-name-field-ph-inc-txt input {
    width: 98px;
    margin-left: 5px;
}

.field-name-field-ph-inc-txt .form-type-textfield:after {
    content: 'Min';
    margin-left: 5px;
    font-size: 13px;
}

.field-name-field-ph-inc-bol2 {
    padding-bottom: 10px;
}

#ph-gr-inc {
    position: relative;
}

#edit-field-ph-inc-bol-und--2:before {
    position: absolute;
    font-weight: bold;
    top: 15px;
    right: 0;
    content: 'comprobación';
    font-size: 13px;
}

/**
 * Checklist I
 */

.field-type-composed-field table {
    margin-top: 15px;
}

.container-inline>div {
    float: left;
    position: relative;
}

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

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

.field-type-composed-field tbody .container-inline>div:nth-child(2),
.field-type-composed-field tbody .container-inline>div:nth-child(3),
.field-type-composed-field tbody .container-inline>div:nth-child(4) {
    margin-right: 50px;
}

.field-type-composed-field tbody tr:first-child .container-inline>.form-type-textfield:before {
    position: absolute;
    font-weight: bold;
    top: -35px;
}

.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-ele-comp-und-0-composed-1:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-proc-comp2-und-0-composed-1:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-proc-comp-und-0-composed-1:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-mec-comp-und-0-composed-1:before {
    content: 'Etiqueta';
    font-size: 13px;
    top: -25px;
}

.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-ele-comp-und-0-composed-2:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-proc-comp2-und-0-composed-2:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-proc-comp-und-0-composed-2:before,
.field-type-composed-field tbody tr:first-child .container-inline .form-item-field-pi-mec-comp-und-0-composed-2:before {
    content: 'Descripción del Aislamiento';
    font-size: 13px;
    top: -25px;
}

.field-type-composed-field tbody tr:first-child .form-item-field-pi-ele-comp-und-0-composed-3:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp2-und-0-composed-3:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp-und-0-composed-3:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-mec-comp-und-0-composed-3:before {
    content: 'Realizado';
    font-size: 11px;
    left: -10px;
}

.field-type-composed-field tbody tr:first-child .form-item-field-pi-ele-comp-und-0-composed-4:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp2-und-0-composed-4:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp-und-0-composed-4:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-mec-comp-und-0-composed-4:before {
    content: 'Confirmado';
    font-size: 11px;
    left: -20px;
}

.field-type-composed-field tbody tr:first-child .form-item-field-pi-ele-comp-und-0-composed-5:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp2-und-0-composed-5:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-proc-comp-und-0-composed-5:before,
.field-type-composed-field tbody tr:first-child .form-item-field-pi-mec-comp-und-0-composed-5:before {
    content: 'Retirado';
    font-size: 11px;
    left: -10px;
}

.tr-counter {
    display: block;
    float: left;
    line-height: 26px;
    margin-right: 5px;
}

td.field-multiple-drag {
    display: none;
}

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

.draggable .delta-order {
    display: none;
}

#pi-gr-ele>.field-type-composed-field,
#pi-gr-mec>.field-type-composed-field,
#pi-gr-proc>.field-type-composed-field {
    position: relative;
}


#pi-gr-ele>.field-type-composed-field>div:before,
#pi-gr-mec>.field-type-composed-field>div:before,
#pi-gr-proc>.field-type-composed-field>div:before {
    content: 'Iniciales del Personal Responsable';
    font-size: 11px;
    position: absolute;
    top: 10px;
    left: 565px;
}

/**
 * Firmas
 */

.empty-signature-group {
    display: block;
    margin: 15px 3% 15px 0 !important;
    float: left !important;
    clear: none !important;
}

.pusher-dev {
    clear: both;
}

.empty-signature-group>.empty-signature-label {
    float: none;
    text-transform: uppercase;
}

.empty-signature-group>.emtpy-signature {
    border: solid gray 2px;
    width: 230px;
    height: 141px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    top:24px;
}

.empty-signature-group img {
    /* width: 100%; */
    max-width: 230px;
    position: relative;
}

.firma-ajax>label {
    display: block;
    margin: 0 auto 30px auto;
    width: 100%;
}

.emtpy-signature,
.signed-signature {
    border: none !important;
   /* height: 140px;*/
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 10px;
    position: relative;
}

.signed-signature img {
    border: solid green 2px !important;
    margin-top: 23px;
}
.firma-ajax img{
    margin-top: 0px !important;;
    
}

.emtpy-signature img {
    border: solid orange 2px !important;
}

.pending-signature-other {
    border: solid gray 2px !important;
}

.signature-datetime {
    margin: 10px 0 0 0;
}

.signature-datetime>label {
    margin-left: 32px;
}

.node-form .signature-date {
    font-weight: normal;
}

.edit-telefono-from{
    display: flex;
    flex-direction: column;
    padding-top: 22px !important;
}

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

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

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

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

}

#edit-telefono-form-ready{
    display: flex;
    flex-direction: column;
    max-width: 230px;
    margin-top: -8%;

}

#edit-telefono-form-signed{
    display: flex;
    flex-direction: column;
    max-width: 230px;
    margin-top: 5%;

}

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

}

.spinner-container{
    display: flex;
}

.input-telefono-spiner{
    width: 100%;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: transparent;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

.checkmark {
    font-size: 24px;
    margin-left: 10px;
    display: none;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


.emisor-telefono{
    display: flex;
    flex-direction: column;
}

.firma-extern-ajax>img {
   /* margin-top: 10px;*/
}

.firma-extern-ajax>label {
    display: block;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

.firma-extern.firma-canvas,
.firma-extern .firma-canvas {
    border: 2px solid orange;
    width: 230px;
    height: 140px;
}

.pending-signature img:before,
.signed-signature img:before {
    content: "\2713";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 32px;
    top: -1px;
    font-size: 40px;
    color: green;
}

.pending-signature img:before {
    content: "\26a0";
    color: red;
    right: 35px;
    top: 2px;
}

.pending-signature .form-type-textfield input {
    width: 100%;
}

.emtpy-signature.pending-signature .form-type-textfield {
    margin-top: 15px;
    width: 230px;
}

.firma-action {
    color: gray;
    text-decoration: none;
    margin-right: 10px;
}

.firma-action:hover {
    text-decoration: none;
    color: #23527c;
}

.firma-action i {
    font-size: 18px;
    padding: 0 5px 5px 5px;
}


/**
 * Front not logged-in
 */

.front .page-sidebar {
    visibility: hidden;
}

.front.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
    padding: 30px 0 50px 0;
}

.front .modal-dialog {
    margin: 150px auto;
}

.logo-bg {
    display: block;
    /*width: 55%;*/
    max-height: 400px;
    margin: 0 auto;
}

.front-menu {
    text-align: center;
}

.front-menu ul {
    margin: 0;
    padding: 0;
}

.front-menu li {
    display: inline-block;
    margin-right: 15px;
}

.front-menu li:last-child {
    margin-right: 0;
}

.front h2 {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 45px;
    margin: 30px 0;
}

.front .messages .element-invisible,
.front .page-title {
    display: none;
}

.messages {
    margin-bottom: 30px;
    padding: 10px;
}

.page-footer {
    text-align: center;
    left: 0;
    z-index: 1;
}

.page-footer p {
    margin-left: 160px;
}

#user-login--2 .form-item-name label,
#user-login--2 .form-item-pass label,
#user-login--2 .form-item-name .description,
#user-login--2 .form-item-pass .description,
#user-login .form-item-name label,
#user-login .form-item-pass label,
#user-login .form-item-name .description,
#user-login .form-item-pass .description,
.not-logged-in.page-about .form-item-name label,
.not-logged-in.page-about .form-item-pass label,
.not-logged-in.page-about .form-item-name .description,
.not-logged-in.page-about .form-item-pass .description,
.front .form-item-name label,
.front .form-item-pass label,
.front .form-item-name .description,
.front .form-item-pass .description {
    display: none;
}


.modal-dialog #user-login--2 input[type="text"],
.modal-dialog #user-login--2 input[type="password"],
.modal-dialog #user-login input[type="text"],
.modal-dialog #user-login input[type="password"],
.not-logged-in.page-about .modal-dialog input[type="text"],
.not-logged-in.page-about .modal-dialog input[type="password"],
.front .modal-dialog input[type="text"],
.front .modal-dialog input[type="password"] {
    margin-bottom: 15px;
    width: 100%;
}

#user-login input[type="submit"],
#user-login--2 input[type="submit"],
.not-logged-in.page-about .modal-dialog input[type="submit"],
.front .modal-dialog input[type="submit"] {
    margin: 0 auto;
    display: block;
}

.page-user-password .page-title h3,
.page-user-password #user-pass {
    text-align: center;
}

.new-pwd {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 20px;
}

/**
 * User profile
 */

.profile,
#user-profile-form,
#user-register-form {
    margin-left: 15px;
}

#user-register-form #edit-account .form-item,
#user-profile-form #edit-account .form-item {
    margin-bottom: 15px;
}

#user-register-form #edit-account,
#user-profile-form #edit-account {
    border: 1px solid #dee2e8;
    padding: 15px;
    position: relative;
}

#user-profile-form #edit-account .form-type-textfield label,
#user-profile-form #edit-account .form-type-password-confirm label,
#user-profile-form #edit-account .form-type-password label,
#user-profile-form .form-type-radios>label,
#user-profile-form .form-type-checkboxes>label,
#user-register-form #edit-account .form-type-textfield label,
#user-register-form #edit-account .form-type-password-confirm label,
#user-register-form #edit-account .form-type-password label,
#user-register-form .form-type-radios>label,
#user-register-form .form-type-checkboxes>label {
    clear: both;
    font-weight: bold;
    font-size: 13px;
    display: block;
}

#user-profile-form .form-type-checkboxes,
#user-register-form .form-type-checkboxes {
    float: left;
}

#user-profile-form .form-type-checkbox,
#user-register-form .form-type-checkbox {
    margin: 0 15px 0 0;
}

.password-strength {
    width: 400px;
    margin-top: 1.4em;
    position: absolute;
    top: 180px;
    right: 10%;
}

.password-strength-text {
    float: right;
    font-weight: bold;
}

.password-strength-title {
    display: inline;
}

.password-indicator {
    background-color: #C4C4C4;
    height: 0.3em;
    width: 100%;
}

.password-indicator div {
    height: 100%;
    width: 0%;
    background-color: #47C965;
}

div.password-suggestions {
    padding: 0.2em 0.5em;
    margin: 0.7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4;
    position: absolute;
    top: 220px;
    right: 10%;
    font-size: 12px;
}

.form-type-password-confirm .description {
    width: 400px;
    display: block;
}

.form-type-password input,
.form-type-password-confirm input {
    width: 400px;
}

#user-profile-form .field-type-text,
#user-profile-form .field-type-entityreference,
#user-register-form .field-type-text,
#user-register-form .field-type-entityreference {
    width: 50%;
    float: left;
    clear: none;
}

.form-item-notify {
    clear: both;
}

#user-profile-form .field-type-text>div,
#user-profile-form .field-type-entityreference>div,
#user-register-form .field-type-text>div,
#user-register-form .field-type-entityreference>div {
    padding-right: 15px;
}

#user-register-form .field-type-entityreference div.chosen-container,
#user-profile-form .field-type-entityreference div.chosen-container {
    width: 100% !important;
}

.field-name-field-user-center .description {
    display: none;
}

#edit-status .form-item {
    display: inline-block;
    margin-right: 15px;
}

#edit-status .radio,
#edit-status .option {
    float: left;
}

#edit-locale,
#edit-picture {
    display: none;
}

.profile .field-label {
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.profile .field-content {
    font-weight: normal;
    float: left;
}

.form-item-status,
.field-name-field-user-timeout .description,
#edit-timezone {
    display: none;
}

.page-user .region-content #user-login {
    width: 400px;
    margin: 50px auto;
}

.page-user .region-content #user-login input {
    width: 100%;
    margin-bottom: 15px;
}

/**
 * View documents
 */

.view-documents,
.view-documentos-all,
.view-usuarios {
    margin: 0 15px;
}

.view-documents tr:hover,
.view-documentos-all tr:hover,
.view-usuarios tr:hover {
    background: #f9f7e4;
}

.view-documents .views-exposed-widget,
.view-documentos-all .views-exposed-widget,
.view-usuarios .views-exposed-widget {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.view-documents .views-exposed-widget label,
.view-documentos-all .views-exposed-widget label {
    font-weight: bold;
}

.views-exposed-widget .form-item-between-date-filter-value-date label,
.view-documents .views-exposed-widget .description,
.view-documentos-all .views-exposed-widget .description {
    display: none;
}

#edit-author-wrapper {
    vertical-align: middle;
    padding-top: 17px;
}
/*
.view-documents .views-field-title,
.view-documentos-all .views-field-title {
    min-width: 150px;
}
*/
@media (min-width: 769px) {
    .view-documents thead,
    .view-documents thead tr:hover,
    .view-documentos-all thead,
    .view-documentos-all thead tr:hover {
      background-color: #efe;
    }
  }
  

.view-documents tr.even,
.view-documentos-all tr.even {
    background-color: #f5f5f5;
}

.views-field-petra-actions {
    display: table-cell;
    min-width: 120px;
}

.views-field-petra-actions a {
    color: gray;
    text-decoration: none;
    margin-right: 10px;
}

.views-field-petra-actions a:hover {
    text-decoration: none;
    color: #23527c;
}

.views-field-petra-actions i:before {
    font-size: 18px;
}
/*
.view-id-documents .views-field-field-p0-desc,
.view-id-documents .views-field-field-p0-dep {
    border-top: none;
}
*/
.views-widget-filter-field_petra_status_target_id,
.views-widget-filter-field_petra_status_target_id .chosen-container,
.views-widget-filter-field_p0_contact_center_target_id,
.views-widget-filter-field_area_target_id .chosen-container,
.views-widget-filter-field_area_target_id .chosen-container,
.views-widget-filter-selected_forms .chosen-container {
    width: 181px !important;
}

.views-filter-buttons-wrapper {
    display: flex;
}

.views-filter-buttons {
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}

.views-finalizar-button {
    margin-bottom: 2px;
}

.views-reset-button {
    float: right;
}

/**
 * Modal
 */
.modal.in {
    z-index: 9999999;
}

/**
 * About block
 */
.about-block {
    padding: 0 15px 15px 15px;
}

.about-block li {
    margin-bottom: 5px;
}

.about-block h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0;
}

.about-block table {
    background: white;
    margin: 30px 0;
}

/**
 * View calendar
 */

.page-calendario .page-title {
    display: none;
}

.view .date-nav-wrapper .date-prev {
    left: 0;
    right: auto;
}

.view .date-nav-wrapper .date-next,
.view .date-nav-wrapper .date-prev {
    background: transparent;
}

/**
 * Media queries
 */
.views-finalizar-button{
    margin-right: 15px;
}
@media (min-width: 992px) {
    .checkbox>label {
        padding: 0;
    }

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

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

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

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

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

    .field-type-composed-field tbody .container-inline>div:nth-child(2),
    .field-type-composed-field tbody .container-inline>div:nth-child(3),
    .field-type-composed-field tbody .container-inline>div:nth-child(4) {
        margin-right: 35px;
    }

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

    .password-strength {
        width: 300px;
        top: 290px !important;
    }

    .form-type-password-confirm .description {
        width: 300px;
        top: 330px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1520px) {

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

@media (min-width: 992px) and (max-width: 1200px) {

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

    #edit-combine {
        width: 190px;
    }

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

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

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

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

    .menu.accordion-menu,
    .page-sidebar.sidebar {
        width: 60px;
    }

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

}
@media screen and (max-width: 600px){
    .checklist-wrapper>h3 {
        font-size: 30px;
        text-align: center;
    }

    .slogan {
        display: none;
    }

    #edit-field-p0-notify-themes-und-0, #edit-field-p0-notify-themes-und-1,#edit-field-p0-notify-themes-und-2,#edit-field-p0-notify-themes-und-3{
        width: 50px;
        background-color: red;
      }

    #field-p0-desc-add-more-wrapper label{
        font-size: 16px;
    }
    /*desplegable ciudad*/
    #edit-field-area{
        margin-left: 95px;
    }
    .punto-de-encuentro {
        float: right;
    }
    .checklist{
        padding: 12px;
    }
    .page-footer p{
        color:#B9B4B4 !important;
    }
    .topmenu-outer{
        height: 1px !important;
    }
    
}/*pcnormal*/
@media only screen and (min-width: 1000px){
    .checklist-wrapper>h3 {
        margin: 15px 0;
        font-size: 30px;
        text-align: center;
    }
    
    .views-label-field-area-phone,
    .node-petra .field-label {
        font-weight: bold;
        float: left;
        /*padding-top: 2px;*/
    }
    .sidebar-pusher{
        display: none;
    }
    .odd{
        background-color: #f5f5f5;
    }
    .Link-title,.Link-Emitter,.link_date,.Link-title-all,.Link-Issuer-all,.link-date-all{
        background-color: #eeffee !important;
    }

  /*  .logo-box img{
        margin-right: -64% !important;
    }*/
    .new-pwd{
        border-radius: 0px !important;
    }
    body:not(.small-sidebar) .sidebar.visible {
        visibility: visible;
      }
    }
    .node-form label{
        float: left;
    }
    
  
    .slogan {
        margin: 0;
        font-variant: small-caps;
        line-height: 60px;
        display: block;
        float: left;
    }

    .firma-field-container {
        margin-right: 3%;
        float: left;
        clear: none;
    }    
    .field-name-field-p0-contact-name,
.field-name-field-area,
.field-name-field-p0-emergency-phone,
.field-name-field-p0-contact-center,
.field-name-field-p0-contact-building,
.field-name-field-p0-contact-floor,
.field-name-field-p0-contact-phone {
    width: 18% !important;
    margin-right: 2%;
    float: left;
    clear: none;
} 
.field-name-field-pa-introtxt p,
.field-name-field-pb-introtxt p,
.field-name-field-pc-introtxt p,
.field-name-field-pd-introtxt p,
.field-name-field-pe-introtxt p,
.field-name-field-pf-introtxt p,
.field-name-field-pg-introtxt p,
.field-name-field-ph-introtxt p,
.field-name-field-pi-introtxt p,
.field-name-field-pj-introtxt p {
    font-weight: bold;
   /* text-align: center;*/
}
 

/*telefon vertical*/
@media screen and (max-width: 600px){
    .form-type-checkboxes>label {
        width: 75%;
        font-size: 16px;
        display: block;
    }
    .form-item-field-p0-notify-themes-und-2 .option {
        padding: 8px !important;
        width: 280px !important;
        margin-right: 0px !important;
        
    }
    .form-item-field-p0-notify-themes-und-1 .option{
        width: 281px !important;
    }
    .form-item-field-p0-notify-themes-und-3 .option{
        margin-top: 3px;
    }
    #edit-field-p0-user-contact{
        width: 100%;
        height: 40px;
    }
    .field-widget-text-textfield {
        width: 100%;
        
    }
    #edit-field-p0-val-user-emisor-chosen,#edit-field-p0-val-user-resparea-chosen,#edit-field-p0-val-user-coord-chosen,#edit-field-p0-val-user-recurso-chosen,#edit-field-p0-val-user-recept-chosen{
        height: 40px;
    }
    #uniform-edit-field-p0-notify-themes-und-0{
        padding-bottom: 30px;
    }
    .option{
        margin-right: 6px;
    }
    #uniform-edit-field-p0-notify-themes-und-2{
        margin-top: 12px;
    }
    .checklist-wrapper .checker{
        margin-top:6px;
    }
    /*botones area/centro*/
    #edit-field-p0-contact-center-und,#edit-field-area-und{
        width: 145px;
        height: 40px;
    }
    #edit-submit{
        width: 60%;
        border-radius:20px;
        display: inline-block; 
        margin: 0 auto;
    }
    #edit-actions{
        display: flex;
        justify-content: center;
    }
    .text-full,
    textarea {
        width: 100%;
        vertical-align:top;
        height: 200px;
    }
    #edit-field-p0-form-mocnum-und-0-value,#edit-field-p0-form-oc-txt-und-0-value,#edit-field-p0-form-pot-txt-und-0-value,#edit-field-p0-dep-und-0-value,#edit-field-p0-contact-name-und-0-value,#edit-field-p0-contact-building-und-0-value,#edit-field-p0-contact-floor-und-0-value,#edit-field-p0-contact-phone-und-0-value{
        height: 40px;
        vertical-align: top;
        
        
    }
    .fieldset-wrapper{
        display: flex;
        flex-direction: column;  
    }
    #edit-field-p0-val-date-und-0-value-datepicker-popup-0{
        margin-bottom: 16px;
    }
    
}
@media screen and (max-width: 600px){
    .chosen-drop{
        width: 100% !important;
        font-size: 16px;
    }  
    #edit_field_area_und_chosen ,#edit_field_p0_contact_center_und_chosen{
        width: 160px !important;
    }
    .chosen-container-multi .chosen-choices{
        width: 100% !important;
        height: 50px;
        
    }
    .actual-timezone {
        margin-left: 1px;
    }
    .form-type-date-popup input{
        width: 94px;
    }
    .form-type-date-popup label{
        width: 50px;
        
    }
    .field-type-datetime legend{
        font-size: 15px;
    }
    input[type="text"]{
       font-size: 16px; 
    }
    .page-inner{
        min-height: inherit !important;
    }
    .page-footer p{
        margin-left: 1px !important;
    }
    .checker{
        transform: scale(1.5);
    }
    #uniform-edit-field-p0-val-user-recurso-timeout-checkbox{
        margin-top: 6px;
    }
    .form-item-field-p0-walkies-und label{
        width: 91% !important;
    }
}
/*telefono tabla*/
@media screen and (max-width: 600px){
    .views-exposed-widgets{
        display: flex;
        flex-direction: column;
    }
    .views-filter-buttons{
        display: flex;
        justify-content: center;
    }
    .views-finalizar-button, .views-print-all-button{
        width: 40%;
        font-size: 15px !important;
        height: 50px;
        
    }
    .search-field{
        height: 50px;
        width: 40%;

    }
    #edit_field_petra_status_target_id_chosen,#edit_selected_forms_chosen,#edit_field_p0_contact_center_target_id_chosen,#edit_field_area_target_id_chosen ul{
        width: 300px !important;
    }
    .search-field input{
        font-size: 15px !important;
    }
    #edit-combine,#edit-between-date-filter-value-datepicker-popup-0{
        height: 50px;
        border: 1px solid #d4d4d4;
    }
    #edit-reset{
        height: 50px;
        width: 40%;
        font-size: 15px !important;
        
    }
    #edit-combine{
        width: 300px !important;
    }
    
    /*parte de la tabla*/
    .views-table > thead > tr:first-child {
        display: flex;
    }
    .views-field-petra-close {
        width: 5% !important;
      }
    .views-table {
        width: 100%;
        border-collapse: collapse;
      }
    .views-table tr {
        display: block;
        border: 1px solid #ccc; /* Agrega un borde a cada registro */
        border-radius: 5px; /* Agrega esquinas redondeadas para un aspecto más agradable */
        margin-bottom: 10px;
      }
      .views-finalizar-button{
        margin-left: -50px !important;
        
      }
    
      .views-table th, .views-table td {
        display: block;
        text-align: left;
        padding: 5px; /* Agrega relleno si es necesario */
      }
    
      .views-table th {
        font-weight: bold;
      }
      /* #edit-field-p0-contact-center-target-id,#edit-field-petra-status-target-id,#edit-field-p0-contact-center-target-id--2,#edit-field-p0-contact-center-target-id--2,#edit-field-petra-status-target-id--2{
        width: 200px;
      } */
      #edit-field-area-target-id{
        width: 302px !important;
      }
      .page-footer{
        height: 94px;
      }
   
    
    
      /*formulario A*/
    .clearfix .field-type-list-text {
        width: 100% !important;

    }
    /*desplegables permiso y area*/
    #edit-field-pa-val-user-emisor-chosen,#edit-field-pa-val-user-resparea-chosen,#edit-field-pb-val-user-emisor-chosen,#edit-field-pb-val-user-emisor-chosen{
        height: 40px;
    }
    /*medidas adicionales text field*/
    #edit-field-pa-add-und-0-value,#edit-field-pc-space-type-und-0-value,#edit-field-pc-space-status-und-0-value,#edit-field-pc-space-status-und-0-value,#edit-field-pc-space-danger-und-0-value{
        height: 30.85px;
    }
    /*Formulario B*/
    #edit-field-pb-mat-time-t-und-0-value{
        height: 30.85px;
        width: 50px;
        margin-left: -4px !important;
    }
    /*cortina agua y mantas*/
    #edit-field-pb-equip-blanket{
        width: 100% !important;
    }
    #edit-field-pb-equip-water{
        width: 100% !important;
    }
    .form-item-field-pb-equip-water-und label{
        width: 110px !important;
    }
    /*alarma incendio*/
    #edit-field-pb-more-alarm-und-0-value{
        height: 30.85px !important;
    }
    #uniform-edit-field-pb-equip-water-und{
        margin-left: 22px;
    }
    

    

}
/*
/* ipad vertical */
/*
* EXTRA IMPORTANT
*/
/*tabla pc*/
#field-p0-val-recurso-txt-add-more-wrapper,#field-p0-val-coord-txt-add-more-wrapper {
    
    padding-top: 20px;
  }
.views-field-field-p0-desc,.views-field-field-p0-dep{
    border:none !important;
    background-color: #ffffff !important;
}
.table-titles,.views-field-field-p0-desc-1,.views-field-field-p0-dep-1,.views-field-title-1{
    display: none;
}
.titles-NoDisplay{
    display: none !important;
}
.page-inner {
    padding-bottom: 109px;
}
.views-field.views-field-title.active.Link-title {
    margin-left: 10px;
}
.views-field.views-field-title.active.Link-title {
    background-color: #fff;
}
.views-field-field-p0-desc,.views-field-field-p0-dep{
    border:none !important;
    background-color: #ffffff !important;
}
.views-field-petra-close {
    width: 14% ;
}
.hidden-edit {
    display: none !important;
}
.views-field.views-field-nothing{
    display: none;
}

.form-item-acabar-a-mano {
    display: inline-block;
    margin-top: 20px;
}

.page-node-clone .form-actions,
.page-node-add-petra .form-actions {
    margin-bottom: 20px;
    display: inline-block;
}

#pe-gr-ener .hidden,
#pe-gr-util .hidden {
    display: block !important;
    visibility: hidden;
}

.page-node-edit .field-name-field-p0-worker-signature,
.page-node-edit .field-name-field-pa-rec-prev-signature,
.page-node-edit .field-name-field-pb-rec-prev-signature,
.page-node-edit .field-name-field-pc-rec-prev-signature,
.page-node-edit .field-name-field-pd-rec-prev-signature,
.page-node-edit .field-name-field-pe-rec-prev-signature,
.page-node-edit .field-name-field-pf-rec-prev-signature,
.page-node-edit .field-name-field-pj-rec-prev-signature,
.page-node-edit #pe-gr-ele-cond.hidden,
.page-node-edit #p0-gr-dev.hidden,
.page-node-edit .checklist .form-wrapper.hidden input.hidden,
.page-node-edit .checklist .form-wrapper.hidden {
    display: block !important;
    color: #888;
}

.page-node-edit .checklist .form-wrapper.hidden input.hidden.not-empty,
.page-node-edit .checklist .form-wrapper.hidden.not-empty {
    color: inherit;
}

.page-node-edit .checklist .form-wrapper.hidden:not(.not-empty) div.checker.disabled span,
.page-node-edit .checklist .form-wrapper.hidden:not(.not-empty) div.checker.disabled.active span {
    background: url("../images/hidden-field-check.png") 0 0 no-repeat !important;
}

.page-node-edit .checklist #pe-gr-ener .hidden,
.page-node-edit .checklist #pe-gr-util .hidden {
    visibility: visible;
}

.page-node-edit .form-wrapper.field-name-field-petra-status.hidden,
.page-node-edit .form-wrapper.field-name-field-p0-notified-users.hidden,
.page-node-edit .form-wrapper.field-name-field-p0-notify-themes.hidden,
.page-node-edit .form-wrapper.firma-text-field.hidden {
    display: none !important;
}

.qr-code {
    position: absolute;
}

.qr-code.top-left {
    top: 20px;
    left: 20px;
}

.qr-code.bottom-right {
    bottom: 20px;
    right: 20px;
}

#edit-field-p0-form-limpieza-txt {
    margin-top: 5px;
}

img.warning {
    height: 15px;
}

.punto-de-encuentro-container {
    text-align: center;
}

.punto-de-encuentro {
    height: 150px;
}

.punto-de-encuentro-label {
    text-transform: uppercase;
    position: relative;
    top: 75px;
    /* half punto de encuentro image height */
}

img.grua {
    padding: 15px;
    width: 75%;
    max-width: 750px;
    display: none;
}

.field-name-field-pj-eval-risks-grua-img,
.field-name-field-pj-eval-risks-common-list {
    /*only show if printed*/
    display: none;
}

.field-name-field-pj-eval-risks-grua-img {
    text-align: center;
}

.field-name-field-pj-eval-risks-table>*>table>tbody>tr>th {
    background-color: #ffe599;
    border: black solid 1px;
    height: 45px;
    padding: 2px 5px;
}

.field-name-field-pj-eval-risks-table>*>table,
.field-name-field-pj-eval-risks-table>*>table>tbody>tr>td {
    border: black solid 1px;
    padding: 2px 5px;
}

.field-name-field-pb-equip-date {
    display: none;
}


.text-guide{
    display: flex;
    justify-content: center;
}
/*enlaces*/
.Link-title,.Link-Emitter,.link_date,.Link-title-all,.Link-Issuer-all,.link-date-all {
    cursor: pointer;
    /* position: relative; */
    color: #337ab7; /* Color del texto del enlace */
   
  }

  .notifications-iPhone img{
    width: 40% !important;
    height: 100% !important;
}

  
/*webpush button*/
#webpush-simple-sub-button {
    width: 30px;
    height: 30px;
    border-radius: 18px;
    margin-right: 10px;
    cursor: pointer;
    margin-top: 16px;

  
  }
  #webpush-simple-sub-button[data-webpush-state="enabled"]{
    background-image: url('../../../../modules/custom/webpush/images/notifications-outline.svg');
    cursor: pointer;
    }
    
    #webpush-simple-sub-button[data-webpush-state="disabled"]{
        background-image: url('../../../../modules/custom/webpush/images/notifications-off-outline.svg');
    cursor: pointer;
    }
    
    #webpush-simple-sub-button[data-webpush-state="incompatible"],
    #webpush-simple-sub-button[data-webpush-state="userdenied"],
    #webpush-simple-sub-button[data-webpush-state="computing"],
    #webpush-simple-sub-button[data-webpush-state="unknown"] {
    background-image: url('../../../../modules/custom/webpush/images/notifications-off-outline.svg');
    cursor: not-allowed;
    /* opacity: 10%;*/
    
    }
    
    #webpush-simple-sub-button:hover::after {
    content: attr(data-webpush-message);
    display: block;
    position:absolute;
    text-align: center;
    top: 50px;
    font-size: 12px;
    line-height: 14px;
    background-color: white;
    padding: 3px 5px;
    border-radius: 10px;
    color:black;
    width: 150px;
    margin-left: -57px;
    }
    #field-pg-eval-note-add-more-wrapper{
    padding-top: 10px;
    }
    /*test mesage*/
    .test_mesage{
    pointer-events: none;
    background-color: rgba(255, 0, 0, 0.7);
    width: 25% !important;
    position: fixed; 
    height: 40px;
    color: white; 
    z-index:1000; 
    font-size: 20px;
    background-size: 5cm 5cm;
    }
    .text_forms{
    display: none;
    }
    
    #final-img{
        width: 139px;
        
    }
    .table > thead > tr > th{
        background-color: #eeffee !important;
    }
    .views-exposed-widget{
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    
    }
    /* Estilos para el modal */
    .modall {
        display: none;
        position: fixed;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 80%;
        max-height: 80%;
        overflow: auto;
        background-color: white;
        padding: 20px;
        border: 1px solid #ccc;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        text-align: center;
    }
    
    /* Estilos para el contenido del modal */
    .modall-content {
        width: 50vh;
        height: 60vh
    }
    
    /* Estilos para el botón de cierre del modal */
    .close-button {
        transform: scale(1.5);
        color: #000;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        font-size: 0px;
        margin-top: 10px;
    }
    .close-button::before, .close-button::after{
        background: gray !important;
    }

    @media only screen and (max-width: 768px) {
        /* .nav.navbar-nav.navbar-right{
            display: none;
        } */
        #main-wrapper{
            padding-bottom: 100%;
        }
        .slogan{
            display: none;
        }
    }

    .menu-mobile{
        display: none !important;
    }