/* Document CSS */


/* taula */

div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(2) { white-space: nowrap; }



/* filtres -> expedients */

.imc--fi-exp .imc--fi-estat { padding-right: 1.5em; border-right: 1px solid rgba(213, 213, 213, 1); }
.imc--fi-exp .imc--fi-estat > p { margin-top: 1em; }

.imc--fi-exp .imc--fi-favorit { padding-left: 0; }

.imc--fi-exp .imc--fi-dades { width: 100%; }
.imc--fi-exp .imc--fi-dades .imc--f-exp-numero { width: 31.5%; }
.imc--fi-exp .imc--fi-dades .imc--f-exp-descripcio { width: calc(68.5% - 1.5em); }

.imc--fi-exp .imc--fi-dates { width: 100%;}
.imc--fi-exp .imc--fi-dates .imc--f-el { width: calc(50% - .75em); }


.imc--fi-exp .imc--filtres-av .imc--per-organ { margin-bottom: 1.5em !important; }
.imc--fi-exp .imc--filtres-av .imc--per-organ .imc--f-el { width: calc(33% - .9em); }

.imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-codi-sia { width: 31.5%; }
.imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-procediment { width: calc(68.5% - 1.5em); }

.imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-fase { width: 31.5%; }
.imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-fase-data { width: calc(68.5% - 1.5em); }



/* popup -> expedient detall */

