/* Error de minimización. Devolviendo el contenido no minimizado.
(193,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(899,41): run-time error CSS1046: Expect comma, found '0'
(899,45): run-time error CSS1046: Expect comma, found '/'
(900,33): run-time error CSS1046: Expect comma, found '0'
(900,37): run-time error CSS1046: Expect comma, found '/'
(951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1057,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-primary'
(1066,29): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1069,29): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1072,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1085,34): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1091,17): run-time error CSS1039: Token not allowed after unary operator: '-main-grey'
(1104,28): run-time error CSS1039: Token not allowed after unary operator: '-background-blue'
(1121,24): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1127,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1137,28): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(1143,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1171,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1175,34): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1205,32): run-time error CSS1030: Expected identifier, found '.'
(1205,61): run-time error CSS1031: Expected selector, found ')'
(1205,61): run-time error CSS1025: Expected comma or open brace, found ')'
(1212,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1217,32): run-time error CSS1030: Expected identifier, found '.'
(1217,61): run-time error CSS1031: Expected selector, found ')'
(1217,61): run-time error CSS1025: Expected comma or open brace, found ')'
(1223,32): run-time error CSS1030: Expected identifier, found '.'
(1223,61): run-time error CSS1031: Expected selector, found ')'
(1223,61): run-time error CSS1025: Expected comma or open brace, found ')'
(1232,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1284,25): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1289,25): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1298,31): run-time error CSS1030: Expected identifier, found '.'
(1298,57): run-time error CSS1031: Expected selector, found ')'
(1298,57): run-time error CSS1025: Expected comma or open brace, found ')'
(1303,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1304,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1311,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1328,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1337,23): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1357,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1363,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1385,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1390,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1395,32): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1407,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1413,28): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(1427,22): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(1444,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1450,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1459,17): run-time error CSS1039: Token not allowed after unary operator: '-main-grey'
(1484,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-hover'
(1488,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-secondary'
(1512,29): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1516,28): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-neutral'
(1517,28): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-background'
(1519,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-primary'
(1537,17): run-time error CSS1039: Token not allowed after unary operator: '-nxp-gris-oscuro-color'
(1540,28): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-neutral'
(1545,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-hover'
(1561,28): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-primary'
(1590,28): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-neutral'
(1610,21): run-time error CSS1030: Expected identifier, found '.'
(1610,42): run-time error CSS1031: Expected selector, found ')'
(1610,42): run-time error CSS1025: Expected comma or open brace, found ')'
(1613,21): run-time error CSS1030: Expected identifier, found '.'
(1613,42): run-time error CSS1031: Expected selector, found ')'
(1613,42): run-time error CSS1025: Expected comma or open brace, found ')'
(1663,22): run-time error CSS1039: Token not allowed after unary operator: '-main-rose'
(1687,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(1717,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-error'
(1802,36): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1911,33): run-time error CSS1030: Expected identifier, found ':'
(1911,41): run-time error CSS1031: Expected selector, found ')'
(1911,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1920,17): run-time error CSS1039: Token not allowed after unary operator: '-nxp-gris-oscuro-color'
(1923,22): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(1927,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(1985,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(2001,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(2006,22): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(2007,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(2034,29): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(2047,28): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(2062,33): run-time error CSS1030: Expected identifier, found '.'
(2062,77): run-time error CSS1031: Expected selector, found ')'
(2062,77): run-time error CSS1025: Expected comma or open brace, found ')'
(2069,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(2077,28): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(2087,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(2107,17): run-time error CSS1039: Token not allowed after unary operator: '-hover-rose'
(2155,28): run-time error CSS1039: Token not allowed after unary operator: '-second-rose'
(2159,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(2196,24): run-time error CSS1030: Expected identifier, found '.'
(2196,48): run-time error CSS1031: Expected selector, found ')'
(2196,48): run-time error CSS1025: Expected comma or open brace, found ')'
(2214,17): run-time error CSS1039: Token not allowed after unary operator: '-nxp-gris-oscuro-color'
(2219,17): run-time error CSS1039: Token not allowed after unary operator: '-eia-portal-primary'
 */
/** ************************************* **

	TABLE CONTENTS
	---------------------------
		01. DNIe
	---------------------------


	/* 01. DNIe */
/*** ************************************* **/
/*header#topHead a {
    color: #000 !important;
}
.hidden-md.hidden-sm.hidden-xs {
    color: #000 !important;
}
.datenow p {
    color: #000 !important;
}*/
td {
    cursor: default !important;
}

.cursor-default {
    cursor: default !important;
}

td a {
    color: black;
}

    td a :hover {
        color: black;
    }

a {
    text-decoration: none !important;
}

td a:hover, td a:active {
    color: black;
}


.alert {
    display: none;
}

.btn-DNIe {
    background: #3b5997;
    color: #fff !important;
}

.btn-DNIe {
    font-size: 23px;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 10px 0 0;
    width: 40px;
    text-align: left;
    position: relative;
    border-right: rgba(255,255,255,0.2) 1px solid;
}

.item-box.fixed-box .item-box-seu {
    height: 150px;
    padding: 20px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-width: 0px;
    }

.alert.alert-slider {
    background-color: #e9dfbc !important;
    border-left: #dd052b 3px solid;
    font-size: 18px !important;
}

.signin-dd form button2 {
    border: #ed5434 2px solid !important;
    background: none !important;
    color: #fff;
}


/*Flecha invisible en Login editar datos y salir*/
#topHead .signin-dd form button::after {
    visibility: collapse;
}

/*Cuadro fecha*/
.datenow {
    float: right;
    font-size: 13px !important;
    padding-left: 5px;
    padding-top: 10px;
}


/*Secure Password*/
#pswd_info {
    position: absolute;
    /*right: 68%;*/
    width: 250px;
    padding: 15px;
    background: #fefefe;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 1;
}

#pswd_info {
    /*bottom: 250px;*/
}

    #pswd_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 22%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

