:root {
    --color-2th: #99CC33;
}


.pane-search-form .pane-content {

    border-radius: 5px;
}


h1, h2, h3, h4, h5 {
    line-height: 1.28571429em;
    margin: calc(2rem - 0.14285714em) 0 1rem;
    font-weight: 700;
    padding: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}

@import url('https://fonts.googleapis.com/css?family=Raleway'); body.page-transparencia.page-transparencia-calendari .pm-cos-resultat {
    width: 1200px;
    margin: auto;
    padding: 2rem 0 2rem 0;
    float: inherit;
}

body.page-transparencia.page-transparencia-calendari .view-header h2 {
    font-size: 2.4rem;
}

body.pm-template-transparencia {
    /*font-family: OpenSans-Regular;*/
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
}

.content-table .inner-table .header .cell, .content-table .inner-table .subHeader .cell {
    text-transform: none;
}

.field.field-name-field-transp-table.field-type-tablefield.field-label-hidden {
    margin-top: 2em;
}

.content-table .inner-table .cell {
    font-size: 14px;
}

/*Enlace en vista*/
.view-footer a.enllac-en-vista {
    margin: 2rem 0 2rem 0;
    display: block;
}

.i18n-es .bef-checkboxes .form-item-edit-seccion-656::after {
    content: "Empresa publica";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 3px;
    line-height: 20px;
}

.i18n-ca .bef-checkboxes .form-item-edit-seccion-656::after {
    content: "Empresa publica";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 3px;
    line-height: 20px;
}

.i18n-es .bef-checkboxes .form-item-edit-seccion-584::after {
    content: "Agencia de desarrollo local";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 1em;
    line-height: 20px;
}

.i18n-ca .bef-checkboxes .form-item-edit-seccion-584::after {
    content: "Agencia de desenvolupament local";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 3px;
    line-height: 20px;
}

.i18n-es .bef-checkboxes .form-item-edit-seccion-587::after {
    content: "Recursos humanos";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 1em;
    line-height: 19px;
}

.i18n-ca .bef-checkboxes .form-item-edit-seccion-587::after {
    content: "Recursos humans";
    color: #ccc;
    font-size: 0.8rem;
    position: absolute;
    bottom: 3px;
    line-height: 20px;
}

/* Vistes en transparencia */
.pm-cos-resultat .vista-x-transparencia.view:not(.view-bosses-de-traball) .view-filters {
    background: #dedede;
    padding: 1rem;
    margin: 0 0 2rem 0;
}

.pm-cos-resultat .vista-x-transparencia.view:not(.vista-tramits) .view-content .views-row {
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #ccc;
}

.pm-cos-resultat .vista-x-transparencia.view:not(.vista-tramits) .view-content .views-row:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.pm-cos-resultat .vista-x-transparencia .view-content .node h2, .pm-cos-resultat .view-content .node h2 a {
    font-size: 1.3rem;
    font-weight: bold;
}

.pm-cos-resultat .vista-x-transparencia .view-content .node .submitted {
    display: none;
}

