@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.wrapper{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.wrapper .backgroundIcon{position:absolute;top:0;left:0;color:#d3d3d3;width:40vw;height:40vw}.wrapper .blue{position:absolute;bottom:0;top:initial;left:initial;right:0;color:#0363b769}.wrapper .blue2{top:initial;right:initial;color:#0363b7;width:20vw;height:20vw;bottom:-5vw;left:-5vw}.wrapper .gray{top:1rem;bottom:initial;color:gray;left:initial;right:0;width:12vw;height:12vw}.wrapper .window{box-shadow:0 4px 40px -5px #00000040;padding:3rem;background-color:#d9e2ea;border-radius:10px;z-index:99}.wrapper .window form{display:flex;flex-direction:column;gap:1rem}.wrapper .window form button{max-width:fit-content}.sidebar{background:linear-gradient(8.59deg,#003c71 -29.17%,#0474d5 99.46%);color:#000;padding:1rem;overflow-y:auto;border-radius:0 10px 10px 0;z-index:100;justify-content:space-between;display:flex;flex-direction:column}.sidebar .backMenu{text-align:center;margin-top:1rem;padding:12px 24px;transition:ease-in-out .3s;font-size:1rem;color:#d9e2ea;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 40px -5px #00000040;border-radius:10px;background-color:#d9e2ea;color:#003c71;max-width:fit-content;display:flex;align-items:center}.sidebar .userInfo{display:flex;flex-direction:column;align-items:center}.sidebar .userInfo .name{margin-bottom:0}.sidebar .userInfo .small{color:#add8e6;margin:0;padding:0;font-size:1rem}.sidebar .userInfo img{width:20rem;background-color:#d9e2ea;border-radius:50%}.sidebar .userInfo p{text-align:center;color:#d9e2ea;font-weight:600;font-size:1.5rem}.sidebar .menu{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1rem}.sidebar .languageSwitcher{cursor:pointer}.sidebar .down{color:#d9e2ea}.sidebar .down>*{cursor:pointer}.sidebar .naslov{display:flex;color:#fff;align-items:center}.sidebar .naslov a{font-size:1.5rem;padding:.5rem .3rem;border-radius:10px;transition:ease-in-out .3s}.sidebar .naslov a:hover{background-color:#d9e2ea;color:#003c71}.sidebar .naslov .menuIcon{padding-right:.5rem}.sidebar .naslov button{background-color:transparent;border:none;color:#d9e2ea}.sidebar .close{background-color:transparent;border:none;color:#d9e2ea;display:flex;justify-content:flex-end;width:100%;cursor:pointer;max-width:fit-content;align-self:flex-end;padding:.2rem .3rem;border-radius:50%;transition:ease-in-out .3s}.sidebar .close:hover{background-color:#d9e2ea;color:#003c71}.sidebar nav{display:flex;flex-direction:column;gap:.3rem}.sidebar nav a{color:#fff;font-weight:600;text-decoration:none;font-size:1.1rem;line-height:2rem;padding:.3rem .5rem;border-radius:10px;transition:ease-in-out .3s}.sidebar nav a:hover{font-weight:600;background-color:#fff;color:#003c71}.sidebar .subtitles{display:flex;flex-direction:column;margin-left:1rem;background-color:#fff;border-radius:10px}.sidebar .subtitles a{color:#003c71;transition:ease-in-out .3s;width:100%}.sidebar .subtitles a:hover{background-color:#003c71;color:#fff}.sidebar .hidden{display:none}.sidebar .chevron{transition:ease-in-out .3s;color:#fff;cursor:pointer}.sidebar .open{transform:rotate(180deg)}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-thumb{background:#023058;border-radius:30px}.sidebar::-webkit-scrollbar-track{background:#023058;border-radius:30px}.wrap{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:10;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;z-index:101;align-items:center;justify-content:center}.wrap .modal{background-color:#d9e2ea;box-shadow:0 4px 40px -5px #00000040;border-radius:10px;padding:1rem 2rem;margin-left:20rem}.wrap .modal .stuff{display:flex;justify-content:center;min-width:20rem;min-height:5rem;align-items:center;flex-direction:column;padding:2rem;gap:1rem}.wrap .modal .stuff .input label{margin-top:.5rem;margin-bottom:.1rem}.wrap .modal .stuff p{margin:0}.wrap .modal .stuff h3{margin-bottom:.5rem;margin-top:0}.wrap .modal .closeWrap{display:flex;justify-content:flex-end;align-items:top;padding:0;margin:0}.wrap .modal .closeWrap .close{cursor:pointer;transition:ease-in-out .3s;padding:0;margin:0;background-color:transparent;color:initial}.wrap .modal .closeWrap .close:hover{transform:scale(1.05)}@media only screen and (max-width: 1000px){.wrap .modal{margin-left:0}}html,#root{margin:0;padding:0}.content{display:grid;grid-template-columns:25rem auto;min-height:100vh;align-items:stretch}.content main{max-height:100vh;overflow-y:auto}@media only screen and (max-width: 1000px){.content{grid-template-columns:100%;grid-template-areas:"main" "sidebar"}.content main{grid-area:main;max-height:initial}.content .sidebar{grid-area:sidebar;position:initial}}h1,h2,h3,h4,a,p,span,button,input,textarea,ul,li,label,td,th{font-family:Poppins,sans-serif}.textContent{max-width:75rem}.logout{position:fixed;z-index:9999;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.logout button{color:#003c71;display:flex;gap:.5rem;align-items:center}body{margin:0}.around{width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;position:relative;justify-content:center}.around .backgroundIcon{position:absolute;top:0;left:0;color:#d3d3d3;width:40vw;height:40vw}.around .blue{position:absolute;bottom:0;top:initial;left:initial;right:0;color:#0363b769}.around .blue2{top:initial;right:initial;color:#0363b7;width:20vw;height:20vw;bottom:-10vw;left:-10vw}.around .gray{top:1rem;bottom:initial;color:gray;left:initial;right:0;width:12vw;height:12vw}.firstMenu{display:grid;grid-template-columns:50% 50%;align-items:stretch;margin:0;padding:0;gap:0;overflow-x:hidden}.firstMenu .down{display:flex;flex-direction:column;justify-content:space-around;height:100vh;align-items:center;transition:ease-in-out .3s}.firstMenu .down:hover{transform:translateY(-1rem)}.firstMenu .down img{object-fit:contain;max-width:70rem;height:40rem}.firstMenu .left{background:linear-gradient(6.8deg,#8e3434 -56.19%,#f61414 100.07%)}.firstMenu .right{background:linear-gradient(349.98deg,#14759e 15.43%,#6495ed 84.36%)}.firstMenu .left,.firstMenu .right{display:flex;text-decoration:none;justify-content:center;align-items:center;font-family:Poppins,"sans-serif";color:#d9e2ea;font-weight:600;font-size:4rem}@media only screen and (max-width: 768px){.firstMenu{grid-template-columns:100%}.firstMenu .down{max-height:50vh;min-height:40rem}.firstMenu .down img{height:initial;width:initial;max-width:80%}}.firstCock{display:flex;flex-direction:column;gap:1rem}.firstCock .cubes{display:flex;gap:1rem}.firstCock .cube{width:30rem;height:20rem;position:relative;box-shadow:0 4px 40px -5px #00000040;background:linear-gradient(8.59deg,#003c71 -29.17%,#0474d5 99.46%);display:flex;border-radius:10px;align-items:flex-end;justify-content:space-between;font-size:3rem;line-height:0;color:#fff;padding:1rem;transition:ease-in-out .3s}.firstCock .cube:hover{transform:scale(1.1);z-index:999999}.firstCock .cube .cubeIcon{width:10rem;height:10rem}.firstCock .big{width:63rem}@media only screen and (max-width: 1000px){.around{width:initial;height:initial}.firstCock{display:block}.firstCock .cubes{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.firstCock .cube{width:initial;height:initial;font-size:2.5rem;align-items:center}.firstCock .cube .cubeIcon{width:4rem;height:4rem}}.employeeCard{box-shadow:0 4px 40px -5px #00000040;display:flex;flex-direction:column;align-items:center;border-radius:10px;transition:ease-in-out .3s;padding-bottom:1rem}.employeeCard .small p{font-size:.8rem;margin-top:0;color:gray;font-weight:400;text-align:center}.employeeCard img{width:250px}.employeeCard p{font-weight:600;font-size:2rem;margin-bottom:0}.employeeCard:hover{transform:scale(1.05);z-index:999}.leftFixed{position:fixed;left:1rem;bottom:1rem}.employeesList .search{display:grid;grid-template-columns:20% 20% 20% 20% 20%}.employees .bubbleRow{margin-bottom:2rem}.employees .bubble .top{display:flex;align-items:flex-end}.tableWrap{overflow-x:auto;box-shadow:0 4px 40px -5px #00000040;border-radius:10px;max-width:fit-content;margin-top:1rem;max-height:50rem;margin-bottom:1rem;background-color:transparent}table{border-collapse:separate;border-spacing:0;border-radius:10px;z-index:3;position:relative;margin-bottom:1rem}th,td{padding:12px 15px;text-align:left}thead{top:0;bottom:0;position:sticky}th{background-color:#f2f2f2;cursor:initial}tr{cursor:pointer}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#eaeaea}thead tr th:first-child{border-top-left-radius:10px}thead tr th:last-child{border-top-right-radius:10px}tbody tr:last-child td:first-child{border-bottom-left-radius:10px}tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.year input{border:none;width:10rem}.year input[type=number]::-webkit-inner-spin-button,.year input[type=number]::-webkit-outer-spin-button{opacity:1;pointer-events:auto}.year input[type=number]{-moz-appearance:textfield}.year input[type=number]::-moz-number-spin-box{opacity:1;pointer-events:auto}.bubble{box-shadow:0 4px 40px -5px #00000040;padding:1rem;width:fit-content;border-radius:10px}.bubble .bottomDiv{display:flex;justify-content:space-between;gap:1rem;align-items:center}.bubble .icon{display:flex}.bubble p{margin:0;padding:0}.bubble .big{font-weight:600;font-size:2rem}.bubble .small{font-size:.8rem}.bubble .btns{margin-top:1rem}.infoRow{display:flex;justify-content:space-between;align-items:center;gap:1rem}.userSettings .employeeCard{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.userSettings .user{padding:1rem}.userSettings .user h3{color:#003c71}.userSettings .user .small{font-weight:300;color:gray;font-size:1rem}.userSettings .user .btns{display:flex;gap:1rem}.employeeCheckbox{margin:1rem 0}.employeeCheckbox input{width:2rem;height:2rem}.employeeCheckbox label{max-width:fit-content;align-self:top;margin:0;padding:0;height:2rem;display:flex;align-items:center}.export .top{display:flex;gap:2rem}.export .bottom{display:grid;grid-template-columns:60% 40%;align-items:center}.export .bottom .right{display:flex;align-items:center}@media only screen and (max-width: 1000px){.export .bottom{grid-template-columns:100%}}html *{box-sizing:content-box}.hot{font-family:Poppins,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#003c71;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#023058}.scrollable{max-height:30rem;overflow:auto}h1,h2,h3,h4,a,p,span,button,input,textarea,ul,select li,label,td,th{font-family:Poppins,sans-serif}textarea{line-height:1.3rem}input[type=file]{padding:0;background-color:transparent;border:none}.customHighlighter{background-color:none;font-family:inherit;font-size:inherit;line-height:inherit;word-wrap:break-word;white-space:pre-wrap;background:none;padding:0;margin:0}h1,h2,h3,h4{font-weight:600}h1,h2{color:#003c71}a{color:inherit;text-decoration:none}.grid{display:grid;grid-template-columns:50% 50%;gap:1rem;align-items:start;padding-right:1rem}input,select,textarea{height:32px;background-color:#fff;border-radius:4px;border:solid 1px;border:solid 1px gray;padding:.5rem 1rem;font-size:16px;line-height:1;outline:none;box-shadow:none}.week{display:flex;align-items:center;justify-content:center}.week input,.week span{margin:0;padding:0}.weekSwitcher{display:flex;align-items:center;justify-content:space-between;width:15rem}.flex{display:flex;align-items:center;gap:.5rem}select{white-space:normal;overflow-wrap:break-word}.rotate{transform:rotate(180deg)}.padded{padding:1rem}.input{display:flex;flex-direction:column;gap:.5rem}.input input,.input select{width:auto}label{font-weight:500}.icon{background-color:transparent;padding:0;margin:0;color:#003c71}.repeaterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5em;justify-content:start;padding:1rem 0}.bubbleGrid{display:grid;gap:1rem}.question{font-weight:600;font-size:1.2rem}button{text-align:center;border-radius:4px;margin-top:1rem;padding:12px 24px;transition:ease-in-out .3s;font-size:1rem;color:#d9e2ea;font-weight:600;border:none;cursor:pointer}.dangerBtn{background-color:#c51919}.textBtn{background-color:transparent;color:gray;text-align:left;padding:0;font-size:.9rem;margin:0}.textBtn:hover{color:#000c16}.primaryBtn{text-align:center;border-radius:4px;margin-top:1rem;padding:12px 24px;transition:ease-in-out .3s;font-size:1rem;color:#d9e2ea;font-weight:600;border:none;cursor:pointer;background-color:#003c71}.primaryBtn:hover{background-color:#023058}.secondaryBtn{color:#003c71;background-color:#d9e2ea}@media only screen and (max-width: 1000px){.grid{grid-template-columns:100%}}