.container-flex{display:flex;position:relative;width:100%;top:39;min-height:100%;z-index:0}.contenidor-centre{display:block;position:relative;margin:auto;background-color:var(--color-fons-clar);border:1px solid var(--color-titols);border-radius:10px;min-height:80%}.item--centre{position:relative;width:76%;height:88dvh;margin:auto;margin-top:0;background-color:var(--color-fons-menus);overflow-y:auto}.item--esquerra{left:0}.item--dreta{right:0}.item--dreta,.item--esquerra{display:flex;flex-direction:column;position:fixed;width:12%;max-width:300px;height:100dvh;padding:30px 0 30px 0;top:70;border-radius:9px;background-color:var(--color-fons-menus);background-color:#fff}.caixa_titols{display:block;position:relative!important;margin:auto;height:clamp(30px,3.5vh,40px);z-index:20;text-align:left;margin:10px 0;margin-bottom:10px;border-bottom:1px solid #f3f2f2;border-top:none;background-color:var(--color-fons-titols);box-shadow:rgba(33,35,38,.1) 0 10px 10px -10px}.caixa_titols h4{display:block;height:max-content;width:max-content;padding:2px 10px;margin-left:20px;border-radius:4px;font-size:clamp(1em, 1vw, 1.6em)!important;color:var(--color-titols);letter-spacing:1px;text-shadow:2px 2px 3px #ccc}.caixa_titols h3{color:var(--color-text-caixa);text-align:center;width:50%;padding:0 100px;margin:auto;border-radius:6px;font-size:clamp(1em, 1vw, 1.6em)!important;text-shadow:2px 2px 3px #ccc;letter-spacing:1px}.caracteristiques_pe,.caracteristiques_periode,.empresa_identificatius,.empresa_parametres,.treballador-dades-calcul,.treballador-dades-personals,.treballador-historial{width:300px;border:1px solid #6a5acd;border-radius:5px;background-color:#fff;padding:7px;margin-inline:auto;max-width:400px;min-width:300px;height:auto;vertical-align:top}.form_caracteristiques,.form_empresa,.form_incidencies,.form_persona{display:block;width:80%;margin:auto;padding-bottom:30px}.selecciona-treballador{display:flex;position:relative;flex-direction:row;border:1px solid transparent;border-radius:4px;margin-left:18px;min-width:50%;margin-top:15px;margin-bottom:20px;height:fit-content;border-radius:5px}.menu-treballador{display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;width:100%;margin:-11px 0;padding:5px}#canvia_persona{font-size:clamp(13px, 1.1vw, 25px);background-color:#eaf6ff;color:var(--color-text-caixa);border:1px solid transparent;padding:5px;padding-left:10px;padding-right:20px;min-width:60%}.form_incidencies{width:100%;padding-bottom:30px;margin-left:0}[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}[data-title]:after{content:attr(data-title);background-color:#fffbc8;color:var(color-text-global);font-size:.9em;position:absolute;padding:8px 20px;bottom:-1.6em;left:100%;white-space:nowrap;box-shadow:1px 1px 3px #222;opacity:0;border:1px solid #6a5acd;z-index:999;visibility:hidden;border-radius:6px}[data-title]{position:relative}textarea{font-size:1em;color:var(--color-text-global);font-size:1.1em;padding:20px;line-height:1.5;border:1px solid #6a5acd;border-radius:15px;margin:auto;width:95%;height:200px}#camp_caracteristiques_avis,#camp_incidencia_avis,#camp_treballador_avis,.avis-error-camp{display:block;width:auto;max-width:75%;margin:auto;padding:10px 30px;background-color:#fcfcb6;z-index:999;border:2px solid var(--color-avis-warning);color:var(--color-avis-warning);border-radius:5px;text-align:center}.avis-error-camp li{color:red}#camp_caracteristiques_avis:hover,#camp_empresa_avis:hover,#camp_incidencia_avis:hover,#camp_treballador_avis:hover{transition:4s;opacity:.03}.desactivats-ocasionals{border:1px dashed red!important;color:#f1f1f1!important;opacity:.2}.desactivats-ocasionals+label{opacity:.2}.id-del-registre{justify-content:space-evenly;width:43%;min-width:284px;border:1px solid var(--color-border-clar);border-radius:6px;margin:auto;background-color:var(--color-fons-menus);padding-bottom:12px;margin-bottom:12px}.id-del-registre__contingut{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:3px}.id-del-registre input{color:var(--color-titols);font-size:1.3em;text-align:center;height:24px;border:1px solid var(--color-border-clar)}.id-del-registre select{width:100%;color:var(--color-titols);background-color:#fff;font-size:.9em;margin-right:20px;border-radius:3px;height:24px}option{text-align:left;color:var(--color-label)}.--item{display:flex;align-items:center;vertical-align:baseline;height:30px;border:1p}.id-del-registre h5{text-align:center;margin-top:5px}.id-del-registre input:disabled{width:150px;color:var(--color-titols);font-size:1.1em;font-weight:700;height:28px;border:none;background-color:transparent!important}.id-del-registre select:disabled{background-color:transparent!important;border:none}.dialeg_eliminar p{color:var(--color-titols);padding:12px;padding-bottom:22px;text-align:center;font-size:1em;color:var(--color-avis-warning)}#avis_esborrar_empresa{color:var(--color-avis-warning);font-style:italic;font-size:.9em;padding-bottom:20px}fieldset{position:relative;border:1px solid transparent;border-radius:12px;margin-top:20px;margin-bottom:20px;padding-bottom:20px}fieldset:disabled{background-color:#f7f7f7}fieldset:hover{border:1px solid #2862ce}fieldset:disabled:hover{background-color:#ececec;border:1px solid #ccc}.missatge-de-camp{display:block;color:var(--color-text-global);font-size:.9em;padding:12px;text-align:justify}.div-valida-dades{display:block;position:absolute;background-color:var(--color-fons-menus);margin:auto;border:1px solid var(--color-avis-warning);text-align:center;width:40%;min-height:60px;padding:20px;color:var(--color-avis-warning);top:30%;box-shadow:2px 4px 12px #6e6d6d}#comentari_enviat{padding:20px;margin:auto;margin-top:50px;color:var(--color-text-global);font-size:1.1em;letter-spacing:1px;text-align:center}#comentari_no_enviat{padding:20px;margin:auto;width:auto;margin-top:50px;color:var(--color-avis-warning);border:2px solid var(--color-avis-warning);border-radius:5px;font-size:1.1em;letter-spacing:1px;text-align:center}.avis-error-pdf{display:block;margin:auto;width:60%;border:2px solid var(--color-avis-warning);background-color:#fff;color:var(--color-avis-warning);padding:12px;padding-bottom:20px;text-align:justify;border-radius:4px}.avis-error-pdf h3,.avis-error-pdf h4{display:block;color:red;padding-bottom:20px;width:90%;text-align:center;font-size:1.2rem;font-weight:700}.avis-error-pdf h4{font-size:1.1rem}.boto_amb_imatge{background-color:transparent;border:none}.txt-warning{color:var(--color-avis-warning)}.avis_especial_no_logat{display:flex;align-items:center;width:max-content;margin:auto;margin-bottom:25px;background-color:var(--color-fons-contenidor-nomina);height:40px;border:1px dashed red;padding:6px;padding-right:19px;border-radius:6px;text-align:center}.avis_especial_no_logat span{color:var(--color-avis-info);width:40px;margin-right:12px}.avis_especial_no_logat p{font-size:1em}.avis-no-logat{display:block;width:100%;min-width:150px;margin:auto;text-align:center;color:var(--color-avis-info);border-radius:10px;padding:10px;padding-bottom:26px;background-color:#fff;border:1px solid #c7fad0}.avis-no-logat:hover{background-color:#f1efef;border:1px dashed red}.form_empresa .form_persona{display:flex;justify-content:space-around}.mes-control select{color:#000;padding:0;padding-left:8px;border:none;text-align:center;margin:auto;font-size:1.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1rem}.formulari input[type=checkbox]{height:22px;margin-top:0;accent-color:var(--color-fons-clar)}.formulari input:disabled{background-color:var(--color-disabled);border-color:#ccc}.check-label input[type=checkbox]{display:block;width:40px;margin:0}.missatge{display:block;position:absolute;margin:auto;left:30%;width:40%;max-height:85dvh;top:10dvh;text-align:center;padding:25px;background-color:#fff;color:var(--color-text-global);border:2px solid #9acd32;border-radius:8px;box-shadow:#26394d 0 20px 30px -10px;z-index:9999;line-height:1.5;overflow-y:auto}.missatge h4{font-size:1.2rem;margin-top:20px}@media (max-height:500px){.missatge{align-items:flex-start;padding-top:2rem}}.missatge-titol{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.missatge-descripcio{font-size:1.3rem;color:#555;margin-bottom:1.5rem}.missatge-texte p{font-size:1.1rem;color:#333;margin-bottom:1.4rem;white-space:pre-wrap;text-align:justify;line-height:1.4;text-indent:0!important}.missatge-boto{padding:.6rem 1.2rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px}.missatge-no-mostrar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem;font-size:.9rem;width:fit-content;margin:auto;margin-right:0}.missatge-no-mostrar label{font-size:.9rem;color:#747171!important}.missatge-no-mostrar input{margin-right:.5rem}.dialeg-nou-treballador-o-empresa{display:flex;position:absolute;flex-direction:column;padding:22px;top:12dvh;min-height:30%;left:17%;width:50dvw;background-color:#f0f8ff;border-radius:8px;box-shadow:#26394d 0 20px 30px -10px;box-shadow:rgba(0,0,0,.4) 0 30px 90px;z-index:99999}.dialeg-nou-treballador-o-empresa h3{margin-top:20px;margin-bottom:20px}.dialeg-nou-treballador-o-empresa button{margin:0}.--botons-dialeg{display:flex;flex-direction:row;align-items:center;margin-top:30px;height:50px;margin-bottom:20px;justify-content:space-around}.detall-ajuda-general h3{color:var(--color-text-global);font-weight:400}.detall-ajuda-general h4,.detall-preus h4{color:#000;width:fit-content;background-color:#fff9e4}.pausa3sec{transition:1s!important;opacity:.2}.pausa3sec:hover{opacity:1}.contenidor-xarxes{display:flex;flex-direction:row;align-items:baseline;margin:auto;margin-top:38dvh;justify-content:right}.contenidor-xarxes i{margin-right:8px;padding:6px;font-size:clamp(15px, 2em, 31px)!important}.whats:hover{color:#20ce20!important}.twitter:hover{color:#000!important}.facebook:hover{color:#4a47d8!important}.missatge-info{max-width:550px;border:2px solid #4682b4;box-shadow:rgba(0,0,0,.24) 0 3px 8px}.missatge-info h3{color:#4682b4;margin-top:15px}.missatge-info p{margin:40px;color:#4682b4}.missatge-error{max-width:550px;position:relative;border:2px solid red;border-radius:3px}.missatge-error h3{color:red;margin-top:15px}.missatge-error p{margin:30px;color:var(--color-estat-error);font-size:1rem!important}.missatge-ok{max-width:550px;border:2px solid green}.missatge-ok h3{color:green;margin-top:15px}.missatge-ok p{margin:40px}.missatge-ko{max-width:550px;color:red!important;text-align:center!important;font-size:1rem!important;margin:25px auto}.missatge-ko i{font-style:italic;color:inherit}.entra-sou-brut{display:flex;flex-direction:column;gap:1rem;width:80%;margin:50px auto;padding:2rem;background-color:#f5f5f5;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.entra-sou-brut .form-group{display:flex;align-items:center;justify-content:space-between;gap:1rem}.entra-sou-brut label{flex:1;font-weight:700;color:#333;text-align:right}.entra-sou-brut input[type=number],.entra-sou-brut input[type=text],.entra-sou-brut select{flex:2;padding:.5rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;appearance:none}@media (max-width:600px){.entra-sou-brut{width:90%;padding:1.5rem}.missatge{left:20%;width:70%}.entra-sou-brut .form-group{flex-direction:column;align-items:flex-start}.entra-sou-brut label{width:100%;text-align:left}.entra-sou-brut input[type=number],.entra-sou-brut select{width:100%}}.nota-discreta{display:block;margin:auto;width:80%;margin-bottom:35px}.nota-discreta p{font-size:.95rem;color:gray;text-align:justify}.mes-control{display:flex;width:90%;margin:auto;align-items:center;gap:8px;margin-bottom:10px;border-bottom:1px solid var(--color-border-clar);border-top:1px solid var(--color-border-clar);padding:2px}.ico-mes-menys{font-size:16px;cursor:pointer;color:var(--color-botons-border);border:1px solid #ccc;border-radius:4px;background-color:#deecfa}.ico-mes-menys:hover{border-color:#000;color:#000}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(103,84,172,.1);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out forwards}.error-box{position:absolute;background-color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 10px rgba(168,177,255,.5);z-index:10000;max-width:300px;font-family:sans-serif;border:1px solid red;opacity:0;animation:fadeInBox .4s ease-out forwards}.error-box p{margin:0;font-size:14px;color:red;padding:14px}.close-btn{position:absolute;top:5px;right:10px;font-size:20px;font-weight:700;color:#999;cursor:pointer}.close-btn:hover{color:#000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInBox{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutBox{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#modal_contractes{width:90%;max-width:1000px;border:none;border-radius:12px;padding:20px;box-shadow:0 5px 25px rgba(0,0,0,.3)}.modal__contenidor h3{margin-top:0;font-size:1.3rem;text-align:center}.modal__cos{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:stretch;margin-top:15px}.filtres{display:flex;flex-direction:column;justify-content:flex-start;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;height:100%;box-sizing:border-box;overflow:visible}.filtres h4{margin:0 0 10px 0;font-size:1.1rem;color:#333}.llista-filtres{display:flex;flex-direction:column;gap:6px;flex-grow:1}.llista-filtres label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:#333}.llista-filtres input[type=checkbox]{width:18px;height:18px;accent-color:#0078d7;cursor:pointer}#modal_contractes h4{position:static;top:auto;left:auto;transform:none;z-index:auto;background:0 0;padding:0;margin:0 0 10px 0;color:#333}.taula-container{border:1px solid #ddd;border-radius:8px;background:#fff;display:flex;flex-direction:column;height:100%}.taula-scroll{flex:1;overflow-y:auto;max-height:600px}.taula-scroll table{width:100%;border-collapse:collapse;font-size:.95rem}.taula-container table{width:100%;border-collapse:collapse;flex:1;font-size:.95rem}.taula-container th{background:#f1f1f1;text-align:left;padding:8px;border-bottom:1px solid #ccc}.taula-container td{padding:6px 8px;border-bottom:1px solid #eee}.fila-contracte:hover{background-color:#e7f0ff;cursor:pointer}