.modalAdmin-form{display:flex;flex-direction:column;padding:0 8px}.modalAdmin-form button{margin:10px auto}.modalDetails-img{margin:8px auto;text-align:center}.modalDetails-img>figcaption{color:var(--primary);text-align:left}.modalDetailsGeneral{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.modalDetails{position:fixed;width:30%;min-width:350px;height:90%;max-height:800px;background-color:#fff;box-shadow:#000 0 0 30px;border-radius:10px;overflow-y:scroll;padding:16px;pointer-events:auto}.modalDetails-closebtn{position:sticky;left:100%;top:8px;font-size:30px;padding:0;align-content:center;display:flex}.modalDetails>svg:hover{cursor:pointer;transform:scale(1.5)}.modalDetails>figure>img{max-width:100%;max-height:400px}.modalDetails p{color:var(--primary);margin-top:0;margin-bottom:8px}.modalDetails-form{background:#f4f4f4;position:relative;left:calc((100% - 366px)/2);width:350px;padding:8px;margin:8px}.modalDetails-form input,.modalDetails-form--comment{width:90%}.modalDetails-comment{position:relative;list-style:none;display:flex;flex-direction:column;gap:8px;padding:8px;background:#f4f4f4}.modalDetails-comment>div{display:flex;justify-content:space-between}.modalDetails-comment>div>p{margin:0;text-align:end}.modalDetails-comment--edit{position:absolute;right:0;top:-16px;background:var(--fontColor25);font-size:.9rem;padding:1px}.modalDetails-comment-updtbtn{cursor:pointer}.modalDetails-comment-updtbtn:hover{cursor:pointer;transform:scale(1.3)}.bodyDevices header{grid-area:header;margin:32px 16px;display:flex;gap:16px}.bodyDevices main{grid-area:main;display:flex;flex-direction:column;justify-content:center;align-items:center}.bodyDevices footer{grid-area:footer;margin:0 16px;display:flex;gap:16px;align-items:center;justify-content:center}.bodyDevices aside{grid-area:aside;background:var(--fontColor15);border-radius:10px;display:flex;flex-direction:column}.aside-filters{position:sticky;top:0;background:var(--fontColor15);z-index:1;padding-bottom:32px}.logo{font-family:marigny,sans-serif;font-style:italic;font-weight:700;color:var(--fontColor10);font-size:1.3rem;align-self:center;background:var(--primary);padding:10px;border-radius:15px;text-shadow:0 0 5px var(--fontColor75);margin:0}.navbar{display:flex;gap:16px;width:60%;justify-content:space-around;align-items:center;font-size:1rem}.navbar-loginIcon{position:relative;display:flex;flex-direction:column;text-align:center}.navbar-loginIcon>a{display:flex;justify-content:center;font-size:1.5rem;color:var(--primary)}.navbar-loginIcon--username{font-size:.8rem}.navbar-loginIcon--logout{position:absolute;right:0;font-size:1rem;background-color:var(--fontColor15);top:32px;padding:8px;border-radius:8px;width:110px}.navbar-loginIcon--logout:hover{cursor:pointer}.navbar p{margin:0;align-self:center}.title{margin:1rem;font-size:1.125rem;color:var(--fontColor100);font-weight:bolder;text-align:left}.title~p{margin:0;padding:8px;color:var(--fontColor10);background:var(--fontColor100);max-width:300px;border-radius:20px;text-align:center}.bodyDevices{display:grid;position:relative;grid-template-areas:"header" "main" "footer" "aside";grid-template-columns:minmax(400px,1fr);grid-template-rows:15vh 40vh 10vh 100vh;grid-auto-rows:auto}@media (width>860px){.bodyDevices{display:grid;grid-template-areas:"header aside" "main aside" "footer aside";grid-template-columns:minmax(400px,2fr) minmax(460px,3fr);grid-template-rows:15vh 75vh 10vh}}.searcher{position:relative;margin:32px;display:flex}.inputText{width:100%;font-family:Poppins;font-size:1rem;padding:5px 5px 5px 30px;border-radius:10px;background:var(--fontColor05);color:var(--fontColor75);border:none}.searcher svg{position:absolute;top:16px;left:8px}.buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.filters{width:45%;min-width:200px;background:var(--fontColor100);color:var(--fontColor05)}.filterclic{width:45%;background:var(--fontColor05);color:var(--fontColor100)}.listItemsError{padding:16px}.listItems{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid;gap:20px;justify-content:center;padding:0 16px 32px 32px;margin:0 16px 0 0;flex:1;overflow-y:scroll;overflow-x:hidden;grid-auto-rows:115px}.listItems-descriptionInitial{margin:32px 64px;display:flex;flex-direction:column;height:100%;justify-content:space-around;align-items:center}.listItems-descriptionInitial>div>h2,.listItems-descriptionInitial>div>p{margin:0;color:var(--fontColor100)}.listItems>ul{position:relative;list-style:none;background:var(--fontColor05);border-radius:20px;color:var(--primary);margin:0;padding:8px;display:flex;flex-direction:row;align-items:center;gap:10px}.listItems>ul:hover{cursor:pointer;box-shadow:0 0 10px #323232;background:var(--fontColor15)}.listItems-img{border-radius:15px;outline:3px solid white;background:#fff;display:flex;align-items:center;width:80px;height:90px}.listItems-img img{width:100%;max-height:90px;width:80px;border-radius:10px}.listItems-text{display:flex;flex-direction:column;gap:8px;min-width:90px}.listItems-text p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listItems-text--owner{font-size:.75rem}.listItems-infopage{display:flex;flex-direction:column;align-items:end;grid-column:-1/-2}.listItems-infopage p{padding-right:8px}.modal{position:absolute;top:32px;background:#eee;z-index:1;width:150%;max-width:350px;height:200px;padding:10px;border-radius:10px;cursor:auto;overflow-y:scroll;box-shadow:0 0 10px #323232;cursor:pointer}.modal>h4{margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:10px}.login{display:flex;justify-content:center}.login>div{display:flex;flex-direction:column;gap:32px;width:300px;text-align:center;padding:32px 16px;background-color:var(--fontColor25)}.login>div>strong{font-size:1.25rem}.loginForm{display:flex;flex-direction:column;gap:32px}.loginForm>input{margin:0;padding:8px}.login-logOrReg{display:flex;justify-content:space-around}.admin{display:flex;flex-direction:column;align-items:center}.uploadExcel{display:flex;flex-direction:column;align-items:center;border:1px solid black;padding:16px}#btnoriginal{visibility:hidden}.btnpersonal{height:50px;background:#27c500}:root{--fontColor100: #2e2e2e;--fontColor75: #626262;--fontColor50: #979797;--fontColor25: #cacaca;--fontColor15: #e0e0e0;--fontColor10: #ebebeb;--fontColor05: #f4f4f4;--primary: #ff9800;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:var(--fontColor75);background-color:var(--fontColor05);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{line-height:1.1;display:block;margin:0;font-weight:bolder;font-size:3rem}p{font-size:.8rem}button{border-radius:20px;border:1px solid transparent;padding:.6em 1.2em;font-size:.8rem;font-weight:500;font-family:inherit;background-color:var(--fontColor100);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea{font-family:Poppins;font-size:1rem;border-radius:10px;background:#fff;color:#7a7a7a;border:none;margin:8px 0}@media (width>440px){button,p{font-size:1rem}text{font-size:1rem}}