.Viewer.Calendar .Head{top:70px;position:sticky;height:70px;background-color:#fff;backdrop-filter:blur(2px);padding-left:0;padding-right:0;min-width:100%;width:-webkit-fit-content}.Calendar .SubHead{background-color:#ffffff!important;backdrop-filter:blur(2px)!important}.Viewer.Calendar{display:flex;flex-direction:column;padding:25px!important}.dayHead{display:flex!important;flex-direction:row!important;justify-content:center;width:100%!important;grid-gap:3px}.dayHead .dayName{text-transform:uppercase}.plannerBox .actionDetails .ruleIconWrapper{margin-bottom:unset!important}.entireDay .boxHead:not(.plannerBox *){width:unset!important;margin-right:10px}.entireDay .Users{display:none!important}body:has(#ViewerData) #ViewerData.Calendar{padding:unset!important;background:repeating-linear-gradient(300deg,#f6f7fa 0,#f6f7fa 20px,#f6f7fa 20px,#f2f5fb 20px,#f2f5fb 22px,#f6f7fa 20px)}.Calendar .DataHead{display:inline-flex;width:100%}.Calendar .Data{padding:5px;line-height:1.6em;transition:.2s;flex:1;display:inline-flex;width:100%;min-width:75px}.Calendar .Day{margin:0 auto}.Calendar.Month .eventTypeName{display:none!important}.Calendar.Month .DataObject .Data{min-height:150px;border-right:1px solid #efefef;border-bottom:1px solid #efefef;display:flex;flex-direction:column;min-width:0}.Calendar.Month .ruleIconWrapper{margin-bottom:unset}.Calendar.Month .actionDetails .ruleIconWrapper svg{display:none}#ViewerData.Calendar.Month .boxHead{margin-bottom:unset;max-width:calc(100% - 60px)!important}#ViewerData.Calendar.Month .Details .boxHead{max-width:100%!important}#ViewerData.Calendar.Month .boxHead .calendarTitle{overflow:hidden;text-overflow:ellipsis;max-width:100%!important;display:inline-block}.Calendar.Month .DataObject .Data:first-child{border-right:1px solid #efefef}.Calendar.Month .DataObject .Data .monthTask{display:inline-flex;width:100%;align-items:center;transition:box-shadow .1s;cursor:pointer;position:relative}.Calendar.Month .DataObject .Data .Details.openBox{display:flex;position:absolute;z-index:9;min-width:300px;background:#fff}.Calendar.Month .DataObject .Data .Details .Description{display:inline-block;max-width:100%;overflow:hidden;overflow-wrap:break-word}.Calendar.Month .DataObject .Data .Details.openBox .controlButtons{justify-content:flex-end}.Calendar.Month .DataObject .Data .Details.openBox .controlButtons .closeButton{font-size:20px}.closeButton svg .Calendar.Month .DataObject .Data .Details.openBox .controlButtons a{margin-left:10px}.Calendar.Month .DataObject .Data .monthTask{background-color:#fff;border-radius:5px}.Calendar.Month .DataObject .Data .monthTask:hover{width:fit-content;min-width:calc(100% - 6px);z-index:1;padding-left:3px;padding-right:3px;transform:translateX(-3px);box-shadow:0 3px 1px -2px rgb(0 0 0 / 20%),0 2px 2px 0 rgb(0 0 0 / 14%),0 1px 5px 0 rgb(0 0 0 / 12%)}.Calendar.Month .DataObject .Data .monthTask:hover .monthTitle{text-overflow:unset;overflow:unset}.Calendar.Month .DataObject .Data .monthTask::before{content:"";background-color:var(--primary-color);margin-right:5px;min-width:8px;height:8px;border-radius:50%}.Calendar.Month .DataObject .Data .monthTask .monthTitle{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:5px}.Calendar.Month .DataObject .Data.outsideMonth *{opacity:.8;pointer-events:none}.Calendar.Month .DataObject .Data .tileHead{justify-content:flex-end;display:inline-flex;font-size:1.25em}.Calendar.Month .DataObject .Data .tileHead a{padding:5px;border-radius:50px;width:25px;height:25px;text-align:center;font-weight:500;font-size:15px;letter-spacing:-2px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:5px}.Calendar.Month .DataObject .Data .tileHead a:hover{background-color:var(--light-gray-color)}.Calendar.Month .DataObject .Data .Active{color:#ffffff!important;background:var(--primary-color)}.Calendar .Data.Filled{cursor:pointer}.Calendar .Data.Filled a.actionDetails:hover{background-color:#f9f9f9;color:#181818}.Calendar .Data.Filled a.actionDetails:hover p,.Calendar .Data.Filled a.actionDetails:hover b{color:#181818!important}.Calendar .Data.Filled a.actionDetails:hover::after,.Calendar .Data.Filled a.actionDetails:hover::before{background-color:#181818}.Calendar .Data:last-child{border-right:0}.Calendar .Data a{color:#333!important}.Calendar .DataObject .Day{flex:1}.Calendar.Month .Data{min-width:125px!important}.Calendar .Head .Data{border-bottom:0;font-size:larger;border-right:0}.CRMtaskManager .Head .Data.Active{background:transparent!important}.taskDayWrapper{display:inline-flex;grid-gap:40px;padding:0 10px;border-radius:0;border-bottom:1px solid #efefef;background:#fff}.taskDayWrapper .LocationIcon svg{max-height:15px}.taskDayWrapper .actionDetails .ruleIconWrapper{display:inline-flex;grid-gap:5px;align-items:baseline;flex-direction:row}.eventTileWrapper .RegistrationWrapper{flex-direction:column}.taskDayDateMonth{margin-right:5px}.taskDayDateMonth::after{content:","}.eventTile .Data.Status{min-width:unset!important}.Calendar .eventHistory .actionDetails{filter:grayscale(.5);z-index:1}.Calendar .eventTile .boxHeadLeft{pointer-events:none}.taskDayDateDay{width:30px;height:30px;min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;background:#5581d120;border-radius:50%;color:#000;font-weight:400;margin-right:10px}.Active .taskDayDateDay{background:var(--primary-color);color:#fff;font-weight:600}.taskDayWrapper .Users:has(.userAvatar){background:#fff;border-radius:5px;max-width:fit-content;padding:2px;display:inline-flex;flex-wrap:wrap}.taskDayWrapper .userAvatar img{border:2px solid #fff}.plannerBox .actionDetails{font-size:12px!important}.plannerBox{width:100%;display:flex;flex-direction:column;padding:20px}.plannerBox .DateTime{opacity:1;font-weight:500}.stopInputWrapper svg,.selectWrapper svg{max-width:16px;cursor:pointer}.plannerBox .Details{position:absolute;width:100%;background:#fff;top:100%;padding:10px 20px 20px 20px;box-sizing:border-box;min-width:300px;box-shadow:rgb(0 0 0 / 5%) 0 5px 15px;border-radius:5px;z-index:3;transform:translate(-50%,-50%);transition:.1s ease-in;opacity:1!important;display:flex;flex-direction:column;z-index:999;left:50%}#plannerBox .Details .DateTime:not(#plannerBox.dockModuleContainer .DateTime),#plannerBox .Details .boxColumn{grid-gap:10px}.dockModuleContainer .eventTileWrapper{margin-top:5px}.dockModuleContainer .ruleIconWrapper{margin-bottom:0}.actionDetails .boxHeadRight *:not(.userAvatar *,.toolTipText,.actionNotification *,.boxHeadEnd *){color:#4d5b6b!important}#plannerBox .taskDayWrapper{padding-top:5px;padding-bottom:5px}.taskDayWrapper:has(.eventHistory) .taskDayDateDay:not(.taskDayWrapperDate.Active .taskDayDateDay){background:#efefef}.eventHistory:has(.Details:not(.Details.display-none-important)){opacity:1;z-index:2}.Month .typeTagCalendar{display:none!important}.dayBox{background:#fff}.dayBox.OutsideOpeninghours{background:transparent!important}#plannerBox .timeBoxWrapper{display:flex;flex-direction:column;grid-gap:5px}body .plannerBox .eventHistory .eventTile::before{background:#cccccc!important}.eventHistory .actionDetails:not(.plannerBox .actionDetails){background:#507dd020!important}.plannerBox .eventHistory .actionDetails .boxHead,.plannerBox .eventHistory .actionDetails .boxExtra{opacity:.5}.plannerBox .eventTile:has(.reservationItem)::before{background:#25af60!important}.plannerBox .eventTile:has(.projectItem)::before{background:#9b59b6!important}.plannerBox .eventTile:has(.todoItem)::before{background:#f1c40f!important}.reservationItem .bulletIcon svg,.Details:has(.typeTagReservation) .bulletIcon svg{fill:#27ae60!important}.calendarItem .bulletIcon svg,.Details:has(.typeTagCalendar) .bulletIcon svg,.actionDetails.calendarItem .bulletIcon svg{fill:#2980b9!important}.projectItem .bulletIcon svg,.Details:has(.typeTagProject) .bulletIcon svg{fill:#9b59b6!important}.todoItem .bulletIcon svg,.Details:has(.typeTagTodo) .bulletIcon svg{fill:#f1c40f!important}.timeBoxWrapper{width:100%}.timeBoxWrapper .boxHeadLeft{display:inline-flex;align-items:center;grid-gap:20px}.CRMtaskDayManager .boxHead{align-items:center}.selectBox .boxHeadLeft{display:inline-flex;align-items:center;grid-gap:15px;width:100%}.eventTime .text-decoration-line-trough:not(.text-decoration-line-trough:empty){margin-right:5px}.selectBox .boxHeadLeft a{font-weight:600}.selectBox .boxHeadCenter,.selectBox .boxHeadRight,.selectBox .boxBottomLeft,.selectBox .boxBottomCenter,.selectBox .boxBottomRight{display:inline-flex;align-items:center;grid-gap:5px}.boxHeadLocationWrapper{display:inline-flex}.plannerBox .boxHeadLocationWrapper{display:inline-flex;grid-gap:5px;margin-right:auto!important;max-width:calc(100% - 80px);flex-wrap:wrap}.timeBoxWrapper .boxHeadLeft .Users{margin-left:auto}.editorLeft:has(.Viewer.Calendar) #buttonSpace .timeBoxWrapper .eventLocation{display:inline-flex;align-items:center;grid-gap:5px}.timeBoxWrapper .eventLocation svg{max-width:10px;min-width:10px;fill:#d2d2d2!important}.actionDetails .ruleIconWrapper a:not(.small *),.actionDetails .ruleIconWrapper span:not(.small *,.plannerBox *){max-width:calc(100% - 2px);overflow:hidden;text-overflow:ellipsis}.Small .DateTime{grid-gap:3px!important;display:inline-flex}.Small .UserWrapper .Users{grid-gap:2px!important}.Small .Users .userAvatar:not(.Details .Users .userAvatar){height:12px!important;width:12px!important;min-height:12px!important;min-width:12px!important}.Small .Users .userAvatar:not(.Details .Users .userAvatar) span{font-size:7px!important}.taskDayWrapperDate{white-space:nowrap;height:48px;min-width:100px;width:100px;font-weight:500;display:inline-flex;align-items:center;max-width:100px}.taskDayWrapperDate.Active{color:var(--primary-color)}.plannerBox .boxHeadLeft .calendarTitle{white-space:nowrap;align-items:center;display:inline-flex}.plannerBox .boxHeadRight{flex-wrap:wrap;align-self:center;flex-grow:100}.plannerBox .eventTile{min-height:40px;display:inline-flex;align-items:flex-start;width:100%;position:relative}.plannerBox .eventTile.isRejected *{text-decoration:line-through;opacity:.7}.plannerBox .eventTile.isRejected::before{background:#c0392b}.timeBox:not(.CRMtaskDayManager .timeBox,.taskDayWrapperDate *,.plannerBox *,.timePlaceholder,.dashboardNavigation *){background:#f6f7fa}.timeBox:last-child{border-bottom:unset}.taskDayWrapper .eventTile .actionDetails{display:inline-flex;grid-gap:10px;align-items:flex-start;width:100%;min-height:40px;padding-left:10px;align-items:stretch}.taskDayWrapper .eventTile .actionDetails{background:#507dd010}a.eventLocation:hover{text-decoration:underline}.Calendar .subHead{border-bottom:1px solid #f9f9f9!important;background-color:#fff}.Calendar .SubHead::before{position:absolute;content:"";border-bottom:1px solid #eef2fc;width:calc(100% - 40px);height:100%}.Calendar .Head .Data a{color:#333!important;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;font-weight:500}.Calendar .Head .Active{border-top-left-radius:3px;border-top-right-radius:3px;background:transparent!important}.Calendar .currentTime{width:100%;background:#507dd0;height:2px;position:absolute;left:0;top:-1px;z-index:2}.Calendar .currentTime::before{position:absolute;left:0;height:10px;width:10px;background-color:#507dd0;content:"";transform:translateY(-50%);top:50%;border-radius:25px}.Calendar a.actionDetails{width:calc(100% - 2px);height:100%;line-height:normal;display:flex;flex-direction:row;background:#eaeff9!important;backdrop-filter:blur(30px);z-index:1;opacity:1!important;border:1px solid #fff;grid-gap:4px;padding:3px!important;align-items:stretch}.Calendar a.actionDetails:has(.colorTurquoise){background:#1abc9c20!important}.detailFrequention.colorTurquoise{color:#ffffff!important}.Calendar a.actionDetails:has(.colorEmerald){background:#2ecc7120!important}.detailFrequention.colorEmerald{color:#ffffff!important}.Calendar a.actionDetails:has(.colorPeterRiver){background:#3498db20!important}.detailFrequention.colorPeterRiver{color:#ffffff!important}.Calendar a.actionDetails:has(.colorAmethyst){background:#9b59b620!important}.detailFrequention.colorAmethyst{color:#ffffff!important}.Calendar a.actionDetails:has(.colorWetAsphalt){background:#34495e20!important}.detailFrequention.colorWetAsphalt{color:#ffffff!important}.Calendar a.actionDetails:has(.colorGreenSea){background:#16a08520!important}.detailFrequention.colorGreenSea{color:#ffffff!important}.Calendar a.actionDetails:has(.colorNephtritis){background:#27ae6020!important}.detailFrequention.colorNephtritis{color:#ffffff!important}.Calendar a.actionDetails:has(.colorBelizeHole){background:#2980b920!important}.detailFrequention.colorBelizeHole{color:#ffffff!important}.Calendar a.actionDetails:has(.colorWisteria){background:#8e44ad20!important}.detailFrequention.colorWisteria{color:#ffffff!important}.Calendar a.actionDetails:has(.colorMidnight){background:#2c3e5020!important}.detailFrequention.colorMidnight{color:#ffffff!important}.Calendar a.actionDetails:has(.colorSunFlower){background:#f1c40f20!important}.detailFrequention.colorSunFlower{color:#000000!important}.Calendar a.actionDetails:has(.colorCarrot){background:#e67e2220!important}.detailFrequention.colorCarrot{color:#ffffff!important}.Calendar a.actionDetails:has(.colorAlizarin){background:#e74c3c20!important}.detailFrequention.colorAlizarin{color:#ffffff!important}.Calendar a.actionDetails:has(.colorClouds){background:#ecf0f120!important}.detailFrequention.colorClouds{color:#000000!important}.Calendar a.actionDetails:has(.colorConcrete){background:#95a5a620!important}.detailFrequention.colorConcrete{color:#ffffff!important}.Calendar a.actionDetails:has(.colorOrange){background:#f39c1220!important}.detailFrequention.colorOrange{color:#ffffff!important}.Calendar a.actionDetails:has(.colorPumpkin){background:#f39c1220!important}.detailFrequention.colorPumpkin{color:#ffffff!important}.Calendar a.actionDetails:has(.colorPomegranate){background:#c0392b20!important}.detailFrequention.colorPomegranate{color:#ffffff!important}.Calendar a.actionDetails:has(.colorSilver){background:#bdc3c720!important}.detailFrequention.colorSilver{color:#000000!important}.Calendar a.actionDetails:has(.colorAsbestos){background:#7f8c8d20!important}.detailFrequention.colorAsbestos{color:#ffffff!important}.Calendar .subHead a.actionDetails{background:#f4f7fc!important}.Calendar .actionDetailsBefore,#plannerBox .actionDetailsBefore{border-radius:3px;background:var(--primary-color);width:3px;min-width:3px;margin-top:2px;flex-grow:100}.todoItem .actionDetailsBefore{background:#eca240!important}.reservationItem .actionDetailsBefore{background:#27ae60!important}#plannerBox .actionDetailsBefore{min-height:36px}.plannerBox .eventTile .smallButton{font-size:smaller!important;height:18px!important}.plannerBox .eventTile .DataAction{height:18px!important;width:18px!important;padding:unset!important;align-items:center;justify-content:center!important}.plannerBox .eventTile .DataAction:has(span){width:unset!important;padding-left:3px!important;padding-right:3px!important}.plannerBox .eventTile .DataAction svg{min-width:12px;min-height:12px;max-width:12px;max-width:12px}.plannerBox .registrationDescription,.plannerBox .registrationDescription *{font-weight:unset!important;font-size:12px!important}#plannerBox .actionDetailsContent{width:100%}#plannerBox .actionDetailsContent .boxExtra .registrationColumn{padding:5px 0;border:unset}#plannerBox .actionDetailsContent .boxExtra .registrationDetails{width:300px;margin-right:10px}#plannerBox .actionDetailsContent .boxExtra .registrationTime span,#plannerBox .actionDetailsContent .boxExtra .registrationTime div{margin:unset!important}#plannerBox .actionDetailsContent .boxExtra .registrationTime span:not(span span){display:inline-block;text-align:right;width:150px}#plannerBox .actionDetailsContent .boxExtra .registrationTime span:first-of-type:not(span span){width:150px;text-align:left}#plannerBox .Articles .row .registrationAmount{font-weight:500}#plannerBox .Articles .Divider{margin:5px auto}.NoteIcon svg{max-height:12px;max-width:12px}.Description:has(.noteIcon svg){display:inline-flex;grid-gap:13px;line-height:1.2;color:#4d5b6b;fill:#4d5b6b;border-top:1px solid #dee4ef;padding-top:10px;margin-top:10px}.Calendar .actionDetails .calendarRuleIcon:not(:has(input)){display:none}.ruleIconWrapper .Users{display:inline-flex;align-items:center;max-width:100%;flex-wrap:wrap}.actionDetailsContent .ruleIconWrapper:not(.boxHeadLeft.ruleIconWrapper:has(input),#plannerBox *){grid-gap:unset;line-height:1}.ruleIconWrapper.UserWrapper .UserIcon{display:inline-flex;align-items:center}.Calendar a.actionDetails .actionDetailsContent{overflow:hidden;height:100%;width:100%;display:flex;flex-direction:column}.Calendar a.actionDetails:hover{background:#d5dffd}.calendarItem .boxColumn{max-width:100%}.Details{border:1px solid #efefef;width:100%;background:#fff;top:100%;padding:20px;box-sizing:border-box;min-width:350px;box-shadow:rgb(0 0 0 / 5%) 0 5px 15px;border-radius:5px;opacity:1!important;display:flex;flex-direction:column;z-index:9;left:50%}.floatingDetails{top:0;left:0;position:fixed!important;z-index:9999999999999999999!important}.floatingDetails{max-width:350px}.subHead .Details{transform:translateX(-50%)}.Calendar .Details.editPopup{width:600px;left:50%;top:calc(50% - 50px);transform:translate(-50%,-50%);max-height:750px;height:calc(100% - 100px);z-index:999;overflow:scroll;position:fixed;background:#fff;transition:0s;margin:50px 0}.Head .Details.editPopup{min-height:500px!important;top:100%;transform:translateX(-50%)!important;margin:0px!important}.Head .Details.editPopup a{text-align:left!important}.Calendar .Head .Data{justify-content:center}.Details .StopLocations{display:flex;flex-direction:column}.Details .Users{margin-left:unset!important;align-items:center}.Details .Users a{min-height:unset!important;height:27px!important}.plannerBox .calendarRuleIcon{display:inline-flex;align-items:baseline;margin-top:1px}.plannerBox .ruleIconWrapper:has(.smallButton) .calendarRuleIcon{margin-top:3px}.plannerBox .Details{max-width:500px}.calendar .editorLeft:has(.Viewer.Calendar){padding:0 0px!important;background:#ffffff!important}.editorLeft:has(.Viewer.Calendar) #buttonSpace{padding:0 15px!important}.isNew .actionDetails,.isUpdated .actionDetails{outline:1px solid var(--primary-color)}.isNew .actionDetails::before,.isUpdated .actionDetails::before{z-index:9;content:"New";background:var(--primary-color);border-radius:5px;padding:3px;font-size:smaller;position:absolute;left:-5px;top:-12px;color:#ffffff!important}.isUpdated .actionDetails::before{content:"Updated"}.isRemoved .actionDetails{position:relative}.isRemoved .actionDetails::after{content:"";pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,#999,#999 10px,#000000 5px,#000000 15px);opacity:.15;border:1px solid #000;border-radius:5px}.actionDetails .calendarJob br{display:none}@media screen and (max-width :1120px){.plannerBox .boxHeadLocationWrapper{grid-gap:1px}.Viewer.Calendar .Head{top:140px!important}.Viewer.Calendar.Month .DataObject.first-row{margin-top:140px}.Column.timeColumn{background:#eceef6}.taskDayWrapper .actionDetails .ruleIconWrapper{grid-gap:0}.taskDayWrapper .actionDetails .ruleIconWrapper .boxColumn{margin-right:5px;grid-gap:5px}}@media screen and (max-width :810px){.calendarWrapper{width:fit-content!important}.Viewer.Calendar .Head{top:105px!important}.Viewer.Calendar.Month .DataObject.first-row{margin-top:105px}.eventTime{margin-right:5px}}@media screen and (max-width :650px){.plannerBox .timeBoxWrapper{padding-left:unset}.floatingDetails .Details{z-index:99999999999;position:fixed;left:0;top:0;height:100vh;width:100vw;transform:unset!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;overflow:scroll}.floatingDetails .Details .crmDetailType{margin-top:auto!important}.CRMtaskManager .editorLeft{width:unset!important}.plannerBox{padding:0 10px}.taskDayWrapper{flex-direction:column;grid-gap:0px!important}.timeBoxWrapper .boxHeadLeft:not(.plannerBox .boxHeadLeft){padding-top:10px}.timeBoxWrapper .boxHeadLeft .DateTime{width:25px;min-width:25px}.plannerBox .timeBoxWrapper .boxHeadLeft .DateTime{width:unset!important;min-width:unset!important}.plannerBox .timeBoxWrapper .boxHead{flex-direction:column;align-items:flex-start}.plannerBox .actionDetails .boxHeadRight{justify-content:unset!important;flex-direction:column;align-items:flex-start}.boxHeadLocationWrapper{display:flex;flex-direction:column}.timeBoxWrapper .boxHeadRight{width:100%}.timeBoxWrapper .boxHeadLeft,.timeBoxWrapper .boxHeadRight{width:100%}.timeBoxWrapper .Users{max-width:80px}.plannerBox .boxHeadLocationWrapper{max-width:unset!important}}@media screen and (max-width :350px){.timeBoxWrapper .boxHeadLeft{display:flex;flex-direction:column;align-items:flex-start}}.Details .boxHead{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;justify-content:space-between!important}.Details .boxHeadLeft,.Details .boxHeadRight{width:unset!important}