#pswd2_info {
    position: absolute;
    right: 30%;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 1;
    text-align: center;
    color: #fb002c;
    font-weight: 600;
}

    #pswd2_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

#pswd_info .valid strong {
    font-weight: 100;
    font-family: 'roboto-bold';
}

#pswd_info h5 {
    font-family: roboto-bold;
}

#pswd2_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

#pswd_info .invalid {
    color: var(--hover-rose);
}

#pswd_info .valid {
    color: #11CE95;
    font-weight: 100;
    font-family: 'roboto-regular';
}

/*.invalid {*/
/*background: url(../images/invalid.png) no-repeat 0 50%;*/
/*padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {*/
/*background: url(../images/valid.png) no-repeat 0 50%;*/
/*padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}*/

#pswd_info {
    display: none;
}

#pswd2_info {
    display: none;
}

#profile_info {
    position: absolute;
    width: 250px;
    padding: 5px 5px 5px 5px;
    background: #fce3a3;
    border-radius: 5px;
    box-shadow: 0 1px 3px #8a6d3b;
    border: 1px solid #b59a6b;
    z-index: 1;
    text-align: center;
    line-height: normal;
    left: -40%;
}

    #profile_info p {
        color: #8a6d3b !important;
        position: inherit;
        font-weight: bold;
        right: 5px;
        top: -2px;
        cursor: pointer
    }

    #profile_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #b59a6b;
        text-shadow: none;
        display: block;
    }

#profile_info2 {
    position: absolute;
    width: 250px;
    padding: 15px 15px 8px 15px;
    background: #fce3a3;
    border-radius: 5px;
    box-shadow: 0 1px 3px #8a6d3b;
    border: 1px solid #b59a6b;
    z-index: 1;
    text-align: center;
}

    #profile_info2 p {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
        color: #8a6d3b !important
    }

    #profile_info2::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        font-size: 14px;
        line-height: 14px;
        color: #b59a6b;
        text-shadow: none;
        display: block;
    }

.textalert {
    color: #8a6d3b;
    font-weight: bold;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        color: #8a6d3b;
    }

    50% {
        color: #888;
    }

    100% {
        color: #8a6d3b;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        color: #8a6d3b;
    }

    50% {
        color: #888;
    }

    100% {
        color: #8a6d3b;
    }
}

@keyframes parpadeo {
    0% {
        color: #8a6d3b;
    }

    50% {
        color: #888;
    }

    100% {
        color: #8a6d3b;
    }
}



.btnparpadea {
    animation-name: parpadeo;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        background-color: #8a6d3b;
    }

    50% {
        background-color: #b59050;
    }

    100% {
        background-color: #8a6d3b;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        background-color: #8a6d3b;
    }

    50% {
        background-color: #b59050;
    }

    100% {
        background-color: #8a6d3b;
    }
}

@keyframes parpadeo {
    0% {
        background-color: #8a6d3b;
    }

    50% {
        background-color: #b59050;
    }

    100% {
        background-color: #8a6d3b;
    }
}

.admin {
    background-color: #000000 !important;
    color: #dcd1d1 !important;
    margin-right: 6px;
    font-weight: 600 !important;
}

.selectbusiness {
    height: 24px !important;
    font-size: 13px !important;
    color: black !important;
    padding: 0px !important;
}

/*CHANGE MENUS*/
/*color texto menu*/
header#topNav nav ul.nav-main li a {
    color: white;
    font-weight: 400;
}

/*pasas el cursor menu*/
header#topNav nav ul.nav-main > li:hover > a {
    color: #ffffff;
    font-weight: 400;
    background-color: black;
}

/*color del fondo submenu*/
header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu, header#topNav nav ul.nav-main ul.dropdown-menu {
    background-color: #000000;
    border-radius: 0px 0px 10px 10px;
}
    /*color del texto submenu*/
    header#topNav nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a, header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
        color: #ffffff;
    }

    /*color pasas el cursor submenu*/
    header#topNav nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover, header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a {
        background-color: #dd052b;
    }

/*color  al pasar el cursor de la flechita del submenu*/
header#topNav nav ul.nav-main li.dropdown:hover > a:after {
    border-bottom: #000000 10px solid;
}


/*
    TODO BUSCADOR JAVASCRIPT
    header#topNav nav ul.nav-main li a .gsc-result .gs-title {
    height: 2em !important;
}*/

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
    padding: 0px;
}

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
        display: flex;
    }

        .MultiCarousel .MultiCarousel-inner .item {
            float: left;
        }

            .MultiCarousel .MultiCarousel-inner .item > div {
                text-align: center;
                padding: 10px;
                margin: 10px;
                background: #f1f1f1;
                color: #666;
            }

    .MultiCarousel .leftLst, .MultiCarousel .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
        width: 38px;
        height: 38px;
        background-color: #adadad !important;
        color: white;
    }

    .MultiCarousel .rightLst {
        right: 0;
        width: 38px;
        height: 38px;
        background-color: #adadad !important;
        color: white;
    }

    .MultiCarousel .leftLst .fa {
        float: right;
        margin-right: -14px;
    }

    .MultiCarousel .rightLst .fa {
        float: right;
        margin-right: -17px;
    }

    .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
        pointer-events: none;
        background: #ccc;
    }

    .MultiCarousel .MultiCarousel-inner .item {
        display: flex;
    }

        .MultiCarousel .MultiCarousel-inner .item .thumbnail {
            height: 100%;
            position: relative;
        }

            .MultiCarousel .MultiCarousel-inner .item .thumbnail .caption a {
                position: absolute;
                bottom: 10px;
                right: 0px;
                left: 0px;
            }

.hr-min-heigh {
    margin: 15px 0;
}

.monitor-enlace {
    position: absolute;
    z-index: 1000;
    background-color: forestgreen;
    padding: 10px;
    border-radius: 50px;
    bottom: 10px;
    right: 10px;
}