.pm-cos-resultat .vista-x-transparencia .pane-views .view .views-row {
    margin-bottom: 2rem;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widgets {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    align-items: center;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget {
    margin: 1rem;
    padding: 0;
}

.pm-cos-resultat .vista-x-transparencia .views-widget {
    margin: 0;
    padding: 0;
}

.pm-cos-resultat .vista-x-transparencia select.form-select {
    width: 100%;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget.views-widget-filter-field_directorio_tid_1 .select {
    height: 5.5rem;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget label {
    margin: 0 0 0.3rem 0;
    font-size: 0.7rem;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget .description {
    margin: 0.3rem 0 0 0;
    font-size: 0.7rem;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget input, .pm-cos-resultat .vista-x-transparencia .views-exposed-widget textarea {
    background-color: #fff;
    border: 0;
    padding: 7px;
    width: 100% !important;
    line-height: 1.2rem;
    font-size: 1rem;
    color: #000;
    height: 2rem;
}

.pm-cos-resultat .vista-x-transparencia select.form-select, .pm-cos-resultat .vista-x-transparencia .form-submit, .pm-cos-resultat .vista-x-transparencia .views-reset-button {
    font-size: 1rem;
    line-height: 1rem;
    min-height: 2rem;
}

.pm-cos-resultat .vista-x-transparencia .views-exposed-widget .form-submit {
    margin: 0;
}

.views-exposed-widget.views-submit-button {
    background: #dda;
}

/* processos selectius en panell - borrable -  */
.llista-procediments ul.procediments {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    box-align: stretch;
    margin: 0;
    padding: 0;
}

.llista-procediments ul.procediments li {
    background: #3f3f3f;
    width: 210px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.llista-procediments ul.procediments li:hover {
    background: #EB8B46;
}

.llista-procediments ul.procediments li a {
    color: #fff;
}

.llista-procediments ul.procediments li:first-child, .llista-procediments ul.procediments li:last-child {
    margin: 0.4em 0 0.4em 0;
}

.page-transparencia-processos-selectius .views-exposed-widgets label {
    margin: 0 0 0.5em 0;
    font-size: 22px;
    font-weight: normal;
}

.page-transparencia-processos-selectius .views-exposed-widgets .bef-checkboxes label {
    margin: 0;
    font-size: inherit;
    font-weight: normal;
}

.page-transparencia-processos-selectius input#edit-title-field-value-buscador {
    margin: auto;
    width: 500px;
    font-size: 1rem;
    display: table;
}

.page-transparencia-processos-selectius #edit-title-field-value-buscador-wrapper {
    background: #ccc;
    padding: 1em;
}

.page-transparencia-processos-selectius #edit-title-field-value {
    margin: auto;
}

.page-transparencia-processos-selectius #edit-portales7-category-categoria-tid-wrapper, .page-transparencia-processos-selectius #edit-portales7-category-estat-tid-1-wrapper, .page-transparencia-processos-selectius #edit-titulo-wrapper {
    margin: 0 0 2rem 0;
}

.page-transparencia-processos-selectius select#edit-portales7-section-tid {
    margin: 0 0 2rem 0;
    width: 33%;
    height: 75px;
    padding: 0.3rem;
}

.page-transparencia-processos-selectius select#edit-portales7-section-tid option {
    margin: 0.3rem;
    padding: 0;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    box-align: stretch;
    margin: 0;
    padding: 0;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox {
    background: #3f3f3f;
    width: 210px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox:hover {
    background: #EB8B46;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox .option {
    color: #fff;
    font-weight: normal;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-656, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-584, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-587 {
    position: relative;
    width: 240px;
    height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-656 .option, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-584 .option, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-587 .option {
    margin-bottom: 14px;
}

.page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-656 input, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-584 input, .page-transparencia-processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox.form-item-edit-seccion-587 input {
    margin-bottom: 20px;
}

.page-transparencia-processos-selectius .views-exposed-form .views-exposed-widget {
    float: inherit;
    padding: 0;
}

.page-transparencia-processos-selectius .views-exposed-form .description {
    margin: 0.5rem 0 0 0;
}

/* processos selectius en views */
.llista-procediments ul.procediments {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    box-align: stretch;
    margin: 0;
    padding: 0;
}

.llista-procediments ul.procediments li {
    background: #3f3f3f;
    width: 210px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

.llista-procediments ul.procediments li:hover {
    background: #EB8B46;
}

.llista-procediments ul.procediments li a {
    color: #fff;
}

.llista-procediments ul.procediments li:first-child, .llista-procediments ul.procediments li:last-child {
    margin: 0.4em 0 0.4em 0;
}

.processos-selectius .views-exposed-widgets label {
    margin: 0 0 0.5em 0;
    font-size: 22px;
    font-weight: normal;
}

.processos-selectius .views-exposed-widgets .bef-checkboxes label {
    margin: 0;
    font-size: inherit;
    font-weight: normal;
}

.processos-selectius input#edit-title-field-value-buscador {
    margin: auto;
    width: 500px;
    font-size: 1rem;
    display: table;
}

.processos-selectius #edit-titulo-wrapper {
    background: #ccc;
    padding: 1em;
}

.processos-selectius #edit-titulo {
    margin: auto;
}

.processos-selectius #edit-categoria-wrapper, .processos-selectius #edit-estado-wrapper, .processos-selectius #edit-seccion-wrapper, .processos-selectius #edit-titulo-wrapper {
    margin: 0 0 2rem 0;
}

.processos-selectius select#edit-portales7-section-tid {
    margin: 0 0 2rem 0;
    width: 33%;
    height: 75px;
    padding: 0.3rem;
}

.processos-selectius select#edit-portales7-section-tid option {
    margin: 0.3rem;
    padding: 0;
}

.processos-selectius .views-exposed-form .bef-checkboxes {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    box-align: stretch;
    margin: 0;
    padding: 0;
}

.processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox {
    background: #3f3f3f;
    width: 210px;
    height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    position: relative;
}

.processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox:hover {
    background: #3f3f3f;
}

.processos-selectius .views-exposed-form .bef-checkboxes .form-type-bef-checkbox .option {
    color: #fff;
    font-weight: normal;
    background: #3f3f3f;
}

.processos-selectius .views-exposed-form .views-exposed-widget {
    float: inherit;
    padding: 0;
}

.processos-selectius .views-exposed-form .description {
    margin: 0.5rem 0 0 0;
}

.processos-selectius table.views-table .views-field-title {
    font-weight: bold;
}

.processos-selectius .view-header {
    background: #cecece;
    padding: 1rem;
    margin: 0 0 2rem 0;
}

.processos-selectius .view-header h2 {
    font-size: 2rem;
    margin: 0 0 1rem 0;
    font-weight: normal;
}

.processos-selectius .view-header p {
    font-size: 1rem;
    text-align: justify;
}

.processos-selectius .form-item.form-type-select {
    display: block;
}

/* Taula de vista traballs */
.processos-selectius table.views-table {
    width: 100%;
}

.processos-selectius table.views-table td {
    padding: 0.4rem;
}

.processos-selectius table.views-table th {
    padding: 0.8rem;
    text-align: center;
    background: #3f3f3f;
    color: #fff;
}

.processos-selectius table.views-table th a {
    color: #fff;
}

/*.panels-flexible-region-pagina-listado.pagina-listado-titulares-center-inside .panel-pane.pane-views-panes {margin: 0 0 2rem 0;}*/
tr.odd.abierto {
    background: #ccf3cc;
}



tr.odd.cerrado {
    background: #ffbfbf;
}

tr.even.abierto {
    background: #e6f9e6;
}



tr.even.cerrado {
    background: #ffdfdf;
}

/* Associacions */
ul.associacions {
}

li.fila-associacions {
}

.pm-cos-resultat .group-logo-entitat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    align-items: center;
    ;}

.pm-cos-resultat .group-logo {
    min-width: 100px;
    width: auto;
    height: auto;
    float: left;
    margin-right: 1em;
}

.pm-cos-resultat .group-cos1 {
    width: 100%;
    position: relative;
}

