/* Document CSS */


/* taula llistat */

div.imc--taula[data-llistat="notificacions"] table thead tr th:nth-child(3) {
    width: 1em;
}


div.imc--taula[data-llistat="notificacions"] table tr td:nth-child(2) {
    text-wrap: nowrap;
}

div.imc--taula[data-llistat="notificacions"] table tr td:nth-child(3) {
    text-align: center;
}


div.imc--taula[data-llistat="notificacions"] tr[data-llegida="no"] td {
    font-weight: bold;
}

div.imc--taula[data-llistat="notificacions"] tr[data-llegida="si"] td:nth-child(1) {
    position: relative;
}

div.imc--taula[data-llistat="notificacions"] tr[data-llegida="si"] td:nth-child(1)::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: .4em;
    height: 100%;
    background-color: rgba(42, 166, 60, 1);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

div.imc--taula[data-llistat="notificacions"] tr[data-expirada="si"] td:nth-child(1) {
    position: relative;
}

div.imc--taula[data-llistat="notificacions"] tr[data-expirada="si"] td:nth-child(1)::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: .4em;
    height: 100%;
    background-color: rgba(227, 17, 52, 1);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}



/* filtres -> notificacions */

.imc--fi-notif .imc--fi-estat > p {
    margin-top: 1em;
}

.imc--fi-notif .imc--fi-favorit {
    padding-left: 1em;
    border-left: 1px solid rgba(213, 213, 213, 1);
}

.imc--fi-notif .imc--fi-disposicio {
    padding-left: 1em;
    border-left: 1px solid rgba(213, 213, 213, 1);
}

.imc--fi-notif .imc--fi-dades {
    width: 100%;
}

.imc--fi-notif .imc--fi-dades .imc--f-exp-numero {
    width: 31.5%;
}

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

.imc--fi-notif .imc--fi-dates {
    width: 100%;
}

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


.imc--fi-notif .imc--filtres-av .imc--per-organ {
    margin-bottom: 1.5em !important;
}

.imc--fi-notif .imc--filtres-av .imc--per-organ .imc--f-el {
    width: calc(33% - .9em);
}

.imc--fi-notif .imc--filtres-av .imc--per-procediment .imc--f-exp-codi-sia {
    width: 31.5%;
}

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

.imc--fi-notif .imc--filtres-av .imc--per-procediment .imc--f-exp-fase {
    width: 31.5%;
}

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



/* filtres -> notificacio detall */

.imc--popup-notificacio .imc--scroll { width: 100%; height: 100%; }




/* MEDIA QUERYS */

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


}

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

    div.imc--taula[data-llistat="notificacions"] table tbody tr[data-llegida="si"] td:nth-child(1)::before {
        display: none;
    }

    div.imc--taula[data-llistat="notificacions"] table tbody tr[data-expirada="si"] td:nth-child(1)::before {
        display: none;
    }

    div.imc--taula[data-llistat="notificacions"] table tbody tr {
        border-left: .4em solid #fff;
    }

    div.imc--taula[data-llistat="notificacions"] table tbody tr[data-llegida="si"] {
        border-left: .4em solid rgba(42, 166, 60, 1);
    }

    div.imc--taula[data-llistat="notificacions"] table tbody tr[data-expirada="si"] {
        border-left: .4em solid rgba(227, 17, 52, 1);
    }


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

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

    div.imc--taula[data-llistat="notificacions"] table tbody tr td:nth-child(3) {
        order: 3;
        width: 100%;
        text-align: left;
    }

    div.imc--taula[data-llistat="notificacions"] table tbody tr td:nth-child(4) {
        order: 2;
        width: 100%;
    }

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

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

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

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

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


    div.imc--taula[data-llistat="notificacions"][data-expirades] table tbody tr td:nth-child(1) {
        order: 7;
    }

    div.imc--taula[data-llistat="notificacions"][data-expirades] table tbody tr td:nth-child(7) {
        width: 100%;
    }

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


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

    .imc--fi-notif .imc--fi-favorit,
    .imc--fi-notif .imc--fi-disposicio {
        padding-left: 0;
        border-left: 0;
    }

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

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

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

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


}

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

}