:root{--primary-color: #F0F8FF;--primary-mobile-color: rgb(137, 92, 30);--header-background-color: #2c3e50;--header-text-color: #FFFFFF;--footer-background-color: #2c3e50;--footer-text-color: #FFFFFF;--secondary-color: #490db9;--accent-color: #060607;--main-content-background-color: #f4f4f4;--text-color: black;--main-content-background-text-color: #333333}.banner{border:1px solid;border-radius:5px;padding:.5rem;position:relative;top:0;left:50%;transform:translate(-50%);margin-bottom:1rem;font-weight:700;font-size:1.5rem}.unsupported-message{display:none}*{box-sizing:border-box}@media only screen and (max-width: 767px){html,body{max-width:100%;height:100%;margin:0}body{-webkit-overflow-scrolling:touch}body::-webkit-scrollbar{display:none}.app-container{border-radius:.5rem;padding:1rem;margin:0 auto;font-size:1rem;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh;background-color:#d3d3d3}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:"90%";z-index:1000;margin-top:1rem}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;color:red;font-weight:700;font-size:"1rem";padding:.5rem;border-radius:8px;line-height:1rem;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}.hamburger-menu{display:grid;justify-self:end;border:2px solid black;border-radius:3px;background-color:red;color:#000;padding:1rem;font-weight:700;width:auto;height:auto}.hamburger-popup-menu{margin:0 auto;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:2rem;width:fit-content;border:2px solid black;height:fit-content}.hamburger-menu-list{padding:1rem;border:2px solid black;background-color:transparent;transition:background-color .3s ease}.hamburger-menu-listItem{padding:.5rem;font-size:small}.hamburger-menu-listItem:nth-child(-n+3){margin-bottom:1px}.hamburger-menu-listItem:nth-child(2n){font-weight:700}.hamburger-menu:hover{cursor:pointer}.footer{display:none}.places{display:flex;flex-direction:column;background-color:#d6d6bbb8;margin-top:6rem;padding:.5rem;border-radius:1rem;text-align:justify;font-size:1rem;overflow-y:auto}}@media screen and (min-width: 1025px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:10%;margin-right:10%}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background:#d3d3d3;background-size:cover;background-position:center;width:90vw;height:90vh}.huolto{height:60%;overflow-y:auto}.hamburger-menu{display:none!important}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;z-index:1000;margin-top:1rem}.confirmation-content{align-items:center;background:transparent;padding:1rem;border-radius:1rem;line-height:3rem;color:red;font-weight:700;gap:1rem;text-align:justify}#ok{display:flex;flex-direction:column;margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:fixed;left:0;bottom:0;right:0;z-index:999;display:flex;width:100%;background-color:#f2b7589a;padding:.5rem;border-color:green;border:1px solid}.footer-items{justify-content:flex-end;align-items:center}.footer-items img{margin-right:20px;width:3rem}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;margin-top:2rem;display:inline-block;justify-content:center;background-color:gray;font-weight:700;gap:1rem}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}.places{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.5rem;font-size:1rem;font-weight:700;background-color:#d6d6bbb8;margin:2rem;padding:1rem;border-radius:1rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background:#d3d3d3;background-size:cover;background-position:center;width:95vw}.showWk{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-y:auto}.hamburger-menu{display:none!important}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{position:fixed;top:30%;left:30%;max-width:50%;max-height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;gap:1rem;text-align:justify}#ok{margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:100%;background-color:#f2b7589a;padding:.5rem 1rem;box-sizing:border-box}.footer-items{display:flex;align-items:center}.footer-items img{width:24px;height:24px}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;justify-content:center;font-weight:700}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}}@media only screen and (min-width: 1025px){.header{display:flex;z-index:10;color:var(--header-text-color)!important;border-radius:.2rem;background-color:transparent;padding:1rem}.header-left{display:flex;align-items:center;gap:3rem}.header-right{gap:1rem;align-items:center;justify-content:flex-end;margin-left:auto;margin-right:2rem;padding-right:1rem;font-size:1rem;font-weight:700}.header-left Link{justify-content:flex-start;align-items:flex-start}header a{text-decoration:none;color:#4d4d4d;font-weight:600;padding:5px 10px}header a:hover{color:#fff;text-decoration:underline}}@media only screen and (min-width: 768px) and (max-width: 1024px){.header{display:flex;z-index:10;color:var(--header-text-color)!important;border-radius:.2rem;background-color:transparent;padding:1rem}.header-left{display:flex;align-items:center;gap:3rem}.header-right{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-end;margin-left:auto;margin-right:2rem;padding-right:1rem;font-size:1rem;font-weight:700}.header-left Link{justify-content:flex-start;align-items:flex-start}header a{text-decoration:none;color:#4d4d4d;font-weight:600;padding:5px 10px}header a:hover{color:#fff;text-decoration:underline}}@media (max-width: 767px){.header{position:fixed;top:1;left:0;width:100%;display:flex;z-index:10;color:#000;border-radius:.2rem;background-color:transparent;padding:1rem}.header-left>Link{align-items:center;justify-content:flex-start;font-size:.5rem}.header-right{margin-left:auto;margin-right:1rem}.header-left Link{justify-content:flex-start;align-items:flex-start}header a{text-decoration:none;color:#eee;font-weight:600;padding:5px 10px}header a:hover{color:red;text-decoration:none}}@media only screen and (min-width: 1025px){.admin{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;min-height:20vh}}@media only screen and (min-width: 980px){.admin{display:flex;flex-direction:column;justify-content:center;margin-top:1rem;align-items:center;font-weight:700;background-color:gray;color:red;gap:1rem}}.home-title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{border:3px solid;border-color:red;border-radius:5px;padding:5px;animation:shake .3s infinite}@media (max-width: 767px){html,body{overflow:hidden;height:100%}.home{flex-direction:column;grid-area:home;width:90%;max-height:auto;gap:.5rem;font-weight:550;font-size:1rem;z-index:1;border-radius:1rem;background-color:transparent;padding:1rem}.home-title{font-size:1.5rem}.tooltip-text{display:none}.home-kollaasi:hover .tooltip-text{display:block}.home-teksti{display:flex;flex:wrap;flex-direction:column;justify-content:flex-start;align-items:flex-start;animation-duration:5s;animation-name:slidein;font-size:1rem;font-weight:600;color:#000;border-radius:10px;padding:1rem;width:80%;text-align:left}#home-nappi{color:#fff;font-weight:700;margin-top:1rem;font-size:12px;background-color:#304253}.image-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem}.image-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;box-sizing:border-box}.image-wrapper img{flex:0 0 50%;width:3rem;height:auto;margin-bottom:10px}.image-wrapper span{font-size:16px;color:#000}}@media (min-width: 768px) and (max-width: 1024px){.home{align-items:center;width:100%;margin-top:5%;max-height:auto;padding:3rem;font-weight:550;font-size:1rem;gap:.5rem;z-index:1;background-color:transparent;border-radius:1rem;margin-bottom:4rem}.home-title{font-size:2rem}@keyframes slidein{0%{translate:150vw 0;scale:200% 1}to{translate:0 0;scale:100% 1}}h5 .tooltip-text{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;font-size:14px;position:absolute;bottom:50%;left:80%;transform:translate(-50%);opacity:0;transition:opacity .3s;z-index:1}h5:hover .tooltip-text{visibility:visible;opacity:1}.image-container{display:flex;justify-content:center;gap:20px;text-align:center;margin-left:1rem}.image-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer}.image-wrapper img{width:2.5rem;height:auto;margin-bottom:10px}.image-wrapper span{font-size:16px;color:#000}.home-teksti{margin:0 auto;animation-duration:5s;animation-name:slidein;font-family:Lucida Console,Courier New,cursive;font-size:1rem;font-weight:600;margin-bottom:2rem;border-radius:10px;padding:1rem;width:fit-content}#home-nappi{color:#fff;font-weight:700;margin-top:1rem;font-size:12px;background-color:#304253}}@media (min-width: 1025px){.home{display:flex;justify-content:center;align-items:center;max-height:auto;padding:3rem;font-weight:150;font-size:1rem;gap:.5rem;z-index:1;background-color:transparent;border-radius:1rem;margin-top:5%;margin-bottom:1rem}.home-title{font-size:2.5rem}.home-teksti{margin:0 auto;animation-duration:5s;animation-name:slidein;font-family:Lucida Console,Courier New,cursive;font-size:1rem;font-weight:600;margin-bottom:2rem;border-radius:10px;padding:1rem;width:fit-content}#home-nappi{color:#fff;font-weight:700;margin-top:1rem;font-size:12px;background-color:#304253}#latest{justify-content:center}@keyframes slidein{0%{translate:150vw 0;scale:200% 1}to{translate:0 0;scale:100% 1}}h5 .tooltip-text{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;font-size:14px;position:absolute;bottom:50%;left:80%;transform:translate(-50%);opacity:0;transition:opacity .3s;z-index:1}h5:hover .tooltip-text{visibility:visible;opacity:1}.image-container{display:flex;justify-content:space-evenly;gap:20px;text-align:center;margin-left:1rem}.image-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer}.image-wrapper img{width:3rem;height:auto;margin-bottom:1rem}.image-wrapper span{font-size:1 rem;font-weight:700;color:#000}}@media (min-width: 1025px){.profile{display:grid;grid-template-columns:100px 1fr auto;gap:2rem;margin:1rem;max-width:1400px;height:60vh;padding:1rem;align-items:start}.profile-photo{border-radius:1rem;width:100%;height:auto;object-fit:cover}.profile .info-section{display:flex;flex-direction:column;gap:1rem}.button-section{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}}@media (min-width: 768px) and (max-width: 1024px){.profile{display:flex;flex-direction:column;align-items:center;height:70vh;width:100%;gap:1.5rem;padding:1rem}.profile-photo{max-width:150px;width:auto;height:auto;border-radius:1rem;object-fit:cover;margin-top:1rem}.profile .info-section,.profile .button-section{width:100%;margin-top:-1rem}}@media (max-width: 767px){:root{--header-height: 30px;--footer-height: 40px}.profile{postion:fixed;top:var(--header-height);left:0;right:0;bottom:var(--footer-height);display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;width:100%;max-height:70vh;overflow-y:auto;margin-top:1rem}.profile-photo{max-width:120px;width:100%;height:auto;border-radius:1rem;object-fit:cover;margin-top:1rem;flex-shrink:0}.profile .info-section,.profile .button-section{width:100%}.row{font-size:1rem!important;font-weight:700!important}}@media only screen and (min-width: 1025px){.pyynnot{display:flex;flex-direction:row;border-radius:8px;overflow:auto;max-height:30vh;max-width:100%;margin-bottom:2rem}.pyynnot>h3{text-align:center;width:100%}.tarjouspyynto{display:flex}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:.5rem;height:auto;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;width:100%;gap:.5rem}.tarjouspyynto-message{width:100%}.tarjouspyynto-napit{display:flex;flex-direction:row;margin-left:1rem;font-size:1.5rem;gap:4rem;margin-bottom:1rem}.tarjouspyynto .MuiGrid-container .MuiTextField-root{width:100%;height:45px;box-sizing:border-box}.tarjouslomake h1,.tarjouslomake{display:flex;position:relative;top:15%;width:90%;left:10%;justify-content:center;margin:1rem}.tarjouslomake-nappi{display:flex;flex-direction:row;gap:1rem}.tarjouslomake .MuiContainer-root{padding:1rem;background-color:#f9f9f9;border-radius:8px}.tarjouslomake .MuiTypography-h4,.tarjouslomake .MuiTypography-h6{margin-bottom:.5rem;font-weight:600}.tarjouslomake-asiakas,.tarjouslomake-tarjoaja{display:flex;flex-direction:column;flex-wrap:wrap;width:50rem;height:20%;gap:1rem}.tarjouslomake-osapuolet{display:flex;flex-direction:row;gap:2rem}.tarjouslomake .MuiGrid-container{margin-bottom:1.5rem}.tarjouslomake-matkakulut{margin-top:-3rem}.tarjouslomake .MuiGrid-item{display:flex;flex-direction:column}.tarjouslomake .MuiButton-contained{display:inline-block;padding:.8rem 1.5rem;background-color:#1976d2;color:#fff}.tarjouslomake .MuiButton-contained:hover{background-color:#1565c0}.tarjouslomake .MuiTextField-root{margin-bottom:1rem}.tarjouslomake .MuiTextField-root input{display:flex;justify-content:center;padding:1rem;align-items:flex-start}.tarjouslomake .MuiBox-root{margin-bottom:1rem}.tarjouslomake .MuiTypography-body1{font-size:1rem;font-weight:400;color:#333}.tarjouslomake .MuiTypography-subtitle1{font-size:1rem;color:#f5f5f5}.tarjouslomake .MuiButton-root{display:flex;margin-top:.1rem;height:10px;text-align:center;justify-content:center}.tarjouslomake .MuiButton-root{background-color:#2196f3}.tarjouslomake .MuiButton-root:hover{background-color:#1976d2}.messages{position:relative;top:25%;left:0;max-width:45%;max-height:20%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.pyynnot{position:relative;top:50%;left:0;max-width:100%;max-height:30vh;padding:1rem;margin:0 auto;background-color:#d3d3d3;border-radius:8px;overflow:auto;text-align:center}.pyynnot>h3{text-align:center;width:100%}.messages{position:relative;top:10%;left:-12%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;max-width:85%;max-height:20%}.feedback,.register,.tarjouslomake{position:relative;margin:0 auto;padding:.5rem;max-width:90%;background-color:#d6d6bbb8;border-radius:.5rem;overflow-y:auto}.tarjouslomake .MuiTextField-root{margin-bottom:.8rem;width:100%}.tarjouslomake .MuiButton-contained{padding:.6rem 1.2rem;font-size:14px}.tarjouslomake-osapuolet{flex-direction:column;gap:1rem}.hamburger.menu-container{display:none}.tarjouspyynto{display:flex;justify-content:center;align-items:center;padding:1rem;color:#000;height:90vh;overflow:hidden;border-radius:.5rem;background-color:#fff}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:.5rem;height:auto;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;width:100%;gap:.5rem}.tarjouspyynto-napit{display:flex;flex-direction:row;margin-top:1rem;font-size:2rem;font-weight:700;gap:1rem;margin-left:auto;margin-right:auto}.input-bold,.custom-textfield .MuiInputBase-input,.custom-textfield .MuiInputLabel-root{font-weight:700;font-size:2rem}}@media (max-width: 767px){.pyynnot{display:flex;flex-direction:column;border-radius:8px;overflow:auto;width:100%}.pyynnot>h3{text-align:center}.tarjouspyynto{display:flex}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:.5rem;height:auto;background-color:#d6d6bbb8;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;max-width:90%;gap:.5rem;overflow:auto}.tarjouspyynto-message{width:100%}.tarjouspyynto-napit{display:flex;flex-direction:row;font-size:1.5rem;gap:2rem;margin-bottom:1rem;width:90%}.tarjouspyynto .MuiGrid-container .MuiTextField-root{width:100%;height:45px;box-sizing:border-box}.tarjouslomake h1,.tarjouslomake{display:flex;position:fixed;top:16%;width:90%;left:10%;justify-content:center;margin:rem}.tarjouslomake-nappi{display:flex;flex-direction:row;gap:1rem}.tarjouslomake .MuiContainer-root{padding:1rem;background-color:#f9f9f9;border-radius:8px}.tarjouslomake .MuiTypography-h4,.tarjouslomake .MuiTypography-h6{margin-bottom:.5rem;font-weight:600}.tarjouslomake-asiakas,.tarjouslomake-tarjoaja{display:flex;flex-wrap:wrap;width:50rem;gap:1rem}.tarjouslomake-osapuolet{display:flex;flex-direction:row;gap:2rem}.tarjouslomake .MuiGrid-container{margin-bottom:1.5rem}.tarjouslomake-matkakulut{margin-top:-3rem}.tarjouslomake .MuiGrid-item{display:flex;flex-direction:column}.tarjouslomake .MuiButton-contained{display:inline-block;padding:.8rem 1.5rem;background-color:#1976d2;color:#fff}.tarjouslomake .MuiButton-contained:hover{background-color:#1565c0}.tarjouslomake .MuiTextField-root{margin-bottom:1rem}.tarjouslomake .MuiTextField-root input{display:flex;justify-content:center;padding:1rem;align-items:flex-start}.tarjouslomake .MuiBox-root{margin-bottom:1rem}.tarjouslomake .MuiTypography-body1{font-size:1rem;font-weight:400;color:#333}.tarjouslomake .MuiTypography-subtitle1{font-size:1rem;color:#666}.tarjouslomake .MuiButton-root{display:flex;margin-top:.1rem;height:10px;text-align:center;justify-content:center}.tarjouslomake .MuiButton-root{background-color:#2196f3}.tarjouslomake .MuiButton-root:hover{background-color:#1976d2}.messages{position:relative;top:25%;left:-7%;max-width:45%;max-height:20%}}@media only screen and (min-width: 1025px){.output{display:flex;flex-direction:column;justify-content:start;align-items:center;width:fit-content}.output-sections{background-color:gray;max-width:100%;color:#000;font-weight:700}thead{text-align:left;background-color:#ff8c38}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.cv-table{position:fixed;top:32%;max-width:50%;height:30%;max-height:100px;overflow-y:auto}.profile-napit{display:flex;flex-direction:row}}@media only screen and (device-width: 390px) and (device-height: 844px){.output{display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);width:80%;height:vh;background-color:#eee;color:#000;font-size:1.5rem}.cv-table{height:10%;max-height:30%;font-size:1.5rem;font-weight:600;border:1px solid;overflow-y:scroll}}@media screen and (min-width: 1024px){.calendar{display:flex;justify-content:space-between;align-items:center;padding-top:1vh}.calendar-header{margin-bottom:2rem}#deletor{margin-left:2rem}.calendar-task-row{margin-top:1rem;background-color:#ccc}.calendar-task{padding:1rem;border:1px solid #000;border-radius:8px;margin-top:2rem;width:2vw}.calendar-readonly{position:fixed!important;top:25%;left:1%!important;background-color:#3b2121;color:#fff;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-standard{position:fixed;top:25%;left:70%!important;background-color:#3b2121;color:#fff;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-task-delayed{background-color:red;border:1px solid #ccc;border-radius:8px;margin-top:1rem}.duunipyynnnot{display:flex;flex-direction:row;justify-content:center;align-items:center}}@media only screen and (device-width: 390px) and (device-height: 844px){.calendar{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;padding-top:1vh;margin-top:1rem;max-width:100vw;overflow-y:scroll}.calendar-header{margin-bottom:2rem}.calendar-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%}.calendar-task-row{margin-top:1rem;background-color:#ccc}.calendar-task{padding:1rem;border:1px solid #000;border-radius:8px;margin-top:2rem;width:2vw}.calendar-readonly{display:flex;justify-content:start;align-items:start;background-color:#d3d3d3;color:#000;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-standard{background-color:#d3d3d3;color:#000;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-task-delayed{background-color:red;border:1px solid #ccc;border-radius:8px;margin-top:1rem}#deletor{margin-left:2rem}}@media only screen and (min-width: 1024px){.register{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:80%;margin:1rem;padding:1rem;z-index:2;background-color:#d6d6bbb8;overflow-y:auto}.register Button{margin-top:1rem}.userLogin{position:fixed;top:25%;left:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%;max-height:30%;padding:1rem;gap:1rem;background-color:#555;z-index:1}.userLogin Button{margin-top:2rem;margin-left:0rem}.tunnus{display:flex;position:fixed;flex-direction:column;top:14%;left:23%;max-width:80%;padding:3rem;box-sizing:border-box;row-gap:1rem}.tunnus-tili{display:flex;align-items:center;justify-content:flex-start;gap:12rem}.tunnus List{width:12rem}}@media only screen and (device-width: 390px) and (device-height: 844px){.register{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;margin:1rem auto;padding:1rem;z-index:2;font-weight:700;background-color:#d6d6bbb8}.register Button{margin-top:1rem}.userLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:1rem;gap:1rem;background-color:#555;z-index:1}.userLogin Button{margin-top:2rem;margin-left:0rem}.tunnus{display:flex;flex-direction:column;width:100%;padding:1rem;box-sizing:border-box;row-gap:1rem}.tunnus-tili{display:flex;align-items:center;justify-content:flex-start;gap:2rem}.tunnus List{width:12rem}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.register{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:80%;margin:1rem;padding:1rem;z-index:2;background-color:#d6d6bbb8;overflow-y:auto}.register Button{margin-top:1rem}.userLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%;max-height:30%;padding:1rem;gap:1rem;background-color:#555;z-index:1}.userLogin Button{margin-top:2rem;margin-left:0rem}.tunnus{display:flex;position:fixed;flex-direction:column;top:14%;left:23%;max-width:80%;padding:3rem;box-sizing:border-box;row-gap:1rem}.tunnus-tili{display:flex;align-items:center;justify-content:flex-start;gap:12rem}.tunnus List{width:12rem}}@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape){.register{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:80%;margin:1rem;padding:1rem;z-index:2;background-color:#d6d6bbb8;overflow-y:auto}.register Button{margin-top:1rem}.userLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;height:30vh;padding:1rem;gap:1rem;background-color:#555;z-index:1}.userLogin Button{margin-top:2rem;margin-left:0rem}.tunnus{display:flex;flex-direction:column;max-width:80%;padding:3rem;box-sizing:border-box;row-gap:1rem}.tunnus-tili{display:flex;align-items:center;justify-content:flex-start;gap:12rem}.tunnus List{width:12rem}}@media only screen and (min-width: 1024px){.tuntikirjaus{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0rem}}@media only screen and (min-width: 1024px){.opit{position:relative;top:0%;left:20%;display:flex;flex-direction:row;height:20vh;width:40vw;padding:1rem;gap:1rem;background-color:#d6d6bbb8;z-index:101}.opit-input{width:150%}.opit-taulu-header{background-color:#ecb07e;font-weight:900}.opit-taulu{display:flex;justify-content:center;align-items:center;position:absolute;top:140%;width:60vw;background-color:#d6d6bbeb;padding:1rem;z-index:102;box-shadow:0 4px 12px #0003;border-radius:10px;overflow:auto}}@media (max-width: 980px){.budget-form{position:relative;top:5%;margin:0 auto;width:90%;display:flex;flex-direction:column;gap:8px}.budget-form input{width:100%}.budget-form--summary{position:relative;margin-top:1rem;display:flex;flex-direction:column;gap:8px;width:100%}}@media only screen and (min-width: 1024px){.budget-form{position:fixed;top:10%;left:5%;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:8px;max-width:80%}.budget-form label{margin-right:1rem}.budget-form input{display:flex;justify-content:flex-end}.budget-form--napit{position:fixed;top:10%;left:1%}.budget-form--summary{display:flex;justify-content:space-between;align-items:center;font-size:small;gap:8px;width:40%;overflow:auto}.budget-rows{display:table;justify-content:center;align-items:center;gap:2px;width:100%}}@media only screen and (min-width: 1024px){.huoltorekisteri-preview{display:flex;flex-direction:column;overflow:scroll;max-width:100%;height:70vh;margin-left:-15rem}.huoltorekisteri-preview Button{margin-top:.5rem;margin-left:1rem;margin-bottom:1rem;width:6rem;font-size:14px}}@media only screen and (min-width: 980px) and (max-height: 800px){.huoltorekisteri-preview{padding:.5rem;margin:0 auto;width:90%;max-height:70vh;overflow-y:auto;border-radius:.5rem}}@media only screen and (min-width: 1024px){.feedback{position:fixed;top:10%;left:15%;max-width:10%;overflow-y:auto;padding:1rem}.hamburger-menu{display:none!important}.feedback{position:fixed;top:10%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:80%;height:80%;max-width:60%;max-height:90%}.feedback Button{bottom:-3rem}}@media only screen and (device-width: 390px) and (device-height: 844px){.hamburger-menu{display:none!important}.feedback{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80vw;height:30vh}.feedback Button{bottom:-3rem}}@media (max-width: 767px){.salirapsa{width:100%;max-height:90vh;overflow-y:auto;margin-top:0rem}.sali{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d3d3d3;height:60%;width:100%;font-size:16px;overflow:auto;margin-bottom:1rem}.sali--extrat{flex-direction:row;gap:1rem;padding-left:1rem;background-color:#d3d3d3;font-size:16px}.day-details{background-color:#ff0}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:"100%";z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#d3d3d3;color:red;font-weight:700;font-size:"2rem";margin-top:.5rem;padding:.5rem;border-radius:8px;line-height:10px;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}}@media screen and (min-width: 1025px){.salirapsa{display:flex;width:100vw;height:70vh;overflow-y:auto;margin-top:0rem}.sali{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:1rem;background-color:#d3d3d3;font-size:16px;height:75vh;overflow-y:auto;margin-bottom:1rem}.sali--extrat{flex-direction:row;gap:1rem;padding-left:1rem;background-color:#d3d3d3;font-size:16px}.showWk{display:flex;flex-direction:row;gap:1rem;max-height:50%;overflow-y:auto}.day-details{background-color:#ff0}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;color:red;font-weight:700;gap:1rem;text-align:justify}.confirmation-content button{display:flex;flex-direction:column;font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}#ok{display:flex;flex-direction:column;margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}}.flyer-contact{text-align:center;margin-top:32px}.flyer-contact a{color:#2563eb;text-decoration:none}.flyer-contact a:hover{text-decoration:underline}@media (min-width: 1025px){.flyer-container{max-width:1200px;margin:1rem;max-height:70vh;padding:24px;background:#fff;border-radius:16px;font-family:sans-serif;color:#1a1a1a;overflow:auto}.flyer-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.flyer-intro{text-align:center;max-width:500px;margin:0 auto 1rem;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.flyer-subtitle{font-weight:600;font-size:1.125rem;margin-bottom:.5rem}.flyer-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}}@media (min-width: 768px) and (max-width: 1024px){.flyer-container{max-width:1200px;margin:1rem;max-height:65vh;padding:24px;background:#fff;border-radius:16px;font-family:sans-serif;color:#1a1a1a;overflow:auto}.flyer-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.flyer-intro{text-align:center;max-width:500px;margin:0 auto 1rem;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.flyer-subtitle{font-weight:600;font-size:1.125rem;margin-bottom:.5rem}.flyer-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}}@media (max-width: 767px){.flyer-container{max-width:90%;margin:1rem;max-height:70vh;padding:1rem;background:#fff;border-radius:16px;font-family:sans-serif;color:#1a1a1a;overflow:auto}.flyer-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.flyer-intro{text-align:center;max-width:500px;margin:0 auto 1rem;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.flyer-subtitle{font-weight:600;font-size:1rem;margin-bottom:.5rem}.flyer-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}}