.bg-dark {
    background-color: #2E363F;
}

.footerContainer {
    padding: 5px 20px;
}

.marginOption {
    top: 10px;
}

div.thumbnail.marginIndex-custom p {
    margin: 0;
}

div.thumbnail.marginIndex-custom.upper {
    margin-top: 10px;
}

/*numbers in steppers*/

.progressbarmigracion {
    counter-reset: step;
    text-align: center;
}

    .progressbarmigracion li {
        list-style: none;
        display: inline-block;
        width: 30%;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        .progressbarmigracion li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ddd;
            border-radius: 100%;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            background-color: #fff;
        }

        .progressbarmigracion li:after {
            content: "";
            position: absolute;
            width: 84%;
            height: 1px;
            background-color: #ddd;
            top: 15px;
            left: -43%;
            z-index: 1;
        }

        .progressbarmigracion li:first-child:after {
            content: none;
        }

        .progressbarmigracion li.active {
            color: #dd052b;
        }

.progressbar li.active:before {
    border-color: #dd052b;
}

.progressbarmigracion li.active + li:after {
    background-color: #dd052b;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.custom-Yscroll {
    overflow-y: auto;
}

/*
    USER PROFILE STYLES
*/
/*.tase {
    background-color: #ccc;
}*/
.tab-title {
    color: #dd052b;
}

