: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;--header-height: 65px}.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;background:var(--main-content-background-color)}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:var(--main-content-background-color)}.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-icon{margin-left:50%;transform:translate(-50%)}.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:3%;margin-right:3%;background-color:#f9f9f9;background-size:cover;background-position:center;border-radius:1rem}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background-size:cover;background-position:center;min-width:60vw;max-height:100vh;color:#000;font-weight:700;font-size:1.5rem}.huolto{height:60%;overflow-y:auto}.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:relative;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}.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}}.calendar-container{width:100%}.tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:24px;gap:8px}.tab{padding:14px 28px;font-size:17px;font-weight:500;color:#4b5563;background-color:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;text-decoration:none}.tab:hover{background-color:#f3f4f6;color:#1f2937}.tab.active{background-color:#fff;color:#2563eb;border-color:#d1d5db;border-bottom:2px solid #ffffff;font-weight:600;box-shadow:0 1px 3px #0000000d;position:relative;z-index:1}.tab-content{background-color:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 8px 8px;padding:0;min-height:500px;flex:1;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a;overflow:hidden}.badge{position:absolute;top:-6px;right:-6px;background-color:#ef4444;color:#fff;font-size:12px;font-weight:700;min-width:18px;height:18px;padding:0 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d;border:2px solid white}.tab{position:relative;padding:14px 32px 14px 28px}@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;background-color:#d3d3d3}.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;background-color:#d3d3d3;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;width:30vw;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%}}