.imc--popup-exp header .imc--fase { display: flex; align-items: center; gap: 0 .5em; position: absolute; top: 3.6em; right: 2em; padding: .5em 1em; border: 1px solid transparent; }
.imc--popup-exp header .imc--fase::before { content: ""; display: block; width: .5em; height: .5em; background-color: #000; border-radius: 50%; }

.imc--popup-exp header .imc--fase.imc--ultima { color: rgba(30, 118, 43, 1); background-color: rgba(234, 246, 236, 1); border-color: rgba(30, 118, 43, 1); }
.imc--popup-exp header .imc--fase.imc--ultima::before { background-color: rgba(30, 118, 43, 1); }

.imc--popup-exp header .imc--descripcio { font-size: 1.1em; padding-right: 15em; }


.imc--popup-exp h3 { padding: .5em 1em; margin-bottom: 1.5em !important; background-color: rgba(215, 230, 252, 1);}
.imc--popup-exp h3 span { font-size: 1.4em; font-weight: normal; }

.imc--popup-exp .imc--seccio { margin-bottom: 1.5em; }

.imc--popup-exp h4 { margin-bottom: 1em; }

.imc--popup-exp .imc--elms { padding: 0 1em 1em 1em; }

.imc--popup-exp dl { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em; }
.imc--popup-exp dt { font-size: 1.1em; font-weight: bold; padding-bottom: .4em; }
.imc--popup-exp dd { font-size: 1.1em; }


.imc--popup-exp .imc--actual dl div:nth-child(5) { grid-area: 1 / 3 / span 2 / 3;  }


.imc--popup-exp .imc--accions { text-align: right; margin-bottom: 2em; }
.imc--popup-exp .imc--accions button span { font-size: 1.2em; }



/* acordio */

.imc--popup-exp div[data-element="acordio"] { margin-bottom: 2em; }
.imc--popup-exp div[data-element="acordio"] > button { margin-bottom: 0; }
.imc--popup-exp button.imc--acordio span { font-size: 1.1em; }



/* llistat */

.imc--popup-exp table thead th { padding-bottom: 0; background-color: rgba(241, 241, 241, 1); }
.imc--popup-exp table thead th:has(button) { width: 3em; }

.imc--popup-exp table thead th > a { display: flex; align-items: center; height: 3em; }
.imc--popup-exp table thead th > a span { color: var(--color-principal); }

.imc--popup-exp table thead th > a:hover,
.imc--popup-exp table thead th > a:focus { background-color: rgb(226, 226, 226);}

.imc--popup-exp table tbody tr:nth-child(even) { background-color: transparent; }

.imc--popup-exp table th a[data-ordenacio]::after { background: transparent url(../imgs/icones/ico_ordenacio.svg) no-repeat center center / auto 120%; opacity: .5; }

.imc--popup-exp table td button.imc--img.imc--descarrega { height: 3.2em; }
.imc--popup-exp table td button.imc--img.imc--descarrega::before { background-image: url(../imgs/icones/ico_descarrega_093574.svg); }

.imc--popup-exp span.imc--ico.imc--doc::before { background-image: url(../imgs/icones/ico_doc.svg); background-size: auto 90%; }



/* resultats */

.imc--popup-exp .imc--nav { display: flex; align-items: center; background-color: #f2f2f2; }

.imc--popup-exp .imc--nav nav { margin-left: auto; }
.imc--popup-exp .imc--nav ul { display: flex; align-items: center; gap: 0 .5em; }
.imc--popup-exp .imc--nav ul a { min-height: 2.5em; padding-right: 1em; padding-left: 1em; background-color: #fff; }

.imc--popup-exp .imc--nav ul a[aria-current="true"] { background-color: var(--color-principal); pointer-events: none; cursor: default; }
.imc--popup-exp .imc--nav ul a[aria-current="true"] span { color: #fff; }







/* MEDIA QUERYS */

@media only screen and (max-width : 1000px) {


}

@media only screen and (max-width : 700px) {

    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(1) { order: 7; width: calc(50% - .5em); text-align: right; padding-right: 0; }

    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(2) { order: 1; width: 100%; padding-top: .8em; }
    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(3) { order: 2; width: 100%; }

    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(4) { order: 3; width: calc(50% - .5em); }
    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(5) { order: 4; width: calc(50% - .5em); }
    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(6) { order: 5; width: calc(50% - .5em); }
    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(7) { order: 6; width: calc(50% - .5em); }

    div.imc--taula[data-llistat="expedients"] table tbody tr td:nth-child(8) { order: 8; width: calc(50% - .5em) !important; text-align: left !important; padding-left: 0; }


    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(1) { order: 6; width: calc(50% - .5em); text-align: right; padding-right: 0; }

    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(2) { order: 1; width: 100%; padding-top: .8em; }
    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(3) { order: 2; width: 100%; }

    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(4) { order: 3; width: 100%; }
    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(5) { order: 4; width: calc(50% - .5em); }
    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(6) { order: 5; width: calc(50% - .5em); }

    div.imc--taula[data-llistat="expedients-oberts"] table tbody tr td:nth-child(7) { order: 7; width: calc(50% - .5em) !important; text-align: left !important; padding-left: 0; }


    .imc--fi-estat { width: 100%; padding-right: 0; border-right: 0; }

    .imc--fi-favorit { padding-left: 0; }

    .imc--fi-exp .imc--fi-dades .imc--f-exp-numero,
    .imc--fi-exp .imc--fi-dades .imc--f-exp-descripcio { width: 100%; }

    .imc--fi-exp .imc--fi-dates .imc--f-el { width: 100%; }

    .imc--fi-exp .imc--filtres-av .imc--per-organ .imc--f-el { width: 100%; }

    .imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-codi-sia,
    .imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-procediment,
    .imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-fase,
    .imc--fi-exp .imc--filtres-av .imc--per-procediment .imc--f-exp-fase-data { width: 100%; }


    .imc--popup-exp header h1 span { font-size: 1.5em; }

    .imc--popup-exp header .imc--fase { display: inline-flex; position: static; padding: .3em 1em; margin-bottom: 1em; }
    .imc--popup-exp header .imc--descripcio { padding-right: 0; }

    .imc--popup-exp dl { grid-template-columns: 1fr; }

    .imc--popup-exp .imc--actual dl div:nth-child(5) { grid-area: inherit; }

    .imc--popup-exp .imc--accions { text-align: center; }


    .imc--popup-exp .imc--exp-euc .imc--taula table tbody tr { display: grid; grid-template-columns: 1fr 1fr; padding-top: .5em; }
    .imc--popup-exp .imc--exp-euc .imc--taula table tbody tr td { width: inherit; }
    .imc--popup-exp .imc--exp-euc .imc--taula table tbody tr td.w-100 { grid-column: 1 / span 2; }


    .imc--popup-exp .imc--docs .imc--taula table tbody tr { display: grid; grid-template-columns: 1fr 1fr; padding: .5em 0; }
    .imc--popup-exp .imc--docs .imc--taula table tbody tr td { width: inherit; }

    .imc--popup-exp .imc--docs .imc--taula table tbody tr td:first-child { grid-area: 1 / 1 / 1 / span 2; }
    .imc--popup-exp .imc--docs .imc--taula table tbody tr td:last-child { grid-area: 3 / 1 / 3 / span 2; text-align: center; }
    .imc--popup-exp .imc--docs .imc--taula table tbody tr td:last-child button { margin-left: 0; }

}

@media only screen and (max-width : 450px) {

}