body{font-family:Arial;line-height:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:start}#root{width:100%}main{margin:20px;position:relative}@media screen and (min-width: 1200px){main{margin-left:70px;margin-right:70px}}@media screen and (min-width: 1800px){main{margin-left:100px;margin-right:100px}}input{padding:7px;border-radius:6px;font-size:16px;background:#fbfbfb;border:2px solid transparent;height:12px;box-shadow:0 0 0 1px #ddd,0 2px 4px #00000012,0 1px 1.5px #0000000d}input :focus{border:2px solid #000;border-radius:4px}:root{--select-border: #777;--select-focus: blue;--select-arrow: var(--select-border)}select{min-width:5ch;max-width:15ch;height:4ch;background-color:#fff;border:1px solid var(--select-border);border-radius:.25em;padding:.25em .5em;width:100%;font-family:inherit;font-size:1.25rem;cursor:pointer;line-height:1.1;display:grid;grid-template-areas:"select";align-items:center;position:relative}select::-ms-expand{display:none}.select:after{content:"";width:.5em;height:.3em;background-color:var(--select-arrow);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end}select,.select:after{grid-area:select}.form-control{font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;display:grid;grid-template-columns:1em auto;gap:.5em}.form-control+.form-control{margin-top:1em}.timetable{display:flex;flex-direction:row;gap:0;margin-left:100px}.darkTheme{position:fixed;display:flex;top:0;left:0;bottom:0;right:0;background-color:#00000080;z-index:100}.backToConfiguration{font-size:18px;color:#00f;margin-bottom:40px;cursor:pointer}.backToConfiguration:hover{color:#4d4dff}.hoursContainer{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:end;margin-top:60px;min-width:70px;left:0}.timetableWeekDaysContainer{display:flex;flex-direction:row;margin-top:60px;width:100%}.weekDay{display:flex;flex-direction:column;position:static;align-items:left;flex:1;max-width:130px;min-width:90px;align-items:center}.weekDayDay{display:flex;position:relative;top:-29px;font-size:20px}.weekDayElements{display:flex;position:relative;flex-direction:column;align-items:center;border-top:2px red solid;border-bottom:2px red solid;border-left-width:1.1px;border-right-width:1.1px;width:100%}.square{position:absolute;line-height:5px;font-size:18px;color:#000;font-weight:500;width:90%;align-content:center;text-align:center;line-height:15px;z-index:1;cursor:pointer;border-radius:15px;border-style:solid;border-width:1px;border-color:#262626}.square:hover{opacity:.8;transition:all}.darkThemeSquare{line-height:5px;width:100px;align-content:center;text-align:center;z-index:1}.squareExtensible{display:flex;flex-direction:column;justify-content:space-around;position:fixed;padding:40px;background-color:#fff;color:#000;width:370px;height:370px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:1000}.closeSquareExtensibleButton{width:30px;position:absolute;right:5px;top:5px;font-size:25px;background-color:#fff;border:none;border-radius:5px;cursor:pointer}.closeSquareExtensibleButton:hover{background-color:#dcdcdc}.squareExtensibleElementPropertyContainer{font-size:21px;margin-left:10px}.elementProperty{color:#1561a2}.timeBlock{display:flex;flex-direction:column;margin:0;padding:0;border-style:solid;border-top-color:#757474;border-width:1px 0 0 0;line-height:5px;height:58.4px;width:100%;align-items:self-start}.timeBlock div{text-align:center;margin-top:-5px;margin-left:20px;background-color:#fff;width:50px;height:20px}.coloursKeyContainer{margin-top:40px;display:flex;flex-direction:column;gap:20px}.coloursKeyHeading{color:#000;font-size:23px;text-decoration:underline;margin-bottom:20px}.colourKey{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:17px;font-weight:500;color:#3d4649}.keySquare{width:15px;height:15px;background-color:#b1abab;border:2px solid black}.dayLimit{width:15px;height:4px;background-color:red;margin-bottom:6px}.keySquare.dutyKeySquare{background-color:#c36d2fd9}.keySquare.firstTaskKeySquare{background-color:#ff1313b0}.keySquare.secondTaskKeySquare{background-color:#f87c3ac9}.keySquare.thirdTaskKeySquare{background-color:#dbfb3ac4}.keySquare.fourthTaskKeySquare{background-color:#acf3eebf}.keySquare.breakKeySquare{background-color:#a8a8a8b0}.failedElementsContainer{display:flex;flex-direction:column;width:90%;margin-top:30px;gap:20px}.failedElementsText{font-size:18px;font-weight:500;color:#db2e2e;line-height:24px}.breaksInputs{margin-top:60px;display:flex;flex-direction:row}.enableBreaksButton{width:190px;height:40px;border-radius:20px;border:none;background-color:#2b17ab;color:#f8f5f5;font-size:16px;cursor:pointer}.enableBreaksButton:hover{opacity:.85}header{margin-top:80px;margin-bottom:60px;font-size:30px;font-weight:600}.guide{display:flex;flex-direction:column;justify-content:space-between;position:fixed;background-color:#f2f2f2;color:#000;width:550px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:1000;padding:40px}.guide img{border-radius:20px 20px 0 0;align-self:center}.firstPageImg,.secondPageImg,.thirdPageImg,.fourthPageImg,.fifthPageImg,.sixthPageImg{border-radius:20px 20px 0 0;width:540px}.secondPageImg,.thirdPageImg,.fifthPageImg{height:180px}.guidePageText{font-size:20px;font-weight:500;line-height:29px}.guideButtonsContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.guideGoOnSkipButtonsContainer{display:flex;flex-direction:row;align-items:center;gap:5px}.guideGoBackButton,.guideGoOnButton{padding:4px 8px;border:none;color:#5757ff;font-size:16px;cursor:pointer;border-radius:5px}.guideGoBackButton:hover,.guideGoOnButton:hover,.guideSkipButton:hover{background-color:#dadada}.guideSkipButton{padding:4px 8px;border:none;font-size:16px;cursor:pointer;color:#ff6868;border-radius:5px}.guidePageMarkersContainer{display:flex;flex-direction:row;align-items:center;width:fit-content;gap:5px}.guidePageMarker{width:10px;height:10px;border-radius:100%;background-color:#d7d7d7}.guidePageMarker.currentGuidePageMarker{width:13px;height:13px;border-radius:100%;background-color:#95e2fa}.errorSpan{display:flex;flex-direction:row;align-items:top;gap:5px}.errorSpanGeneral{margin-top:15px}.errorIcon{width:10px;height:10px}.errorSpanText{font-weight:600;color:red;font-size:14px;width:90%;line-height:20px}.guideButton{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;right:20px;top:10px;width:fit-content;gap:7px;font-size:20px;cursor:pointer;border-radius:5px;padding:5px}.guideButton:hover{text-decoration:underline;background-color:#f2f2f2}.guideButton img{width:26px}.timetableConfigurationContainer{display:flex;flex-direction:column;justify-content:space-around;gap:20px;width:100%}.mandatoryFieldsInfo{color:red;font-weight:600;font-size:17px}.mandatoryFieldIcon{font-size:24px;color:red;align-self:baseline}.optionalField{position:absolute;right:0;top:-10px;font-size:15pxpx;font-style:italic;font-weight:500;color:gray}.daysOfTheWeekContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:95%;max-width:1000px;font-size:20px}.dayInputContainer{display:flex;flex-direction:row;align-items:center;flex:1fr;width:100%;gap:15px}@media screen and (min-width: 1500px){.dayInputContainer{font-size:22px}}.hourContainer{display:flex;flex-direction:column;margin-top:25px;gap:20px;width:100%;margin-right:10px;font-size:20px}.advancedSettings{color:#3b3bec;cursor:pointer;font-size:20px}.advancedSettingsInput{display:flex;flex-direction:row;width:100%;max-width:1200px}.hoursInfo{display:flex;width:15%;flex-direction:column;align-items:left;margin-top:25px;gap:20px;justify-content:space-around;line-height:20px;place-items:bottom;padding-bottom:15px;font-size:20px}.dayHoursColumnContainer{display:grid;width:100%;margin-right:15px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.dayHoursColumn{display:flex;flex-direction:column;flex:1fr 20px;align-items:center;gap:20px;margin-left:15px;font-size:20px}.noAdvancedSettingsInput{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.hourInput{width:60px}@media screen and (min-width: 1500px){.dayHoursColumn{font-size:22px}.hourInput{width:75px;font-size:21px;padding:10px}.hoursInfo{font-size:24px}}.timetableInitialHourContainer,.timetableFinalHourContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;width:100%;max-width:300px}.initialHourInput,.finalHourInput,.dutyBeginningInput,.dutyEndInput{width:40px}.elementInputErrorContainer{display:flex;flex-direction:column;gap:12px}.elementsInputContainer{width:98%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;font-size:15px;row-gap:20px;gap:10px}.elementNameContainer,.durationContainer,.partsContainer,.beginningContainer,.endContainer,.importanceContainer,.urgencyContainer{display:flex;flex-direction:row;gap:5px;font-size:20px;align-items:center}.importanceContainer select,.urgencyContainer select{width:80px;min-width:76px}.partsContainer select{min-width:55px;max-width:55px}.daysInput{display:flex;flex-direction:column;align-items:center;position:relative}.daysButton{width:80px;height:30px;font-size:18px;background-color:#aad0d9;border:none}.daysButton:hover{background-color:#88b7fe}.dropDown{display:flex;flex-direction:column;position:absolute;top:30px;left:0;background-color:#fff;border:rgb(199,199,199) solid 1px;z-index:100}.dayCheck{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:10px;font-size:18px;border-top:rgb(199,199,199) solid 1px}.checkbox{width:18px;height:18px;cursor:pointer}.durationInput{width:25px}.addDeleteButtonsContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.addElementButton{display:inline-block;outline:none;cursor:pointer;border-radius:9px;font-size:18px;font-weight:500;padding:8px 20px;min-width:96px;border:none;color:#fff;background-color:#5865f2;transition:background-color .17s ease,color .17s ease}.addElementButton:hover{background-color:#4752c4}.deleteAllElementsButton{display:inline-block;outline:none;cursor:pointer;border-radius:9px;font-size:18px;font-weight:500;padding:8px 20px;min-width:96px;border:none;color:#fff;background-color:#441a11;transition:background-color .17s ease,color .17s ease}.deleteAllElementsButton:hover{background-color:#7c0707}.elementsList{display:flex;flex-direction:column;width:98%}.breakSettings{display:flex;flex-direction:column;gap:20px;font-size:17px;margin-top:20px;gap:25px}@media screen and (min-width: 1300px){.enableBreaksButton{font-size:19px;padding:10px;font-weight:500;width:250px;height:40px}.breakSettings{font-size:19px}}.breakSelect{margin-left:5px;margin-right:5px;height:25px;width:35px}.breakDurationContainer{display:flex;flex-direction:row;align-items:center;margin-left:5px}.breakMaxDurationInput,.breakRatioInput{margin-left:10px;margin-right:10px}.createTimetableButton{cursor:pointer;outline:0;display:inline-block;font-weight:600;line-height:1.5;text-align:center;background-color:transparent;border:1px solid transparent;padding:6px 12px;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#0d6efd;border-color:#0d6efd}.createTimetableButton:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}@media screen and (min-width: 1300px){.createTimetableButton{font-size:20px}}.timetableDistributionsGrid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.timetableDistribution{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;gap:20px}.timetableDistribution img{width:100%;border-radius:30px}.activeTimetableDistributionButton{margin-top:30px;width:50%;cursor:pointer;outline:0;display:inline-block;font-weight:400;line-height:1.5;text-align:center;background-color:transparent;border:1px solid transparent;padding:6px 12px;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#0d6efd;border-color:#0d6efd}.inactiveTimetableDistributionButton{width:50%;margin-top:30px;cursor:pointer;outline:0;display:inline-block;font-weight:400;line-height:1.5;text-align:center;background-color:transparent;border:1px solid transparent;padding:6px 12px;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.inactiveTimetableDistributionButton:hover{background-color:#36a5d1;border-color:#0d6efd}.distributionInfo{line-height:18px;text-align:center;font-weight:500;color:#183b5c}@media screen and (min-width: 1400px){.distributionInfo{font-size:18px}}.timetableDistribution img{height:300px}.configurationElementContainer{display:flex;flex-direction:row;position:relative;justify-content:space-between;margin-top:20px;align-items:center;line-height:20px}.elementName{font-size:20px;flex:1.5;font-weight:500}.daysInfo{flex:1.3}.beginningInfo{flex:.9}.endInfo{justify-self:end;flex:.9}.durationInfo,.importanceInfo,.urgencyInfo{flex:1;font-size:15px;padding-bottom:0}.partsInfo{flex:.7}.partsInfo,.urgencyInfo,.importanceInfo,.durationInfo,.endInfo,.beginningInfo,.daysInfo{color:#3f3f3f;font-weight:500}@media screen and (min-width: 1300px){.partsInfo,.urgencyInfo,.importanceInfo,.durationInfo,.endInfo,.beginningInfo,.daysInfo{font-size:18px}.elementName{font-size:22px}}@media screen and (min-width: 1700px){.partsInfo,.urgencyInfo,.importanceInfo,.durationInfo,.endInfo,.beginningInfo,.daysInfo{font-size:21px}.elementName{font-size:25px}}.deleteElementButton{display:inline-block;outline:0;cursor:pointer;padding:8px 18px;font-size:16px;font-weight:500;line-height:20px;vertical-align:middle;border:1px solid;border-radius:6px;color:#fff;background-color:#fb3838;border-color:#1b1f2326;box-shadow:#1b1f230a 0 1px,#ffffff40 0 1px inset;transition:.2s cubic-bezier(.3,0,.5,1);transition-property:color,background-color,border-color}@media screen and (min-width: 1700px){.deleteElementButton{font-size:19px;padding:9px 20px}}.deleteElementButton:hover{color:#f50202;background-color:#e1c2c2;border-color:#f8fafc26;box-shadow:#1b1f231a 0 1px,#ffffff08 0 1px inset;transition-duration:.1s}