.demo-live-dot{animation:demo-live-bounce 1.7s infinite ease-in-out both}@keyframes demo-live-bounce{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.demo-live-dot{animation:none}}:where([data-live-demo]) :where(.demo-content-visible){font-family:myriad-pro,sans-serif,verdana;font-size:14px;font-weight:400;line-height:normal;color:#333;font-feature-settings:normal;font-variant-ligatures:normal;font-variant-numeric:normal}:where([data-live-demo]>:not([data-demo-placeholder])) *,:where([data-live-demo]>:not([data-demo-placeholder])) *:before,:where([data-live-demo]>:not([data-demo-placeholder])) *:after{margin:revert;padding:revert;border:revert}:where([data-live-demo]>:not([data-demo-placeholder])) p{margin:0 0 10px}:where([data-live-demo]>:not([data-demo-placeholder])) ul,:where([data-live-demo]>:not([data-demo-placeholder])) ol{margin-top:0;margin-bottom:10px;list-style:revert}:where([data-live-demo]>:not([data-demo-placeholder])) h1,:where([data-live-demo]>:not([data-demo-placeholder])) h2,:where([data-live-demo]>:not([data-demo-placeholder])) h3,:where([data-live-demo]>:not([data-demo-placeholder])) h4,:where([data-live-demo]>:not([data-demo-placeholder])) h5,:where([data-live-demo]>:not([data-demo-placeholder])) h6{font-family:inherit;font-size:revert;font-weight:500;line-height:1.1;color:inherit}:where([data-live-demo]>:not([data-demo-placeholder])) h1,:where([data-live-demo]>:not([data-demo-placeholder])) h2,:where([data-live-demo]>:not([data-demo-placeholder])) h3{margin-top:20px;margin-bottom:10px}:where([data-live-demo]>:not([data-demo-placeholder])) h4,:where([data-live-demo]>:not([data-demo-placeholder])) h5,:where([data-live-demo]>:not([data-demo-placeholder])) h6{margin-top:10px;margin-bottom:10px}:where([data-live-demo]>:not([data-demo-placeholder])) b,:where([data-live-demo]>:not([data-demo-placeholder])) strong{font-weight:revert}:where([data-live-demo]>:not([data-demo-placeholder])) a{color:#337ab7;text-decoration:none;background:transparent}:where([data-live-demo]>:not([data-demo-placeholder])) img,:where([data-live-demo]>:not([data-demo-placeholder])) svg{display:revert;vertical-align:revert;max-width:revert}:where([data-live-demo]>:not([data-demo-placeholder])) button,:where([data-live-demo]>:not([data-demo-placeholder])) input,:where([data-live-demo]>:not([data-demo-placeholder])) select,:where([data-live-demo]>:not([data-demo-placeholder])) textarea{margin:0;font-family:inherit;font-size:100%;font-weight:revert;font-style:revert;line-height:revert;letter-spacing:revert;color:revert;background-color:revert;border-radius:revert;opacity:revert}:where([data-live-demo]>:not([data-demo-placeholder])) label{font-weight:400;margin:0}:where([data-live-demo]>:not([data-demo-placeholder])) [role=button]{cursor:pointer}:where([data-live-demo]>:not([data-demo-placeholder])) button[disabled],:where([data-live-demo]>:not([data-demo-placeholder])) input[disabled]{cursor:default}:where([data-live-demo]) .demo-wrapper{font-size:16px;--mbsc-safe-top: 0;--mbsc-safe-right: 0;--mbsc-safe-bottom: 0;--mbsc-safe-left: 0}:where([data-live-demo]) .demo-wrapper:before,:where([data-live-demo]) .demo-wrapper:after{content:"";display:table}:where([data-live-demo]) .demo-scrollbar::-webkit-scrollbar{width:5px;height:5px}:where([data-live-demo]) .demo-scrollbar::-webkit-scrollbar-thumb{background:#888888b3}:where([data-live-demo]) .demo-inline{height:100%;margin:0}:where([data-live-demo])[data-display-mode=phone] .demo-phone-screen{display:block;position:relative;height:100%;overflow-x:hidden;overflow-y:scroll;background:#efefef;-webkit-overflow-scrolling:touch;white-space:normal;scrollbar-width:none}:where([data-live-demo])[data-display-mode=phone] .demo-phone-screen::-webkit-scrollbar{display:none}:where([data-live-demo])[data-display-mode=phone] .demo-phone-screen,:where([data-live-demo])[data-display-mode=phone] .demo-phone-screen *{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAnFBMVEVKS0sAAAD6+vr39/fj4+OsrKxQUVHk5OTY2NjV1dVgYWHm5ube3t7c3NzV1dXT09PPz8/q6ur19fXNzc2/v7/v7+/u7u6QkJB1dnbt7e1SU1Pd3d3b29vW1tbU1NTT09Ps7Ozl5eXe39/e3t709PS7u7u5ublmZ2fp6enn5+fj4+Ph4eHg4ODc3Nzc3NzZ2dnZ2dnW1tbU1NTT09Pxrtv7AAAANHRSTlPmAP78+fHnyPf26NGiizAcBfr49fPu7e3q6Oedh08oDPr5+Pj38vLp3NfBuLGUkXRrSzgYlzzxjwAAAKFJREFUGNNl0NUOwzAMQFE7sDLzSmPm/f+/LY2atVXv45FlyQac1ZPnaCfLdgdqr4TF/KATq+nJS1gOXWZE35L8wlhAHw+bjuxAiCqyOgozGDKJC1hTGKeXgM52QnsN0DYmxM9iik0oFlMuWY6JVYCY8JHk5CvoSc2/LNY3edAlOCox0laSr1Eu92WrwlPPeaWE6Ru6u/soSfapyketXjjrB1sXCDrwyo6RAAAAAElFTkSuQmCC) 8 8,auto!important}:where([data-live-demo])[data-display-mode=phone][data-component=agenda] .demo-wrapper,:where([data-live-demo])[data-display-mode=phone]:is([data-component=eventcalendar],[data-component=scheduler]) .mbsc-page{height:100%}:where([data-live-demo])[data-display-mode=desktop]{position:relative}:where([data-live-demo])[data-display-mode=desktop] .demo-content-visible{height:100%;z-index:1;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}[data-live-demo][data-demo-slug=desktop-month-view] .demo-content-visible{position:static}:where([data-live-demo])[data-display-mode=fullpage]{position:relative;z-index:0}[data-live-demo][data-display-mode=fullpage] .demo-wrapper>div{border:3px dashed #e4e4e4;border-radius:12px;overflow:hidden}[data-live-demo][data-display-mode=fullpage] .demo-wrapper>div:is(.mbsc-ios-dark,.mbsc-material-dark,.mbsc-mobiscroll-dark,.mbsc-windows-dark){border-color:#4a4a4a}:where([data-live-demo]) .demo-max-width-400{max-width:400px}:where([data-live-demo]) .demo-max-width-600{max-width:600px}:where([data-live-demo]) .demo-max-width-900{max-width:800px}:where([data-live-demo]) .demo-max-width-1000{max-width:1000px}:where([data-live-demo]) .demo-max-width-1100{max-width:1100px}:where([data-live-demo]) .demo-max-width-1400{max-width:1400px}@media (min-width: 1600px){:where([data-live-demo]) .demo-max-width-600{max-width:60%}:where([data-live-demo]) .demo-max-width-1000,:where([data-live-demo]) .demo-max-width-1100,:where([data-live-demo]) .demo-max-width-1400{max-width:100%}}[data-live-demo] .mbsc-eventcalendar,[data-live-demo] .mbsc-eventcalendar-schedule{max-height:750px}:where([data-live-demo]) .demo-localization .mbsc-eventcalendar,:where([data-live-demo]) .demo-localization .mbsc-eventcalendar-schedule{max-height:700px}:where([data-live-demo])[data-component=eventcalendar] :is(.demo-load-inline-data,.demo-load-events-from-remote-api,.demo-load-events-on-demand) .mbsc-eventcalendar{max-height:600px}:where([data-live-demo]) .demo-cell-template-on-hover .mbsc-eventcalendar{max-height:none}:where([data-live-demo]) .demo-day-cell-aggregate-information .mbsc-eventcalendar{max-height:none;height:800px}:where([data-live-demo]) .demo-searching-events-in-sidebar .mbsc-page,:where([data-live-demo]) .demo-searching-events-in-popup .mbsc-page{height:650px}:where([data-live-demo]) .demo-desktop-month-view,:where([data-live-demo]) .demo-event-labels,:where([data-live-demo]) .demo-colored-cell-background,:where([data-live-demo]) .demo-customize-label-look-and-feel,:where([data-live-demo]) .demo-external-drag-drop-sortable-dragula,:where([data-live-demo]) .demo-truck-transport-planning-and-dispatch{height:100%}:where([data-live-demo]) .demo-customizing-header .mbsc-eventcalendar,:where([data-live-demo]) .demo-customize-label-look-and-feel .mbsc-eventcalendar,:where([data-live-demo]) .demo-switching-calendar-scheduler-agenda .mbsc-eventcalendar{height:750px}:where([data-live-demo]) .demo-dynamic-add-remove-resources-filter .mbsc-eventcalendar{height:697px}:where([data-live-demo]) .demo-cut-copy-paste-events-between-calendars .mbsc-eventcalendar,:where([data-live-demo]) .demo-load-events-from-google-calendar .mbsc-eventcalendar,:where([data-live-demo]) .demo-resource-filtering-in-header .mbsc-eventcalendar-agenda,:where([data-live-demo])[data-component=agenda] .demo-custom-event-tooltip .mbsc-eventcalendar{height:650px}:where([data-live-demo]) .demo-resource-management-with-dynamic-team-creation,:where([data-live-demo]) .demo-resource-filtering-search .mbsc-eventcalendar,:where([data-live-demo]) .demo-calendar-zoom .mbsc-eventcalendar,:where([data-live-demo]) .demo-timeline-resource-details-side-panel-footer .mbsc-eventcalendar,:where([data-live-demo]) .demo-resource-grouping-hierarchy .mbsc-eventcalendar,:where([data-live-demo]) .demo-show-summaries-aggregates-for-resource-groups .mbsc-eventcalendar,:where([data-live-demo]):is([data-component=agenda],[data-component=timeline]) :is(.demo-sync-events-google-calendar,.demo-sync-events-outlook-calendar) .mbsc-eventcalendar{height:600px}:where([data-live-demo]) .demo-employee-shifts .mbsc-eventcalendar{height:594px}:where([data-live-demo]) .demo-meal-planner .mbsc-eventcalendar,:where([data-live-demo]) .demo-load-resources-on-demand .mbsc-eventcalendar{height:500px}:where([data-live-demo]) .demo-switching-day-week-work-week-timeline .mbsc-eventcalendar{height:450px}