.icon-box {
    border-radius: 50%;
    border: solid 1px;
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

    .icon-box:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.tase a {
    color: #2d2f3c;
    border: solid 3px #FFF;
}

.tase.active a {
    border: solid 3px #dd052b !important;
    border-radius: 6px;
    background-color: #FFFFFF !important;
    cursor: default;
    color: #dd052b;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #e9e9e9;
    border-radius: 6px;
}

.tase.active:before {
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 11px;
    border-style: solid;
    border-color: transparent transparent transparent #dd052b;
}

.dataTables_length, .dataTables_filter, .dataTables_info {
    display: none;
}

/*table.dataTable tr:hover,
table.dataTable tr td.sorting_1:hover {
    background-color: antiquewhite !important;
    cursor: pointer;
}
*/

/*
    HELPER CLASSES
*/
.text-left {
    text-align: left !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.mr-5, .mx-5 {
    margin-right: 3rem !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important;
}

.d-none {
    display: none !important;
}

.spinner-contracte, .spinner-detall {
    visibility: hidden;
}

.spinner-size {
    font-size: 2em;
}

.spinner-align {
    text-align: center !important
}

#spinner-overlay {
    position: absolute;
    top: 7.5px;
    /*ottom: 0px;*/
    width: 100%;
    height: 100%;
    right: 0px;
    /* opacity: 0.0; */
    z-index: 10000;
    display: none;
    background-color: rgba(0,0,0,0.6);
}

.modal-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.btn-rebuts-text {
    pointer-events: none;
}

.text-truncate {
    max-width: 200px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-custom {
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-imhab {
    border-color: #ddd;
}

.border-custom {
    float: left;
    margin-right: 4px;
    width: auto;
    height: auto;
    border: 1px solid #dee2e6 !important;
}

/** OPCIONS VALIDAR USUARI **/
.custom-alert {
    font-size: 16px;
    color: #333;
}

div.toggle div.custom-alert:before {
    content: '';
    border: 6px solid transparent;
    border-top-color: inherit;
    position: absolute;
    top: 22px;
    right: 14px;
    margin-top: -3px;
}

div.toggle.active > div.custom-alert {
    color: #ffffff;
    background-color: #8a6d3b;
}

div.toggle.active div.custom-alert:before {
    border: 6px solid transparent;
    border-bottom-color: #fff;
    right: 14px;
    margin-top: -7px;
}
/** END OPCIONS VALIDAR USUARI **/

.goog-te-banner-frame skiptranslate {
    visibility: collapse !important;
}

/* Estilos de la vista "Els meus avisos" */

:root {
    --nxp-gris-claro-color: #dadada;
    --nxp-gris-medio-color: #858181;
    --nxp-gris-oscuro-color: #212529;
    --nxp-gris-muy-oscuro-color: #0E1212;
    --nxp-rosa-mas-claro-color: #F8E6EC;
}

/* Reseteo CSS */
a {
    color: inherit;
}

textarea {
    resize: none;
}

*[disabled] {
    opacity: 0.7;
    pointer-events: none;
    cursor: auto;
}

.modal__sidebar-promocio .eia-modal-container {
    overflow-x: unset;
    overflow-y: unset;
}

.eia-form__item {
    padding: 0 !important;
    margin: 0 !important;
}

.body-eia h1, .body-eia h2, .body-eia h3, .body-eia h4 {
    margin-bottom: 0px;
}

.body--portal {
    margin: 0;
}

.eia-btn-round-tornar {
    font-family: "roboto-regular";
}

/* Para agregar despues */
/*.eia-form__item :nth-child(3) {
    padding: 0;
    margin: 0;
    flex: 1;
}*/

fieldset {
    border: none;
}
fieldset legend {
    font-family: "roboto-regular";
    font-size: 16px;
    margin-bottom: 8px;
}

.box-eia__col3 .eia-form__item:nth-child(3n) {
    padding: 0;
    margin: 0;
}

.eia-form__item input[type="text"],
.eia-form__item input[type="number"],
.eia-form__item input[type="date"],
.eia-form__item input[type="datetime-local"],
.eia-form__item input[type="datetime"],
.eia-form__item input[type="email"],
.eia-form__item input[type="email"],
.eia-form__item input[type="tel"],
.eia-form__item input[type="search"],
.eia-form__item select {
    min-width: 50px;
    width: 100%;
}

.eia-tbody-table td {
    vertical-align: top;
}

textarea:invalid:required {
    background-position: 98% 8px;
}

/* ------------------ Fin de Reseteo CSS */

.body__wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px 100px;
}
.nxp-page-header {
    margin-bottom: 30px;
}
.nxp-header-titol {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0 28px;
}
.nxp-header-titol h2 {
    color: var(--eia-portal-primary);
    letter-spacing: -1px;
}
.nxp-avis {
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    display: block;
    margin-bottom: 24px;
    outline: 1px solid var(--disabled);
}
.nxp-avis:hover {
    outline: 2px solid var(--hover-rose);
}
.nxp-avis__row {
    border-bottom: 1px solid var(--disabled);
    display: flex;
}
.nxp-avis__row:last-child {
    border-bottom: 0;
}
.nxp-avis__column {
    flex: 1 0 50%;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}
.nxp-avis__column:not(:last-child) {
    border-right: 1px solid var(--disabled);
}
.nxp-avis__descripcio p,
.nxp-avis__column p,
.nxp-detallavis__body p,
.nxp-detallavis__date {
    color: var(--main-grey);
}
.nxp-avis__descripcio strong,
.nxp-avis__column strong,
.nxp-detallavis__body strong,
.nxp-detallavis__date strong {
    color: #000;
}
.nxp-avis__details,
.nxp-avis__details .eia-container-section__box-flex {
    gap: 12px;
}
.nxp-avis__id {
    background-color: var(--background-blue);
    border-top-left-radius: 8px;
    padding: 12px 16px;
    max-width: 150px;
    word-break: break-all;
}
.nxp-avis__id p,
.nxp-avis__date p {
    font-family: "roboto-medium";
}
.nxp-avis__title h3,
.nxp-detallavis__container h3{
    font-size: 18px!important;
    margin: 0;
}
.nxp-avis__tipology {
    background-color: #fff;
    border: solid var(--disabled) 1px;
    border-radius: 4px;
    padding: 4px 8px;
    width: fit-content;
}
.nxp-avis__tipology p {
    color: var(--hover-rose);
}
.nxp-avis__contracte {
    flex-basis: 30%;
}
.nxp-avis__descripcio {
    display: flex;
    padding: 16px;
}
.nxp-avis__obs {
    background-color: var(--second-rose);
    gap: 16px;
    padding: 4px 12px;
}
.nxp-avis__obs-item {
    align-items: center;
    color: var(--hover-rose);
    display: flex;
    font-family: "roboto-medium";
    gap: 4px;
    padding: 7px 10px;
}
.nxp-avisos__total {
    margin-bottom: 16px;
}

/* VISTA DETALLE DE AVISO */
.nxp-detallavis__container .nxp-header-titol {
    justify-content: flex-start;
}
.nxp-detallavis__container .nxp-titol,
.nxp-newavis .nxp-titol {
    flex: 1;
    padding-right: 105px;
    text-align: center;
}
.nxp-detallavis {
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    display: block;
    margin-bottom: 24px;
}
.nxp-detallavis__header {
    border-bottom: 1px solid var(--disabled);
    display: flex;
}
.nxp-detallavis__header > div {
    border-right: 1px solid var(--disabled);
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 8px 16px;
}
.nxp-detallavis__header .nxp-detallavis__date {
    border-right: 0;
}
.nxp-detallavis__header .nxp-avis__title {
    flex: 1;
}
.nxp-detallavis__body {
    padding: 12px;
}
.nxp-detallavis__body .eia-container-section__box-flex {
    gap: 8px;
    justify-content: space-between;
}
.nxp-detallavis__body .eia-container-section__box-flex p {
    flex: 1 0 calc(50% - 4px);
}
.nxp-detallavis__body p:not(.nxp-detallavis__descripcio) {
    margin-bottom: 12px;
}
.nxp-detallavis__seguiment {
    border-radius: 8px;
    margin-bottom: 24px;
}
.nxp-detallavis__seguiment,
.nxp-detallavis__seguiment:has(.eia-body-collapse--collapsed) .item-icono__eia-header-collapse  {
    background-color: #fff;
}
.nxp-detallavis__seguiment-header {
    align-items: inherit;
}
.nxp-detallavis__seguiment .item-icono__eia-header-collapse {
    background-color: var(--hover-rose);
    border-top-right-radius: 8px;
    color: #fff !important;
    padding: 10px 12px;
}
.nxp-detallavis__seguiment:has(.eia-body-collapse--collapsed) .item-icono__eia-header-collapse {
    border-bottom-right-radius: 8px;
}
.nxp-detallavis__seguiment .item-icono__eia-header-collapse span {
    color: #fff !important;
}
.nxp-detallavis__seguiment:has(.eia-body-collapse--collapsed) .item-icono__eia-header-collapse span {
    color: var(--eia-primary) !important;
}
.nxp-header-collapse {
    padding: 8px 16px;
}

/* Seguimiento */
.nxp-detallavis__seguiment-body {
    border-top: 1px solid var(--disabled);
    overflow: auto;
    padding: 12px 0 12px 16px;
}
.nxp-seguimiento__lineatiempo {
    display: flex;
}
.nxp-seguimiento__lineatiempo-step {
    display: flex;
    flex: 2;
    flex-direction: column;
    justify-content: space-between;
}
.nxp-seguimiento__lineatiempo-step:first-child,
.nxp-seguimiento__lineatiempo-step:last-child {
    flex: 1;
}
.nxp-seguimiento__lineatiempo-step:last-child {
    padding-right: 16px;
}
.nxp-seguimiento__lineatiempo-texto {
    margin: auto;
    max-width: 138px;
    padding: 0 8px 16px;
    text-align: center;
}
.nxp-seguimiento__lineatiempo-step:last-child .nxp-seguimiento__lineatiempo-texto {
    align-self: flex-end;
    margin: 0;
    padding-right: 0;
    text-align: right;
}
.nxp-seguimiento__lineatiempo-step:first-child .nxp-seguimiento__lineatiempo-texto {
    margin: 0;
    padding-left: 0;
    text-align: left;
}
.nxp-seguimiento__titulo {
    margin-bottom: 4px;
}
.nxp-seguimiento__titulo,
.nxp-seguimiento__fecha {
    font-size: 15px;
}
.nxp-seguimiento__fecha {
    white-space: nowrap;
}
.nxp-seguimiento__lineatiempo-indicador {
    align-items: center;
    display: flex;
}
.nxp-seguimiento__linea {
    border-bottom: var(--hover-rose) 1px solid;
    flex: 1;
    position: relative;
}
.nxp-seguimiento__linea:before {
    border-bottom: var(--hover-rose) 3px dashed;
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    width: 100%;
}
.nxp-seguimiento__lineatiempo-step:first-child .nxp-seguimiento__lineatiempo-indicador .nxp-seguimiento__linea:first-child,
.nxp-seguimiento__lineatiempo-step:last-child .nxp-seguimiento__lineatiempo-indicador .nxp-seguimiento__linea:last-child,
.nxp-seguimiento__linea:has(+ .nxp-seguimiento__cuadrado):before,
.nxp-seguimiento__lineatiempo-step:has(+ :last-child) .nxp-seguimiento__linea:last-child:before {
    display: none;
}
.nxp-seguimiento__cuadrado-completado {
    background-color: var(--hover-rose);
    border: solid var(--hover-rose) 1px;
    border-radius: 2px;
    height: 15px;
    width: 15px;
}
.nxp-seguimiento__cuadrado {
    background-color: #fff;
    border: solid var(--hover-rose) 1px;
    border-radius: 2px;
    height: 15px;
    width: 15px;
}
.nxp-seguimiento__lineatiempo-mb {
    display: none;
    flex-direction: column;
    gap: 16px;
}
.nxp-seguimiento__step-mb {
    display: flex;
    gap: 8px;
    padding-bottom: 4px;
    position: relative;
}
.nxp-seguimiento__step-mb:not(:last-child):before {
    background-color: var(--hover-rose);
    bottom: -26px;
    content: "";
    left: 6px;
    position: absolute;
    top: 0px;
    width: 1px;
}
.nxp-seguimiento__step-mb:not(:last-child):after {
    border-left: var(--hover-rose) 3px dashed;
    content: "";
    display: block;
    height: 100%;
    left: 5px;
    position: absolute;
    top: 15px;
    width: 1px;
}

/* Observacions */
.nxp-observacions .eia-tabs__itemfolder {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.nxp-observacions .eia-tabs__itemfolder-active {
    background-color: #fff;
}
.nxp-observacions .eia-tabs__itemfolder-active p {
    color: var(--hover-rose)!important;
}
.nxp-observacions .eia-tabs__itemfolder-info {
    padding: 8px 16px;
}
.nxp-observacions__counter {
    background-color: var(--hover-rose);
    border-radius: 99px;
    color: #fff;
    display: inline-block;
    font-family: "roboto-medium";
    font-size: 14px;
    margin-left: 8px;
    min-height: 23px;
    min-width: 23px;
    padding: 3px 8px 1px;
    text-align: center;
}
.nxp-tab__header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 12px;
    width: 100%;
}
.obs-item {
    background-color: #fff;
    border: 1px solid var(--disabled);
    border-radius: 8px;
    margin-bottom: 12px;
}
.obs-item__title h4 {
    color: var(--hover-rose);
    font-size: 16px;
    margin-bottom: 0;
}
.obs-item__documents-container {
    border-top: 1px solid var(--disabled);
    padding: 4px 6px;
}
.obs-item__documents-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.obs-item__document-btn {
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    color: var(--hover-rose);
    cursor: pointer;
    font-size: 15px;
    padding: 7px 10px;
}
.obs-item__document-btn:hover {
    background-color: var(--second-rose);
}

/* Documents */
.nxp-documents__table-header, .nxp-documents__list-item {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 8px 12px;
    position: relative;
}
.nxp-documents__table-header {
    background: var(--second-rose);
    margin-bottom: 10px;
}
.nxp-documents__table-celda1 {
    flex: 0 calc(100% - 176px);
}
.nxp-documents__table-celda2 {
    flex: 0 160px;
}
.nxp-documents__table-celda3,
.nxp-documents__table-header .nxp-documents__table-celda4 {
    text-align: center;
}
.nxp-documents__table-celda4 {
    flex: 0 90px;
}
.nxp-documents__list-item {
    border: 1px solid var(--disabled);
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 10px;
}
.nxp-documents__list-item:hover {
    border-color: var(--hover-rose);
}
.nxp-documents__list-item p {
    line-height: 20px;
}
.nxp-tab-documents-table-label {
    display: none;
}
.nxp-documents__list-uo .nxp-documents__text {
    color: var(--main-grey);
    margin: auto;
    min-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

.list__eia-steps::before {
    z-index: 0;
    width: 444px;
}

.list__eia-steps {
    flex: 1;
}

.item__eia-steps {
    flex: 1;
}

/* Nuevo aviso sin cuenta */
.nxp-newavis .nxp-link,
.nxp-newavis__privacy a {
    color: var(--eia-portal-hover);
    text-decoration: underline!important;
}
.nxp-newavis .nxp-link:hover {
    color: var(--eia-portal-secondary);
}
.nxp-newavis__desc {
    margin-bottom: 32px;
}
.nxp-newavis__desc > p:not(:last-child) {
    margin-bottom: 16px;
}
.nxp-newavis__ctas {
    align-items: inherit;
    gap: 24px;
    margin-bottom: 32px;
}
.nxp-newavis__cta {
    align-items: flex-start;
    background-color: #fff;
    outline: 1px solid #E2DEE0;
    border-radius: 8px;
    display: flex;
    flex: 1;
    gap: 8px;
    padding: 16px;
}
.nxp-newavis__cta:hover {
    outline: 2px solid var(--hover-rose);
}
.nxp-newavis__cta-icon {
    align-items: center;
    background-color: var(--eia-portal-neutral);
    border: 1px solid var(--eia-portal-background);
    border-radius: 999px;
    color: var(--eia-portal-primary);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    width: 32px;
}
.nxp-newavis__cta-icon i {
    padding-left: 2px;
}
.nxp-newavis__cta h3 {
    font-family: "roboto-bold";
    font-size: 16px!important;
    margin-bottom: 4px;
}
.nxp-newavis__cta p {
    color: var(--nxp-gris-oscuro-color);
}
.nxp-newavis__privacy {
    background-color: var(--eia-portal-neutral);
    border-radius: 8px;
    padding: 12px;
}
.nxp-newavis__privacy h4 {
    color: var(--eia-portal-hover);
    font-size: 14px!important;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.nxp-newavis__form {
    background-color: #fff;
    box-shadow: 0 5px 48px -4px rgba(62, 0, 22, 0.05), 0 3px 24px -3px rgba(62, 0, 22, 0.10);
    border-radius: 12px;
    margin: auto;
    max-width: 860px;
    overflow: hidden;
}
.nxp-newavis__form .nxp-newavis__form-header {
    background-color: var(--eia-portal-primary);
    border-bottom: 1px solid #dadada;
    color: #fff;
    font-size: 18px!important;
    padding: 12px 16px;
    text-align: center;
}
.nxp-newavis__form .list__eia-steps::before {
    width: 570px;
}
.nxp-newavis__steps {
    padding: 24px 30px;
}
.nxp-newavis .nxp-form__item-radio > p:first-child {
    margin-bottom: 6px;
}
.nxp-newavis .nxp-form__item-radio {
    display: inline-block;
    min-width: 100px;
}
.nxp-newavis__step .nxp-newavis__step-title {
    font-size: 18px!important;
    line-height: 22px;
    margin-bottom: 4px;
}
.nxp-newavis__step .nxp-newavis__step-desc {
    margin-bottom: 16px;
}
.npx-form__titular-login {
    background-color: var(--eia-portal-neutral);
    border-radius: 8px;
    margin-top: 6px;
    padding: 12px;
}
.nxp-newavis__step .nxp-form__item input[type="text"],
.nxp-newavis__step .nxp-form__item input[type="email"] {
    width: 100%;
}
.nxp-form--2col {
    gap: 12px;
    margin-bottom: 16px;
}
.nxp-form--2col > .nxp-form__item {
    flex: 1 calc(50% - 6px);
    margin-bottom: 0!important;
}
.nxp-form__item {
    position: relative;
}
.nxp-form__item:has(.nxp-form__desc-count) {
    position: relative;
}
.nxp-form__item:has(.nxp-form__desc-count) textarea {
    padding-bottom: 26px;
}
.nxp-form__item .nxp-form__desc-count {
    bottom: 8px;
    color: #6d6d6d;
    font-size: 14px;
    position: absolute;
    right: 10px;
}
.nxp-form__rgpd * {
    cursor: pointer;
}
.nxp-form__rgpd label {
    color: #000;
    font-family: 'roboto-regular'!important;
}
.nxp-newavis__footer {
    border-top: 1px solid #dadada;
    gap: 5px;
    margin-top: 15px;
    padding-bottom: 30px;
    padding-top: 20px;
}
.nxp-detallavis-alert {
    align-items: flex-start;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    padding: 8px 10px;
}
.nxp-detallavis-alert.alert--ok {
    background-color: #DEFDE6;
}
.nxp-detallavis-alert.alert--ok .nxp-detallavis-alert__icon {
    color: #119334;
}
.nxp-detallavis-alert__content > *:not(:last-child) {
    margin-bottom: 2px;
}

/* Modal RGPD */
.nxp-modal-rgpd .modal-content__portal {
    max-width: 600px;
    width: 100%;
}
.nxp-modal-rgpd .modal-header__portal {
    padding: 15px;
    background: var(--main-rose);
}
.modal-header__portal .eia-modal-header__titol {
    color: #fff;
    display: block;
    font-family: 'roboto-medium';
    font-size: 18px !important;
    letter-spacing: -1px;
    margin-bottom: 0;
    margin-left: 18px;
    text-align: center;
}
.modal-header__portal .eia-modal-header__close {
    padding: 0;
}
.modal-header__portal .eia-modal-header__close button {
    color: #fff;
    font-size: 16px;
}
.modal-body__portal {
    padding: 30px;
}
.modal-RGPD__portal h2 {
    font-family: roboto-bold;
    color: var(--hover-rose);
    font-size: 20px!important;
    margin: 0;
}
.modal-RGPD__portal p {
    margin-bottom: 10px;
}
.modal-footer__portal {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer__portal button {
    cursor: pointer;
    font-size: 14px;
}

/* Search avis */
.nxp-search-avis {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 48px -4px rgba(62, 0, 22, 0.05), 0 3px 24px -3px rgba(62, 0, 22, 0.10);
    margin: auto;
    max-width: 480px;
    padding: 16px;
}
.nxp-search-avis > p {
    margin-bottom: 16px;
}
.nxp-search-error {
    color: var(--alert-error);
}
.nxp-search-avis .nxp-form__item input {
    width: 100%;
}
.nxp-search-avis button[type="submit"] {
    width: 100%;
}

/* MEDIA QUERIES ------------------------------------------------------------------------------------------------ */
@media (max-width: 991px) {
    .nxp-avis__details {
        gap: 0 12px;
    }
    .nxp-documents__table-header {
        display: none;
    }
    .nxp-documents__list-item {
        flex-wrap: wrap;
        gap: 6px 16px;
    }
    .nxp-documents__list-item > div {
        flex-basis: 100%;
        text-align: left;
    }
    .nxp-tab-documents-table-label {
        display: inline-block;
    }
    .nxp-documents__text {
        font-family: "roboto-bold";
    }
    .nxp-avis__date,
    .nxp-avis__tipology {
        margin: 6px 12px;
    }
    .nxp-newavis__ctas {
        display: block;
    }
    .nxp-newavis__cta:not(:last-child) {
        margin-bottom: 16px;
    }
    .nxp-form--2col > .nxp-form__item {
        flex-basis: 100%;
    }
}

@media (max-width: 767px) {
    .nxp-avis__details {
        gap: 0;
    }
    .nxp-avis__row {
        flex-wrap: wrap;
    }
    .nxp-avis__column {
        flex-basis: 100%;
        padding: 12px;
    }
    .nxp-avis__column:not(:last-child) {
        border-right: 0;
        padding-bottom: 0;
    }
    .nxp-avis__descripcio {
        padding: 12px;
    }
    .nxp-avis__obs {
        gap: 0 12px;
        padding: 4px 6px;
    }
    .nxp-header-titol {
        display: block;
        margin-top: 0;
        padding: 130px 0 0 0;
    }
    .nxp-detallavis__container .nxp-titol {
        padding: 0;
        margin-top: 16px;
    }
    .nxp-detallavis__header {
        flex-wrap: wrap;
    }
    .nxp-detallavis__header .nxp-avis__title {
        border-right: 0;
    }
    .nxp-detallavis__header .nxp-detallavis__date {
        border-right: 0;
        border-top: 1px solid var(--disabled);
        flex-basis: 100%;
    }
    .nxp-detallavis__body .eia-container-section__box-flex {
        gap: 0 8px;
    }
    .nxp-detallavis__body .eia-container-section__box-flex p {
        flex-basis: 100%;
    }
    .list__eia-steps::before {
        width: 370px;
    }
    .nxp-seguimiento__lineatiempo {
        display: none;
    }
    .nxp-seguimiento__lineatiempo-mb {
        display: flex;
    }
    .nxp-tab__header {
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {

    .nxp-detallavis-seguiment__nom {
        display: flex;
        flex-direction: column;
    }

    .nxp-detallavis-seguiment__nom-etapa {
        width: 100%;
    }

    .nxp-detallavis-seguiment__nom {
        align-items: flex-end;
        padding-bottom: 16px;
    }


    h2.nxp-titol {
        margin-bottom: 24px !important;
    }

    .nxp-header-titol .eia-btn-round-primary {
        width: 100%;
    }

    .nxp-filtro .eia-form__item {
        justify-content: space-between;
        gap: 8px;
    }

    .nxp-filtro .eia-form__item select {
        max-width: 400px;
    }

    .nxp-detallavis-observacion__info {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    .nxp-btn__afegir-avis {
        width: 100%;
        margin-bottom: 16px;
    }

    .list__eia-steps::before {
        width: 300px;
    }
}


/* MODAL AFEGIR AVIS */
.nxp-modal-afegir-avis__container .nxp-modal-body,
.fieldset-avis {
    padding: 0;
}
.nxp-modal-afegir-avis__container .eia-modal__btn-accions {
    padding-bottom: 30px;
}
.nxp-modal-avis__form-item label {
    color: #000;
}
.nxp-afegir-avis-body .nxp-modal-avis__contracte,
.nxp-afegir-avis-body .nxp-afegir-avis-form {
    padding: 24px 30px;
}
.nxp-modal-avis__contracte > p {
    margin-bottom: 16px;
}
.nxp-afegir-avis__steps {
    margin-bottom: 0;
    padding: 24px 30px 0;
}
.nxp-form__radiobutton {
    align-items: flex-start;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    margin-bottom: 8px;
    padding: 12px;
}
.nxp-form__radiobutton,
.nxp-form__radiobutton label {
    cursor: pointer;
    font-size: 16px;
}
.nxp-form__radiobutton:has(input:checked) {
    background: var(--second-rose);
}
.fieldset-contracte__item strong,
.nxp-modal__selected-contracte strong {
    display: block;
}
.fieldset-contracte__item span {
    font-family: "roboto-regular";
    color: var(--nxp-gris-oscuro-color);
}
.nxp-modal__selected-contracte {
    background: var(--second-rose);
    padding: 12px 24px;
}
.nxp-afegir-avis__steps .list__eia-steps {
    border-bottom: 1px solid var(--disabled);
    padding-bottom: 24px;
}
.nxp-form__item:not(:last-child) {
    margin-bottom: 16px;
}
.nxp-form__item select {
    width: 100%;
}
.nxp-modal__footer i {
    font-size: 12px;
    margin-left: 4px;
}
.nxp-form__radiobutton-altre {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    padding: 8px 12px;
}
.nxp-form__radiobutton-altre input[type="radio"] {
    margin-right: 0;
    margin-top: 10px;
}
.nxp-form__radiobutton-altre label {
    margin-top: 8px;
}
.nxp-form__radiobutton-altre-select {
    flex: 1;
}
.nxp-form__radiobutton-altre-select select {
    cursor: pointer;
    width: 100%;
}
.nxp-form__radiobutton-altre-select input {
    cursor: text;
    width: 100%;
}
.nxp-form__radiobutton-altre-select input {
    margin-top: 4px;
}
.nxp-form__seleccionar-arxiu .eia-form__item-file {
    display: flex; 
    gap: 8px; 
    align-items: center; 
}
.nxp-form__seleccionar-arxiu .eia-form__item-file .eia-itemfile ,
.eia-item-file__name {
    width: 100%;
}
.nxp-arxiu-seleccionat {
    color: #000;
}
.nxp-form__seleccionar-arxiu .nxp-afegir-avis__afegir-documents {
    margin-top: 16px;
}
.nxp-afegir-avis__documents li {
    align-items: center;
    border-bottom: 1px solid var(--disabled);
    border-radius: 4px;
    display: flex;
    font-family: "roboto-regular";
    gap: 8px;
    padding: 4px 8px;
}
.nxp-afegir-avis__documents li:last-child {
    border: 0;
}
.nxp-afegir__name {
    flex: 1;
}
.nxp-afegir-avis__documents .eia-btn-neutral {
    background: none;
    box-shadow: none;
    color: var(--hover-rose);
    flex: inherit;
    padding: 7px 10px;
}
.nxp-afegir-avis__documents .eia-btn-neutral:hover {
    background: var(--second-rose);
    color: var(--hover-rose);
}

/* AFEGIR OBSERVACIO */
/*.nxp-modal-obs__container .nxp-modal-container {
    max-height: 95vh;
    max-width: 90vw;
    min-width: 90vw;
}*/
.nxp-afegir-observacio-body {
    display: flex;
    gap: 24px;
    justify-content: space-between;
}
/*.nxp-modal-obs__col1 {
    display: flex;
    flex-basis: 30%;
    flex-direction: column;
    height: auto;
}*/
.nxp-modal-obs__col2 {
    align-items: center;
    display: flex;
    flex: 1;
}
.drag-drop-area {
    align-items: center;
    border: 2px dashed var(--disabled);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 4px 0 12px;
    padding: 24px;
}
.drag-drop-msg {
    text-align: center;
}
.drag-drop__icon {
    border: 1px solid var(--disabled);
    border-radius: 4px;
    padding: 8px;
}
.modal-documents__col1 .file-display {
    display: none;
}
.drag-drop__files-actions {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-top: 8px;
}
.drag-drop__files-actions:has(+ .drag-drop__files-container .drag-drop__file) .btn-files__remove {
    display: block;
}
.drag-drop__files-actions .btn-files__remove {
    background: none;
    border: 0;
    border-radius: 5px;
    color: var(--hover-rose);
    cursor: pointer;
    font-size: 15px;
    display: none;
    padding: 6px 10px;
}
.drag-drop__files-actions .btn-files__remove:hover,
.drag-drop__file-remove:hover {
    background-color: var(--second-rose);
}
.drag-drop__files-container {
    max-height: 170px;
    overflow-y: auto;
}
.drag-drop__file {
    padding: 4px 0;
}
.drag-drop__file:not(:last-child) {
    border-bottom: 1px solid var(--disabled);
}
.drag-drop__file-container {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    padding: 4px 8px;
}
.drag-drop__file-name {
    flex: 1;
}
.drag-drop__file-name > span {
    font-size: 14px;
    display: block;
}
.drag-drop__file-remove {
    background: none;
    border: 0;
    border-radius: 4px;
    color: var(--hover-rose);
    cursor: pointer;
    font-size: 14px;
    padding: 6px 10px;
}
.drag-drop__file-icon {
    align-self: flex-start;
    padding-top: 2px;
}
.drag-drop__file-icon:before {
    content: url("Icons/pdf-file.svg");
    display: inline-block;
    width: 18px;
    height: 18px;
}
.drag-drop__file-icon-img:before {
    content: url("Icons/image-file.svg");
}
.drag-drop__file-btns {
    display: flex;
    gap: 2px;
}
.drag-drop__file-edit,
.drag-drop__file-open .drag-drop__file-container {
    display: none;
}
.drag-drop__file-open .drag-drop__file-edit {
    align-items: center;
    display: flex;
    gap: 6px;
}
.drag-drop__file-edit-button {
    height: 34px;
    padding: 7px;
    width: 34px;
}
p.drag-drop__text {
    font-size: 14px;
}
.nxp-afegir__document {
    align-items: center;
    border-radius: 4px;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 8px;
}
.drag-drop__files-container .nxp-afegir__document:hover {
    background-color: var(--second-rose);
    cursor: pointer;
}
.nxp-afegir__document:not(:last-child) {
    border-bottom: 1px solid var(--disabled);
}
.nxp-afegir__document-esborrar {
    display: flex;
}
.nxp-afegir__document-esborrar .eia-btn-border-primary {
    display: flex;
    margin-left: 8px;
    padding: 6px 8px !important; 
}
.nxp-afegir__document-nom {
    flex: 1;
}
.modal-documents-container__visor-doc {
    display: flex;
    align-items: center;
    flex: 1;
}
.modal-documents__col2 iframe {
    min-height: 70vh;
    height: 100%;
}
.visor-doc__frame {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
}
/*iframe {
    border-radius: 10px;
    min-width: 560px;
    height: 600px;
    border-radius: 10px;
    border: gray solid 1px;
    background-color: gray;
}*/
.msj__visor-docs:has(+ .visor-doc__frame-active) {
    display: none;
}
.msj__visor-docs {
    color: #fff;
    content: "Fes clic sobre algun document adjuntat per a visualitzar-lo";
    position: absolute;
    font-family: "roboto-regular";
    left: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 15;
}
.nxp-form__description,
.nxp-form__description{
    margin-top: 8px;
    color: var(--nxp-gris-oscuro-color);
    font-size:15px;
}
.nxp-form__description span{
    margin-right:4px;
    color: var(--eia-portal-primary);
}
.fieldset-tipus > p{
    margin-bottom:8px;
}
@media(max-width: 1200px) {
    .nxp-modal-obs__col2 {
        display: block;
    }
    .nxp-modal-obs__col1 {
        margin-bottom: 16px;
    }
    .nxp-modal-obs__col2 iframe {
        min-height: 400px;
        min-width: auto;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .nxp-modal-avis__contracte,
    .nxp-afegir-avis-form {
        padding: 24px 16px 9px;
    }
    .fieldset-contracte {
        margin-top: 8px;
    }
    .nxp-form__radiobutton {
        margin-bottom: 4px;
    }
    .nxp-modal-obs__col1 {
        flex-basis: 40%;
    }
/*    iframe {
        border-radius: 10px;
        width: 528px;
        height: 565px;
        border: gray solid 1px;
        background-color: gray;
    }*/
    .msj__visor-docs {
        content: "Fes clic sobre algun document adjuntat per a visualitzar-lo";
        position: absolute;
        max-width: 530px;
        height: 100px;
        z-index: 15;
        text-align: center;
        padding-top: 32px;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .nxp-afegir-observacio-body {
        display: block;
    }
}