.pm-cos-resultat .group-logo + .group-cos1 {
    width: calc(100% - 100px);
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field-name-title-field {
    font-size: 1.3rem;
    font-weight: bold;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field-name-portales7-entity-postaladdress {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    align-items: center;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .group-cos2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    align-items: center;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field-name-portales7-entity-postaladdress .field-items .field-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    align-items: center;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field .field-items .field-item {
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field-name-portales7-entity-postaladdress .street-block {
    padding: 0 0.8rem 0 0;
}

.pm-cos-resultat .group-logo-entitat .group-cos1 .field-name-portales7-entity-postaladdress .addressfield-container-inline {
    padding: 0 0 0 0.8rem;
}

.pm-cos-resultat .group-logo-entitat .group-logo .field-name-portales7-entity-logo {
    margin: 0;
}

/* = = = = = = = = = = = = = Botons en nodo transparencia + ITA */
/* - - - - - - - botonera - - - - - - - */
.botonera {
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-align: stretch;
    margin: 20px 0 20px 0;
    padding: 0;
}

.bototr {
    min-width: 284px;
    max-width: 33.33%;
    display: block;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.bototr-contenedor {
    background: #b70a3b;
    width: 280px;
    height: 85px;
    position: relative;
    color: #fff;
    transition: all 500ms ease-in-out 0s;
    margin: auto;
}

.bototr-contenedor a {
    color: #fff;
}

.bototr-contenedor a:hover {
    color: #fff;
}

.iconettr {
    position: absolute;
    top: 0;
    left: 0;
    height: 85px;
    width: 85px;
    padding: 0;
    margin: 0 display: block;
}

.iconettr img {
    margin: 10px;
    transform: scale(1);
    height: 65px;
    width: 65px;
    transition: all 500ms ease-in-out 0s;
}

.texttr {
    position: absolute;
    top: 0;
    left: 86px;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 0;
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/*.texttr.unall { padding:30px 5px 0 0}
.texttr.dosll { padding:18px 5px 0 0}
.texttr.tresll { padding:5px 5px 0 0}*/
.pm-cos-resultat .field-name-body .botonera .texttr a {
    color: #fff;
    padding-right: 0;
    display: block;
    width: 190px;
    text-decoration: none;
}

.bototr:hover .iconettr img {
    margin: 10px;
    transform: scale(0.7);
    transition: all 500ms ease-in-out 0s;
}

.bototr:hover .bototr-contenedor {
    background: #000;
    transition: all 500ms ease-in-out 0s;
}

/* - - - - - - - dato - - - - - - - */
.dato {
    background: #F7E3C3;
    font-size: 22px;
    padding: 20px;
}

/* - - - - - - - - ITA - - - - - - - - */
.pane-node-field-ita-id {
    border-top: 1px solid #333;
    padding: 50px 0 0 0;
    clear: both;
}

.pane-node-field-ita-id .field-name-field-ita-id .field-items .field-item {
    float: left;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 50%;
    text-align: center;
    margin: 3px;
    width: 18px;
    height: 18px;
}

/* Arregla els amples de les columnes de transparencia */
.pane-pane-messages ul.tabs.primary {
    display: flex;
    flex-wrap: wrap;
}

.page-node .pane-pane-messages ul.action-links {
    display: flex;
    flex-wrap: wrap;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside {
    display: flex;
    flex-wrap: wrap;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column-first {
    width: 25%!important;
    /*background: #dedede;*/
    float: inherit;
    padding-top: 1em;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column.pm-cos-resultat {
    width: 75%!important;
    /*background: #ccc;*/
    float: inherit;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-canvas .pm-cos2 > .pm-row-inside .pm-column-first .pm-column-inside {
    padding-right: 2rem;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column-first .panel-pane.pane-menu-transparencia {
    margin: 0;
    margin-top: 0!important;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column-first #cssmenu {
    width: 100%;
    margin-left: 0;
    border-radius: 10px;
}

.pm-template-transparencia:not(.transparencia-inicio) .pm-column.pm-cos-resultat .estructura-columna-izquierda-inside .panels-flexible-row-estructura-columna-izquierda-4 {
    background: #fcfcfc;
}

#pm-pagina-general.pm-canvas, .pm-canvas, .maintenance-page #page, #page, #sponsor {
    width: inherit !important;
}

.pm-template-transparencia .pm-cap {
    background-color: #f5f5f5;
    padding: 0;
}

.pm-template-transparencia .pm-cap > div {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

body.page-node .pm-cos2 {
    width: 1200px;
    margin: auto;
    padding: 1em;
}

/*.pm-cap .panel-pane.pane-block.pane-locale-language{margin-top:35px !important;}*/
.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li {
    margin: 0;
    background-color: #e0e1e2;
    padding: 0.7em;
    border: 0;
    float: left;
    display: block;
}

.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li a {
    color: #FFF;
    background-color: transparent;
}

.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li.active {
    background-color: #c0c1c2;
}

.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li.active a {
    color: #FFF;
}

.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pm-template-transparencia .pm-cap .panel-pane.pane-block.pane-locale-language ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pm-template-transparencia .pm-cap2 {
    padding-bottom: 0 !important;
}

body.page-transparencia .pm-cos-resultat {
    width: 100%;
    margin-bottom: 0;
}

.pm-template-transparencia .pm-row.pm-cos2 > .inside.pm-row-inside, .pm-row.cabecera-transp-fila .inside.pm-row-inside {
    max-width: 100%;
    max-width: 1200px;
    padding: 1em;
    background: #fff;
}

.transparencia-inicio .regio-cos-resultat, .pm-alfarrsi-interior .pm-row.pm-cos2 .inside.pm-row-inside {
    width: 100%;
    max-width: inherit;
}

.pm-template-transparencia .panel-separator {
    margin: 0 !important;
    height: 0;
}

.pm-template-transparencia .transparencia-inicio .pm-column.pm-cos-resultat {
    margin-bottom: 0;
    padding-top: 2em;
}

.pm-template-transparencia .pm-region .pm-region-inside {
    padding: 0 !important;
}

.pm-template-transparencia .panels-flexible-row.region-center, .panels-flexible-row.region-top {
    width: 1200px;
    margin: auto !important;
    padding: 0px 0 2em 0;
}

.pm-template-transparencia .panels-flexible-row.region-bottom .panels-flexible-region-inside-last > div {
    width: 1200px;
    margin: auto;
}

.pm-template-transparencia .cabecera-transparencia {
    /* background:url('/sites/default/files/files/transparencia/imag-cabecera.png') center center; */
    padding: 4em 1em;
    background-size: cover;
    color: #FFF;
}

.pm-template-transparencia .pm-row.pm-cos.area {
    padding: 0 !important;
}

.pm-template-transparencia .cabecera-transparencia .pane-content {
    width: 100%;
    margin: auto;
}

.pm-template-transparencia .cabecera-transparencia .pane-content > div {
    /* width: 50%; */
}

.pm-template-transparencia .cabecera-transparencia h2 {
    font-size: 3.8em;
    color: #FFF !important;
}

.pm-template-transparencia .cabecera-transparencia h3 {
    font-size: 3.5em;
    font-weight: lighter;
    margin-top: 0;
}

.pm-template-transparencia .cabecera-transparencia p {
    font-size: 1.4em;
    max-width: 800px;
    margin: 0 auto;
    line-height: 150%;
}

.pm-template-transparencia .panels-flexible-row.region-center .arrow_box {
    background-color: #99CC33;
    padding: 50px 30px;
    color: #FFF;
    font-size: 1.3em;
    text-align: center;
    position: relative;
    border-radius: 10px;
}

.pm-template-transparencia .panels-flexible-row.region-center .arrow_box img {
    margin: auto;
    margin-bottom: 20px;
}

.pm-template-transparencia .arrow_box:after, .arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pm-template-transparencia .arrow_box:before {
    border-color: rgba(194,225,245,0);
    border-width: 36px;
    margin-top: -36px;
}

.pm-template-transparencia .arrow_box:after {
    border-color: rgba(136,183,213,0);
    border-left-color: #99CC33;
    border-width: 30px;
    margin-top: 20px;
}

.pm-template-transparencia .menubox-cab h2 {
    font-size: 2.5em;
    text-align: center;
}

.pm-template-transparencia .menubox-cab h3 {
    font-size: 1.8em;
    font-weight: lighter;
    text-align: center;
}

.pm-template-transparencia .panel-pane.tres-columnas .portales7_banners_banners .views-row {
    width: 33.33%;
    float: left;
}

.pm-template-transparencia .panel-pane.tres-columnas .portales7_banners_banners .banner-image {
    margin: auto;
    display: table;
}

.pm-template-transparencia .panel-pane.tres-columnas .portales7_banners_banners img {
    width: inherit;
    height: auto;
}

.pm-template-transparencia .panel-pane.tres-columnas .views-row:nth-child(3n+1) {
    clear: both;
}

.pm-template-transparencia .banners-transparencia1 li.views-row {
    margin: 0 !important;
}

.pm-template-transparencia .banners-transparencia1 li.views-row .banner-grup-text {
    text-transform: uppercase;
    position: relative;
    background: transparent;
    display: table;
    margin: auto;
    bottom: inherit;
    margin-top: 1em;
}

.pm-template-transparencia .banners-transparencia1 li.views-row .banner-grup-text a, .banners-transparencia1 li.views-row .banner-grup-text span {
    text-align: center;
    text-decoration: none;
    color: #000;
}

.pm-template-transparencia .banners-transparencia1 .view-portales7-banners-banners ul li {
    height: auto;
    width: 20%;
    padding: 40px 20px;
}

.pm-template-transparencia .banners-transparencia2 {
    width: 100% !important;
    background-color: #3397A1;
    padding: 50px 0;
}

.pm-template-transparencia .banners-transparencia2 .pane-content {
    width: 1200px;
    margin: auto;
}

.pm-template-transparencia .banners-transparencia2 > h2 {
    color: #FFF !important;
    font-weight: bold !important;
    width: 1200px;
    margin: auto !important;
    margin-bottom: 2em !IMPORTANT;
    font-size: 2.5em !important;
}

.pm-template-transparencia .banners-transparencia2 .banner-grup-text a, .banners-transparencia2 .banner-grup-text span {
    color: #FFF;
    text-transform: uppercase;
    margin-top: 30px;
    font-size: 1.1em;
}

.pane-datounicoapp {
    background: url('/sites/default/files/files/transparencia/fondo-participacion.jpg') center center;
    padding: 80px 0;
    background-size: cover;
    color: #FFF;
    width: 100% !important;
}

.pane-datounicoapp > h2 {
    width: 1200px;
    margin: auto !important;
    color: #FFF !important;
    font-weight: bold !important;
    margin-bottom: 2em !important;
    font-size: 2.5em !important;
}

.pane-datounicoapp .pane-content {
    width: 1200px;
    margin: auto;
}

.ballsGroup .inside p {
    font-weight: normal;
}

.wrapperBall .ball {
    background-color: #99CC33 !important;
}

.wrapperBall:nth-child(n):hover .ball {
    background-color: #353535 !important;
}

h2#odometer {
    color: #FFF !important;
}

.ballsGroup .inside i.fa {
    font-size: 3.5em;
}

.page-transparencia .wrapperBall:hover .inside h2#odometer span {
    color: #fff!important;
}

.pm-template-transparencia .pm-row.pm-peu,.pm-template-transparencia #sponsor {
    background-color: var(--color-2th) !important;
    padding: 2em 0 0 0;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta {
    width: 100% !important;
    max-width: 100% !important;
    background: url('/sites/default/files/files/transparencia/imag-solicita-informacion.png') center center;
    padding: 35px 0;
    background-size: cover;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta > h2, .transparencia-inicio.pm-template-transparencia .pane-contacta > .pane-content {
    width: 1200px;
    margin: auto;
    display: block;
    overflow: hidden;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-name input {
    width: inherit;
    width: 95%;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-name label {
    display: table;
    clear: both;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-mail input {
    width: inherit;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-mail label {
    display: table;
    clear: both;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-name, .transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-copy,.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-subject {
    float: left;
    width: 36%;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-mail,.transparencia-inicio.pm-template-transparencia .pane-contacta .form-actions,.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-cid {
    float: right;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-message {
    clear: both;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-message textarea {
    height: 50px;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item-subject {
    clear: both;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-submit {
    margin-top: inherit;
    border: 0;
    padding: 8px;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta select {
    border: 0;
    padding: 7px;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-actions {
    margin-top: 0;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .form-item input[type="checkbox"] {
    width: auto;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .captcha {
    border: 0;
    width: 45%;
    float: left;
}

.transparencia-inicio.pm-template-transparencia .pane-contacta .captcha legend,.transparencia-inicio.pm-template-transparencia .pane-contacta .captcha .fieldset-description {
    display: none;
}

.pm-template-transparencia .form-item input, .pm-template-transparencia .form-item textarea {
    background-color: #f4f4f4;
    border: 0;
    padding: 7px;
    width: 100% !important;
}

.pm-template-transparencia .pane-contact .form-actions input[type="submit"] {
    border-radius: 0;
}

.pm-template-transparencia .form-item input[type="checkbox"] {
    width: auto !important;
}

/*Interiores*/
.pm-template-transparencia .pane-entity-field .field-type-field-collection .group-predeterminat .grup-relacionats.grup-modo-enllac .field.field-name-title-field {
    margin-bottom: 0 !important;
    background: transparent;
}

.pm-template-transparencia .pane-entity-field .field-type-field-collection .group-predeterminat .field.field-name-title-field {
    background: #99CC33;
    color: #fff;
    padding: 10px 20px 10px 10px;
    overflow: hidden;
    font-size: 1.3rem;
    line-height: 1.3;
    margin-bottom: 0.5em !important;
}

body.transparencia-inicio .panel-pane.pane-menu-transparencia {
    display: none;
}

body.transparencia-inicio .pm-cos2 {
    width: 100%!important;
    margin: auto;
    padding: 0!important;
}

body.page-transparencia.not-front .pm-cos2, body.page-general-transparencia.not-front .pm-cos2, body.pm-template-transparencia.not-front .pm-cos2 {
    width: 100%;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
}

body.page-node.pm-template-transparencia .pm-cos2, body.page-node.pm-template-transparencia.not-front .pm-cos2 {
    width: 100%;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
}

.pm-row.pm-cos.area {
    background: #FFF;
    margin: 0;
}

.cabecera-transparencia-interior {
    /* background-color: #b70a3b; */
}

.cabecera-transparencia-interior > div {
    color: #FFF;
    width: 1200px;
    margin: auto;
}

.cabecera-transparencia-interior h2 {
    padding: 50px 20px;
    font-size: 3em;
    margin: 0;
}

.pm-row.pm-row-pm-canvas-aldaia-main-row.clearfix.pm-cos.area {
    background: url(/sites/default/files/files/transparencia/imag-cabecera.png) center center;
    vertical-align: top;
    background-color: rgb(0 0 0 / 55%);
    background-blend-mode: soft-light;
    background-attachment: fixed;
        background-size: cover;
}

.pane-menu-transparencia {
    margin-top: 2em !important;
}

.pm-template-transparencia #cssmenu,.pm-template-transparencia #cssmenu ul,.pm-template-transparencia #cssmenu ul li,.pm-template-transparencia #cssmenu ul li a {
    background-color: #353535;
    color: #FFF;
}

.pm-template-transparencia #cssmenu>ul>li:not(:last-child)>a {
    border-bottom: 1px solid #c9c9c9;
}

.pm-template-transparencia #cssmenu>ul>li>a {
    font-weight: bold;
    padding: 10px 30px;
}

.pm-template-transparencia #cssmenu ul ul li a {
    line-height: inherit;
    background: #e8e9e9;
    border-bottom: 1px solid #c9c9c9;
    color: #353535;
}

.pm-template-transparencia #cssmenu ul>li.has-sub>a:after,.pm-template-transparencia #cssmenu ul>li.has-sub>a:before {
    background: #FFF;
}

.pm-template-transparencia #cssmenu ul li.active>a {
    text-decoration: none;
}

/*.field-name-portales7-entity-logo img{width:150px !important; height:150px !important; object-fit:none; border-radius:100px;}*/
.pm-template-transparencia .ui-accordion .ui-accordion-icons {
    background: none;
    border: 1px solid rgba(34,36,38,.15);
    padding: 10px 0 10px 3rem;
    background: #99CC33!important;
    border: 0!important;
    border-radius: 10px!important;
}

.page-node.pm-pagina-nodo-contenido .pane-node-portales7-related-article .portales7_fc_content .item-list li .field-name-title-field .field-item {
    font-weight: bold;
    color: #fff;
}

/*Ajustes*/
.pm-template-transparencia .pm-row.pm-cap2 .inside.pm-row-inside {
    width: 1200px;
    margin: 0 auto;
}

.pm-template-transparencia .pm-row.pm-cos, .pm-row.pm-cos2, .pm-row.pm-cos3 {
    background: #FFF;
    padding: 0;
    position: relative;
    /* background: url(/sites/default/files/files/transparencia/imag-cabecera.png) center center; */
}

.pm-template-transparencia .pm-row.pm-cap2 {
    background: #3f3f3f;
}

.pm-template-transparencia .pm-column.pm-column-last.pm-cos-resultat .inside.pm-column-inside {
    padding: 1em;
}

.panel-pane.pane-banners74.banners-transparencia1 img {
    width: auto;
    display: block;
    margin: 0 auto;
    filter: 9j;
    filter: invert(0.5);
}

.panel-pane.pane-banners74.banners-transparencia1 .item-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.panel-pane.pane-banners74.destacados-transparencia.tres-columnas {
    position: relative;
    padding-bottom: 2em;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row {
    width: 170px;
    height: 170px;
    background: #99CC33;
    border-radius: 100%;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #fff;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia .banner-image {
    display: flex;
    justify-content: center;
    margin: 1em auto;
    position: relative;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia .banner-image img {
    width: 60px;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row .banner-grup-text {
    background: transparent;
    text-align: center;
    color: #fff;
    top: inherit;
    font-size: 13px;
    position: relative;
    margin: 0;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row .banner-grup-text a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}

.pm-template-transparencia.transparencia-inicio .pm-row.pm-cos .inside.pm-row-inside {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.pm-template-transparencia.transparencia-inicio .pm-row.pm-row-pm-canvas-main-row.clearfix.pm-cos.area {
    background: url(/sites/default/files/files/transparencia/imag-cabecera.png) center center;
}

.pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row:hover {
    background: #3f3f3f;
    transition: 1s;
}

body.pm-template-transparencia.page-processos-selectius .pm-cos2 {
    width: 1200px;
    margin: auto;
    padding: 1em;
}

.panel-pane.pane-localizable.menubox-cab {
    padding: 0;
}

@media only screen and (min-width: 651px) {
    .dial-radio .ample {
        display: block;
        margin: 0.8rem;
    }

    .dial-radio .estret {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    .dial-radio .ample {
        display: none;
    }

    .dial-radio .estret {
        display: block;
        margin: 0.5rem;
    }

    .dial-radio .estret img {
        width: 100px!important;
        height: auto!important;
    }
}

@media only screen and (min-width: 651px) {
    .pane-page-logo .ample {
        display: block;
        margin: 0.8rem;
    }

    .pane-page-logo .estret {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    .pane-page-logo .ample {
        display: none;
    }

    .pane-page-logo .estret {
        display: block;
        margin: 0.5rem;
    }

    .pane-page-logo .estret img {
        width: 100px!important;
        height: auto!important;
    }

    .pm-template-transparencia .pm-row.pm-cap2 .inside.pm-row-inside {
        width: 100%;
        margin: 0 auto;
    }

    .cabecera-transparencia-interior > div {
        width: 100%;
    }
}

.pm-template-transparencia .pm-row.pm-cos2 > .inside.pm-row-inside {
    max-width: 1200px;
    padding: 1em;
    min-height: 100vh;
}

.pm-template-transparencia .pm-column.pm-column-last.pm-cos-resultat .inside.pm-column-inside {
    padding: 0;
    padding-left: 2em;
}

.pm-template-transparencia .pm-row.pm-row-pm-canvas-aldaia-7.pm-row-last.clearfix {
    padding: 0;
}

.pm-template-transparencia .cabecera-transparencia .inside.pm-region-inside.pm-region-pm-canvas-aldaia-center-inside.pm-region-inside-first.pm-region-inside-last {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pm-row.pm-row-pm-canvas-aldaia-main-row.clearfix.pm-cos.area .inside {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pm-template-transparencia .panels-flexible-row.region-center .arrow_box .pane-content {
    margin: 0;
}

.grupo-nodo-relacionados .field-type-field-collection ul {
    row-gap: 5px;
}

.ui-widget-content {
    border: 0;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
    padding: 0!important;
}

.pane-entity-field .field-name-portales7-media .field-portales7_files {
    margin-top: 10px;
}

.grupo-nodo-relacionados>div>div {
    margin: 0;
}

.pm-template-transparencia .ui-accordion .ui-accordion-icons h3 {
    margin: 0;
}

.pm-template-transparencia .ui-accordion .ui-accordion-icons .field-item.even {
    color: #fff;
}

body.page-contact.i18n-ca .pm-cos2>div:before {
    content: "";
    display: none!important;
}

@media only screen and (max-width: 768px) {
    .pm-template-transparencia .panels-flexible-row.region-center, .panels-flexible-row.region-top {
        width: 100%;
        margin: auto !important;
        padding: 0px 0 2em 0;
    }

    .pm-template-transparencia .panels-flexible-row.region-bottom .panels-flexible-region-inside-last > div {
        width: 100%;
        margin: auto;
    }

    .pm-template-transparencia .panels-flexible-row.region-center .inside {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
    }

    .panels-flexible-170 .panels-flexible-column {
        width: 100%;
    }

    .panel-pane.pane-banners74.banners-transparencia1 .item-list ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .panel-pane.pane-banners74.banners-transparencia1 .item-list ul li {
        width: 50%;
    }

    .panel-pane.pane-localizable.arrow_box:after, .panel-pane.pane-localizable.arrow_box:before {
        display: none;
    }

    .pm-template-transparencia .pm-column.pm-column-last.pm-cos-resultat .inside.pm-column-inside {
        padding: 0;
    }

    .pm-template-transparencia .pm-row.pm-peu, .pm-template-transparencia #sponsor {
        padding: 1em!important;
    }

    .panel-pane.pane-banners74.destacados-transparencia.tres-columnas ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row {
        width: 100px;
        height: 100px;
        background: #99CC33;
        border-radius: 100%;
        margin: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        border: 2px solid #fff;
    }

    .pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia li.views-row .banner-grup-text a {
        color: #fff;
        font-size: 11px;
        font-weight: bold;
    }

    .pm-template-transparencia .panel-pane.pane-banners74.destacados-transparencia .banner-image img {
        width: 30px;
    }

    .pm-row.pm-row-pm-canvas-aldaia-17.pm-row-first.clearfix.fila-cap {
        margin: 0;
    }

    .panel-pane.pane-mobilebuttonmenu {
        display: none;
    }

    .pm-row.fila-cap .panel-panel>div {
        justify-content: center;
    }

    .pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column-first {
        width: 100%!important;
    }

    .pm-template-transparencia:not(.transparencia-inicio) .pm-cos2 > .pm-row-inside .pm-column.pm-cos-resultat {
        width: 100%!important;
    }

    .pm-template-transparencia .pm-row.pm-cos2 > .inside.pm-row-inside {
        padding: 0;
    }

    body.page-node.pm-template-transparencia .pm-cos2, body.page-node.pm-template-transparencia.not-front .pm-cos2 {
        padding: 1em;
    }
}



.ui-widget-content {
    border: 1px solid #ccc;
    background: #f4f4f4;
    color: #222;
    padding: 1em!important;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
}

.portales7_fc_name {
    font-size: 1.5em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

