From b55ea26a40d5d1b1a8f4cafa86a9955cbb1b88e9 Mon Sep 17 00:00:00 2001 From: Ben Date: Fri, 10 May 2024 23:14:38 +0200 Subject: [PATCH] style: initial styling completed --- src/app/dashboard/bookings/page.tsx | 21 +- src/app/dashboard/settings/page.tsx | 4 +- src/assets/globals.scss | 13 +- .../dashboard/scheduler/Scheduler.tsx | 58 +- .../dashboard/scheduler/scheduler.css | 4825 ++++++++++++++++- 5 files changed, 4676 insertions(+), 245 deletions(-) diff --git a/src/app/dashboard/bookings/page.tsx b/src/app/dashboard/bookings/page.tsx index af94fbe..e3f485d 100644 --- a/src/app/dashboard/bookings/page.tsx +++ b/src/app/dashboard/bookings/page.tsx @@ -16,7 +16,9 @@ import { Button } from "@/components/ui/button"; import { Avatar, AvatarFallback } from "@/components/ui/avatar"; import { extractNameInitials } from "@/lib/utils"; import { useRouter } from "next/navigation"; -import Overview from "@/components/dashboard/scheduler/Scheduler"; +import Scheduler from "@/components/dashboard/scheduler/Scheduler"; +import { FaPlus } from "react-icons/fa6"; +import { CiFilter } from "react-icons/ci"; function Bookings() { const [user, setUser] = useState(); @@ -94,7 +96,22 @@ function Bookings() { - +
+ Your Appointments at a glance. Book a new appointment now! +
+ + +
+
+
+ +
); } diff --git a/src/app/dashboard/settings/page.tsx b/src/app/dashboard/settings/page.tsx index 33ad629..2c22892 100644 --- a/src/app/dashboard/settings/page.tsx +++ b/src/app/dashboard/settings/page.tsx @@ -47,6 +47,7 @@ function Settings() { const accessToken = await getAccessToken(); const fetchedUser = await getUser(accessToken); setUser(fetchedUser); + console.log(user); setLoading(false); if (fetchedUser !== null) @@ -104,9 +105,6 @@ function Settings() { )} /> - 
-              Your user ID is: {user?.id}
-
diff --git a/src/assets/globals.scss b/src/assets/globals.scss index a06303c..cbb19df 100644 --- a/src/assets/globals.scss +++ b/src/assets/globals.scss @@ -2,8 +2,6 @@ @tailwind components; @tailwind utilities; -@import "node_modules/locomotive-scroll/dist/locomotive-scroll"; - @layer base { :root { --background: 240 10% 4%; @@ -520,13 +518,4 @@ canvas { background: linear-gradient(213deg, $background 50%, $secondary 200%); } -@import "../../node_modules/@syncfusion/ej2-base/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-buttons/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-calendars/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-dropdowns/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-inputs/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-lists/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-navigations/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-popups/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-splitbuttons/styles/bootstrap5-dark.css"; -@import "../../node_modules/@syncfusion/ej2-react-schedule/styles/bootstrap5-dark.css"; \ No newline at end of file +@import "../../node_modules/@syncfusion/ej2-popups/styles/bootstrap5-dark.css"; \ No newline at end of file diff --git a/src/components/dashboard/scheduler/Scheduler.tsx b/src/components/dashboard/scheduler/Scheduler.tsx index 92ee068..2613efe 100644 --- a/src/components/dashboard/scheduler/Scheduler.tsx +++ b/src/components/dashboard/scheduler/Scheduler.tsx @@ -1,7 +1,8 @@ -import React from "react"; +import React, { useState } from "react"; import { ScheduleComponent, ViewsDirective, ViewDirective, Inject, WorkWeek } from "@syncfusion/ej2-react-schedule"; import "./scheduler.css"; import { registerLicense } from "@syncfusion/ej2-base"; +import { Button } from "@/components/ui/button"; function Scheduler() { const data = [ @@ -9,22 +10,61 @@ function Scheduler() { Id: 1, Subject: "Scrum Meeting", Location: "Office", - StartTime: new Date(2024, 4, 6, 9, 30), - EndTime: new Date(2024, 4, 6, 10, 30), + StartTime: new Date(2024, 4, 6, 14, 30), + EndTime: new Date(2024, 4, 6, 15, 30), RecurrenceRule: "FREQ=WEEKLY;BYDAY=MO,TU,WE,TH,FR;INTERVAL=1" } ]; const eventSettings = { dataSource: data }; + const [currentDate, setCurrentDate] = useState(new Date()); + + const handleNextWeek = () => { + const nextWeek = new Date(currentDate); + nextWeek.setDate(nextWeek.getDate() + 7); + setCurrentDate(nextWeek); + }; + + const handlePreviousWeek = () => { + const previousWeek = new Date(currentDate); + previousWeek.setDate(previousWeek.getDate() - 7); + setCurrentDate(previousWeek); + }; + registerLicense("Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E="); + const onEventClick = (args: { cancel: boolean }) => { + args.cancel = true; + }; + return ( - - - - - - + +
+ + +
+ + + + + + + ); } diff --git a/src/components/dashboard/scheduler/scheduler.css b/src/components/dashboard/scheduler/scheduler.css index ffc60e2..dcc880b 100644 --- a/src/components/dashboard/scheduler/scheduler.css +++ b/src/components/dashboard/scheduler/scheduler.css @@ -1,312 +1,4699 @@ -.tailwind .schedule-overview .overview-content .right-panel .control-panel { - background-color: #f3f4f6; +/*! Toolbar's bootstrap5 theme wise override definitions and variables */ +/* stylelint-disable */ +/*! TreeView's bootstrap5 theme wise override definitions and variables */ +/* stylelint-disable */ +/* stylelint-disable property-no-vendor-prefix */ +/*! calendar bootstrap5 theme variables */ +.e-popup.e-ddl { + border-radius: 4px; + box-shadow: none; + margin-top: 3px; } - -.tailwind-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #374151; - color: #fff; +.e-popup.e-ddl .e-input-group { + width: auto; } - -.material .schedule-overview .overview-content .right-panel .control-panel { - background-color: #fafafa; +.e-popup.e-ddl .e-input-group input { + line-height: 15px; } -.material-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #2a2a2a; - color: #ffff; +.e-popup.e-ddl .e-dropdownbase { + min-height: 26px; } -.fabric .schedule-overview .overview-content .right-panel .control-panel { - background-color: #ffffff; +.e-popup.e-ddl .e-filter-parent .e-input-group { + display: -ms-flexbox; + display: flex; + width: auto; } - -.fabric-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #333232; - color: #fff; +.e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon { + border: 0; } -.fluent .schedule-overview .overview-content .right-panel .control-panel { - background-color: #f3f2f1; +.e-bigger .e-popup.e-ddl-device-filter { + margin-top: 0; } -.fluent-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #252423; - border-color: #c1c1c1; - color: #fff; +.e-bigger .e-popup.e-ddl .e-list-item { + font-size: 16px; + line-height: 32px; + padding-left: 0; + text-indent: 16px; } -.bootstrap .schedule-overview .overview-content .right-panel .control-panel { - background-color: #f8f8f8; +.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head { + font-size: 14px; + line-height: 32px; + padding-left: 0; + text-indent: 16px; } -.bootstrap-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #2a2a2a; - color: #fff; +.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item { + padding-left: 0; } -.bootstrap5 .schedule-overview .overview-content .right-panel .control-panel { - background-color: #f8f9fa; - color: #212529; +.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input { + font-size: 16px; + height: 36px; } -.bootstrap5-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #343a40; - color: #fff; +.e-bigger .e-popup.e-ddl .e-dropdownbase { + min-height: 40px; } -.highcontrast .schedule-overview .overview-content .right-panel .control-panel { - background-color: #000000; - color: #ffffff; +.e-input-group.e-control-wrapper.e-ddl .e-input[readonly], +.e-float-input.e-control-wrapper.e-ddl input[readonly] { + background: transparent; } -.material3 .schedule-overview .overview-content .right-panel .control-panel { - background-color: #f3f1f8; +.e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly], +.e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] { + background: #343a40; } -.material3-dark .schedule-overview .overview-content .right-panel .control-panel { - background-color: #2a2731; +.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, +.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, +.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active, +.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover { + background: transparent; + color: #adb5bd; } -.schedule-overview .overview-toolbar.e-rtl + *{ - flex-direction: row-reverse; +.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, +.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, +.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon, +.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon { + background: transparent; + color: #adb5bd; } -.schedule-overview .overview-toolbar.e-toolbar { - border-radius: 0; +.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, +.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, +.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon, +.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon { + background: #343a40; } -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-tbtn-txt { - display: inline-grid; +.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon, +.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon, +.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon, +.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon { + border: 0; } -.material .schedule-overview .overview-toolbar.e-toolbar { - border-style: solid; +.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active, +.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active, +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active { + box-shadow: none; } -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item:not(.e-separator) { - padding: 3.5px; +.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon { + background: transparent; + display: -ms-flexbox; + display: flex; + position: relative; } -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon, -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-tbar-btn-text { - line-height: 23px !important; - min-height: 23px !important; - padding: 0px !important; +.e-ddl.e-popup .e-filter-parent .e-input-group, +.e-ddl.e-popup .e-filter-parent { + background: #212529; } -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item.e-template { - margin: 0 5px; +.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon { + font-size: 14px; } -.schedule-overview .overview-content { - display: flex; +.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon { + font-size: 16px; } -.schedule-overview .overview-content .left-panel { - height: 700px; - width: 100%; +.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head { + font-size: 14px; + line-height: 34px; + padding-left: 0; + text-indent: 16px; } -.schedule-overview .overview-content .right-panel { - display: block; - height: 700px; - transform: translateX(0%); - transition: transform .5s ease, width 500ms; - width: 500px; +.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item { + padding-left: 4px; } -.schedule-overview .overview-content .right-panel.hide { - display: none; - transform: translateX(100%); - transition: transform .5s ease, width 500ms; - width: 0; +.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input { + height: 30px; } -.schedule-overview .overview-content .right-panel .control-panel { - background: #f8f9fa; - font-size: 14px; - height: 100%; - overflow: auto; - padding: 15px; - width: 100%; +.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase { + min-height: 34px; } -.schedule-overview .overview-content .right-panel .control-panel .col-row { - display: flex; - flex-wrap: wrap; +.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before { + line-height: 30px; + top: 0; } -.schedule-overview .overview-content .right-panel .control-panel label { - font-weight: 500; +.e-multiselect .e-input-group-icon.e-ddl-icon { + border-radius: 0 2px 2px 0; + border-right-width: 0; } -.schedule-overview .overview-content .right-panel .control-panel .col-left { - flex: 0 0 41.666667%; - max-width: 41.666667%; - margin-bottom: 1rem; +.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon { + border-left-width: 0; + border-radius: 4px 0 0 4px; + border-right-width: 1px; } -.schedule-overview .overview-content .right-panel .control-panel .col-right { - flex: 0 0 58.333333%; - max-width: 58.333333%; - margin-bottom: 1rem; +.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { + height: 32px; + width: 32px; } -.schedule-overview .overview-scheduler { - height: 100%; - width: 100%; +.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon { + height: 24px; + width: 24px; } -.schedule-overview .e-schedule-toolbar .e-views, -.schedule-overview .e-schedule-toolbar .e-schedule-seperator, -.schedule-workweek.e-multi-select-list-wrapper.e-checkbox .e-filter-parent, -.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-filter-parent { - display: none; +.e-multi-select-wrapper .e-searcher input[type=text], +.e-multi-select-wrapper .e-multi-searcher input[type=text] { + color: #fff; + height: 100%; } -.schedule-overview .e-timeline-view .e-resource-left-td, -.schedule-overview .e-timeline-month-view .e-resource-left-td { - width: 120px; +.e-multiselect .e-input-group-icon.e-ddl-icon { + border-left-width: 0; } -.schedule-resource.e-multi-select-list-wrapper.e-checkbox .e-list-parent:first-child li:first-child { - background-image: none; - opacity: .5; - pointer-events: none; - user-select: none; +/*! Schedule's bootstrap5 theme wise override definitions and variables */ +/* stylelint-disable */ +.e-schedule .e-schedule-toolbar .e-icon-prev::before { + content: "\e765"; } - -.schedule-overview .calendar-import.e-upload { - border: 0; - padding-left: 0 !important; +.e-schedule .e-schedule-toolbar .e-icon-next::before { + content: "\e748"; } - -.schedule-overview .calendar-import.e-upload .e-btn-icon { - margin-left: initial; +.e-schedule .e-schedule-toolbar .e-icon-add::before { + content: "\e805"; } - -.schedule-overview .calendar-import.e-upload .e-file-select-wrap { - padding: 0 +.e-schedule .e-schedule-toolbar .e-icon-today::before { + content: "\e778"; } - -.schedule-overview .calendar-import.e-upload .e-file-select-wrap .e-file-drop, -.calendar-import .e-upload-files { - display: none; +.e-schedule .e-schedule-toolbar .e-icon-down-arrow::before { + content: "\e729"; } - -.e-bigger .schedule-context-menu ul .e-menu-item .e-menu-icon { - font-size: 14px; +.e-schedule .e-schedule-toolbar .e-icon-day::before { + content: "\e75e"; } - -.schedule-context-menu ul .e-menu-item .e-menu-icon { - font-size: 12px; +.e-schedule .e-schedule-toolbar .e-icon-week::before { + content: "\e817"; } - -.schedule-overview.e-schedule .e-vertical-view .e-header-cells, -.schedule-overview.e-schedule .e-timeline-month-view .e-header-cells { - padding: 0; - text-align: center !important; +.e-schedule .e-schedule-toolbar .e-icon-workweek::before { + content: "\e817"; } - -.schedule-overview.e-schedule .date-text { - font-size: 14px; +.e-schedule .e-schedule-toolbar .e-icon-month::before { + content: "\e7c5"; } - -.schedule-overview.e-schedule.e-device .date-text { - font-size: 12px; +.e-schedule .e-schedule-toolbar .e-icon-month-agenda::before { + content: "\e75b"; } - -.schedule-overview.e-schedule .weather-image { - width: 20px; - height: 20px; - background-position: center center; - background-repeat: no-repeat; - background-size: cover; +.e-schedule .e-schedule-toolbar .e-icon-agenda::before { + content: "\e74c"; } - -.schedule-overview.e-schedule .e-month-view .weather-image { - float: right; - margin: -20px 2px 0 0; - width: 20px; - height: 20px; +.e-schedule .e-schedule-toolbar .e-icon-year::before { + content: "\e7c5"; } - -.fluent .e-appbar .e-btn-icon.e-icons, -.fluent-dark .e-appbar .e-btn-icon.e-icons { - margin-top: -2px; +.e-schedule .e-schedule-toolbar .e-icon-timeline-year-vertical::before { + content: "\e876"; } - -.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame, -.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame { - height: 17px; - line-height: 17px; - width: 17px; +.e-schedule .e-schedule-toolbar .e-icon-timeline-year-horizontal::before { + content: "\e876"; } - -.fluent .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check, -.fluent-dark .e-toolbar-item .e-checkbox-wrapper .e-icons.e-frame.e-check { - font-size: 15px; - line-height: 16px; +.e-schedule .e-schedule-toolbar .e-icon-timeline-day::before { + content: "\e7da"; } - -.schedule-overview .overview-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn { - padding-top: 2px; - padding-bottom: 2px; +.e-schedule .e-schedule-toolbar .e-icon-timeline-week::before { + content: "\e81f"; } - -#exportBtn { - white-space: nowrap; +.e-schedule .e-schedule-toolbar .e-icon-timeline-workweek::before { + content: "\e720"; } - -.time { - display: flex; - gap: 5px; - align-items: center; - padding: 0 5px; +.e-schedule .e-schedule-toolbar .e-icon-timeline-month::before { + content: "\e876"; } - -.template { - height: 46px; - line-height: 23px; +.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before { + content: "\e770"; } - -.template .icon-child { - text-align: center; - height: 23px !important; +.e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before { + content: "\e770"; +} +.e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before { + content: "\e748"; +} +.e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before { + content: "\e765"; +} +.e-schedule .e-schedule-resource-toolbar .e-icon-menu::before { + content: "\e799"; +} +.e-schedule .e-schedule-resource-toolbar .e-icon-next::before { + content: "\e748"; +} +.e-schedule .e-close-icon::before { + content: "\e7e7"; +} +.e-schedule .e-block-indicator::before { + content: "\e839"; +} +.e-schedule .e-appointment .e-recurrence-icon::before { + content: "\e772"; +} +.e-schedule .e-appointment .e-recurrence-edit-icon::before { + content: "\e789"; +} +.e-schedule .e-appointment .e-up-icon::before { + content: "\e822"; +} +.e-schedule .e-appointment .e-down-icon::before { + content: "\e7fe"; +} +.e-schedule .e-appointment .e-left-icon::before { + content: "\e744"; +} +.e-schedule .e-appointment .e-right-icon::before { + content: "\e7a9"; +} +.e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before { + content: "\e729"; +} +.e-schedule.e-rtl .e-appointment .e-left-icon::before { + content: "\e7a9"; +} +.e-schedule.e-rtl .e-appointment .e-right-icon::before { + content: "\e744"; +} +.e-schedule .e-resource-tree-icon::before { + content: "\e748"; } -.template .text-child { - font-size: 14px; - line-height: 23px !important; +.e-schedule-dialog.e-device .e-back-icon::before { + content: "\e773"; +} +.e-schedule-dialog.e-device .e-save-icon::before { + content: "\e7c8"; +} +.e-schedule-dialog.e-device .e-delete-icon::before { + content: "\e820"; +} +.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before { + content: "\e730"; } -@media (max-width: 481px) { - .schedule-overview .overview-content .right-panel { - position: absolute; - width: 90%; - } +.e-schedule-dialog.e-device.e-rtl .e-back-icon::before { + content: "\e7f9"; +} - .import-button, - #printBtn, - #exportBtn { - display: none; - } +.e-quick-popup-wrapper .e-edit-icon::before { + content: "\e730"; +} +.e-quick-popup-wrapper .e-delete-icon::before { + content: "\e820"; +} +.e-quick-popup-wrapper .e-close-icon::before { + content: "\e7e7"; +} +.e-quick-popup-wrapper .e-time-icon::before { + content: "\e705"; +} +.e-quick-popup-wrapper .e-location-icon::before { + content: "\e756"; +} +.e-quick-popup-wrapper .e-time-zone-icon::before { + content: "\e804"; +} +.e-quick-popup-wrapper .e-description-icon::before { + content: "\e7c0"; +} +.e-quick-popup-wrapper .e-resource-icon::before { + content: "\e7b9"; +} +.e-quick-popup-wrapper .e-date-time-icon::before { + content: "\e7da"; +} +.e-more-popup-wrapper.e-device .e-close-icon::before { + content: "\e7e7"; } -@media (max-width: 1024px) { - .schedule-overview .overview-content .right-panel .control-panel .col-row { - display: initial; - } - - .schedule-overview .overview-content .right-panel .control-panel .col-left { - flex: initial; - max-width: initial; - margin-bottom: initial; - } - - .schedule-overview .overview-content .right-panel .control-panel .col-right { - flex: initial; - max-width: initial; - } +/*! schedule component layout */ +.e-schedule { + display: block; + outline: medium none; + overflow: hidden; + position: relative; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +.e-schedule .e-schedule-toolbar { + border: 0; + border-bottom: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + margin-bottom: 3px; + min-height: 38px; +} +.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn-text, +.e-schedule .e-schedule-toolbar .e-active-view .e-icons { + color: #0d6efd; +} +.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text { + cursor: pointer; + font-size: 14px; + text-transform: none; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items { + height: 38px; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos { + height: 38px; + min-height: 38px; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn { + border: none; + border-radius: 0; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item.e-active-view .e-tbar-btn { + border: none; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div { + height: inherit; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow { + font-size: 18px; + margin-top: 2px; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover { + border-radius: 4px; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-day .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-week .e-icon-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-work-week .e-icon-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month .e-icon-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-year .e-icon-year, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-agenda .e-icon-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-month-agenda .e-icon-month-agenda, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-day .e-icon-timeline-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-week .e-icon-timeline-week, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-work-week .e-icon-timeline-workweek, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-month .e-icon-timeline-month, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-vertical, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-timeline-year .e-icon-timeline-year-horizontal, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-add .e-tbar-btn-text, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-day, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today { + display: none; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-hidden { + display: none; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-prev .e-icon-prev, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-next .e-icon-next { + font-size: 18px; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator { + border-right: 1px solid #444c54; +} +.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-date-range .e-tbar-btn .e-tbar-btn-text { + font-size: 14px; + text-transform: initial; +} +.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav { + border-left: 0; + border-right: 1px solid #444c54; +} +.e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover { + background: #495057; + color: rgba(13, 110, 253, 0.87); +} +.e-schedule .e-schedule-toolbar .e-hor-nav { + border-left: 1px solid #444c54; +} +.e-schedule .e-schedule-toolbar .e-hor-nav::after { + content: ""; +} +.e-schedule .e-schedule-toolbar .e-hor-nav:active { + color: rgba(13, 110, 253, 0.87); +} +.e-schedule .e-schedule-toolbar .e-hor-nav:active::after { + content: ""; +} +.e-schedule .e-schedule-toolbar .e-hor-nav:hover { + background: #495057; + color: rgba(13, 110, 253, 0.87); +} +.e-schedule .e-schedule-toolbar .e-hor-nav:focus { + background: #495057; + color: rgba(13, 110, 253, 0.87); +} +.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today { + display: block; +} +.e-schedule.e-adaptive .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-today .e-icon-today + .e-tbar-btn-text { + display: none; +} +.e-schedule.e-device .e-schedule-toolbar { + height: 54px; + min-height: 54px; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover, .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus { + height: calc(100% - 20px); +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items { + height: 54px; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos { + height: 54px; + min-height: 54px; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn { + border: none; + border-radius: 0; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div { + height: inherit; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon { + padding: 4px 6px; +} +.e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text { + font-size: 16px; +} +.e-schedule.e-device .e-schedule-toolbar .e-date-range .e-tbar-btn .e-tbar-btn-text { + font-size: 16px; +} +.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop { + overflow: auto; +} +.e-schedule.e-device .e-content-wrap.e-scroll-hidden { + overflow: hidden; +} +@media screen and (max-width: 320px) { + .e-schedule .e-schedule-toolbar .e-toolbar-pop { + width: 100%; + } + .e-schedule .e-schedule-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn { + padding-left: 7px; + } + .e-schedule .e-schedule-toolbar .e-toolbar-pop.e-rtl .e-toolbar-item .e-tbar-btn.e-btn { + padding-right: 7px; + } + .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text { + font-size: 8px; + } +} +.e-schedule .e-schedule-resource-toolbar { + background: #282d31; + border-bottom: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + display: -ms-flexbox; + display: flex; + margin-bottom: 3px; + min-height: 38px; + padding: 10px; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-menu .e-icon-menu { + color: #adb5bd; + font-size: 14px; + padding: 7px; + padding-left: 4px; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-menu.e-disable { + display: none; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-level-title { + display: -ms-flexbox; + display: flex; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name { + font-size: 14px; + padding: 5px; + color: #ced4da; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-resource-name:not(:last-child) { + opacity: 0.6; +} +.e-schedule .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next { + color: #adb5bd; + font-size: 10px; + line-height: 18px; + opacity: 0.4; + padding: 5px; +} +.e-schedule .e-schedule-resource-toolbar.e-popup-close { + display: none; +} +.e-schedule .e-schedule-resource-toolbar.e-popup-open { + display: block; +} +.e-schedule .e-text-ellipsis { + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-text-center { + text-align: center; +} +.e-schedule .e-table-container { + display: -ms-inline-flexbox; + display: inline-flex; + position: relative; + vertical-align: top; +} +.e-schedule .e-table-container.e-translate { + transition: transform 0.1s ease 0s; +} +.e-schedule .e-resource-tree-popup { + background: #282d31; + box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15); + height: 100%; + position: absolute; + width: 250px; + color: #fff; +} +.e-schedule .e-resource-tree-popup .e-resource-tree { + height: 100%; + overflow-y: auto; +} +.e-schedule .e-resource-tree-popup .e-resource-tree.e-treeview .e-text-content { + padding: 0 0 0 12px; +} +.e-schedule .e-resource-tree-popup-overlay.e-enable { + background: rgba(0, 0, 0, 0.4); + height: 100%; + left: 0; + opacity: 0.5; + position: absolute; + top: 0; + width: 100%; +} +.e-schedule .e-new-event { + background: #0d6efd; + border: 1px solid #fff; + border-radius: 5px; + height: 100%; + opacity: 0.9; + position: relative; + width: 100%; + z-index: 1; +} +.e-schedule .e-new-event .e-title { + color: #fff; + font-size: 12px; + line-height: 1.2; + margin: 0; + overflow-wrap: break-word; + padding: 3px; + position: absolute; + text-align: left; + white-space: normal; + word-wrap: break-word; +} +.e-schedule .e-schedule-table { + border: 0 none; + border-collapse: separate; + border-spacing: 0; + margin: 0; + table-layout: fixed; + width: 100%; +} +.e-schedule .e-schedule-table > tbody > tr > th, +.e-schedule .e-schedule-table > tbody > tr > td { + box-sizing: border-box; + font-weight: normal; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.e-schedule .e-outer-table > tbody > tr > td { + padding: 0; + vertical-align: top; +} +.e-schedule .e-content-wrap { + position: relative; +} +.e-schedule .e-content-wrap .e-day-wrapper { + width: 100%; +} +.e-schedule .e-content-placeholder { + height: 100%; + position: relative; + width: 100%; + z-index: 99999; +} +.e-schedule .e-content-wrap, +.e-schedule .e-scroll-container { + -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */ + overflow: auto; +} +.e-schedule .e-hide-childs > * { + display: none; +} +.e-schedule .e-recurrence-icon, +.e-schedule .e-recurrence-edit-icon { + font-size: 12px; +} +.e-schedule .e-left-icon, +.e-schedule .e-right-icon { + font-size: 8px; +} +.e-schedule .e-m-date { + cursor: pointer; + font-size: 20px; +} +.e-schedule .e-m-date:hover { + text-decoration: underline; +} +.e-schedule .e-m-day { + font-size: 12px; +} +.e-schedule.e-device .e-m-date:hover { + text-decoration: none; +} +.e-schedule .e-block-appointment { + background: #343a40; + color: #ced4da; + cursor: default; + overflow: hidden; + position: absolute; +} +.e-schedule .e-block-appointment .e-subject { + overflow: hidden; + overflow-wrap: break-word; + padding: 4px; + white-space: normal; + word-wrap: break-word; +} +.e-schedule .e-block-indicator { + color: #ced4da; + float: right; + padding: 0 5px; + z-index: 1; +} +.e-schedule.e-rtl .e-block-indicator { + float: left; +} +.e-schedule .e-timeline-view .e-block-indicator, +.e-schedule .e-timeline-month-view .e-block-indicator { + position: absolute; + top: 3px; +} +.e-schedule .e-appointment { + opacity: 1; + transition: opacity 100ms linear; +} +.e-schedule .e-appointment .e-subject.e-disable { + display: none; +} +.e-schedule .e-appointment .e-inline-appointment { + z-index: 1; +} +.e-schedule .e-appointment .e-inline-subject { + background: transparent; + border: 0; + color: #fff; + font-size: 13px; + font-weight: 500; + line-height: 1.2; + padding-top: 4px; + width: 100%; +} +.e-schedule .e-appointment.e-event-action { + opacity: 0.4; +} +.e-schedule .e-appointment.e-allow-select { + pointer-events: none; +} +.e-schedule .e-read-only { + opacity: 0.8; +} +.e-schedule.e-event-action .e-appointment:not(.e-schedule-event-clone), .e-schedule.e-event-action .e-block-appointment { + pointer-events: none; +} +.e-schedule.e-event-action .e-drag-clone, .e-schedule.e-event-action .e-timeline-view .e-drag-clone { + cursor: move; +} +.e-schedule.e-event-action .e-drag-clone .e-top-handler, +.e-schedule.e-event-action .e-drag-clone .e-bottom-handler, .e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-top-handler, +.e-schedule.e-event-action .e-timeline-view .e-drag-clone .e-bottom-handler { + pointer-events: none; +} +.e-schedule.e-event-action .e-vertical-view .e-appointment-wrapper .e-resize-clone { + cursor: ns-resize; +} +.e-schedule.e-event-action .e-timeline-view .e-resize-clone, .e-schedule.e-event-action .e-timeline-month-view .e-resize-clone, .e-schedule.e-event-action .e-all-day-appointment-wrapper .e-resize-clone { + cursor: ew-resize; +} +.e-schedule.e-device .e-appointment { + overflow: hidden; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-top-bottom-resize { + height: 10px; + left: 50%; + position: absolute; + transform: translateX(-50%); + width: 100%; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-left-right-resize { + border-radius: 50%; + height: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 10px; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-top-handler .e-top-bottom-resize { + margin-top: -8px; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-bottom-handler .e-top-bottom-resize { + margin-top: 8px; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-left-handler .e-left-right-resize { + margin-left: -8px; +} +.e-schedule.e-device .e-appointment.e-appointment-border .e-right-handler .e-left-right-resize { + margin-left: 8px; +} +.e-schedule .e-timeline-year-view .e-event-resize.e-left-handler, .e-schedule .e-timeline-year-view .e-event-resize.e-right-handler { + height: 100%; + width: 5px; +} +.e-schedule .e-timeline-year-view .e-event-resize.e-top-handler, .e-schedule .e-timeline-year-view .e-event-resize.e-bottom-handler { + height: 5px; + width: 100%; +} +.e-schedule .e-event-resize { + position: absolute; +} +.e-schedule .e-event-resize.e-left-handler, .e-schedule .e-event-resize.e-right-handler { + height: 100%; + min-width: 1px; + max-width: 10px; + width: 20%; +} +.e-schedule .e-event-resize.e-left-handler { + cursor: ew-resize; + float: left; + left: 0; +} +.e-schedule .e-event-resize.e-right-handler { + cursor: e-resize; + float: right; + right: 0; +} +.e-schedule .e-event-resize.e-top-handler, .e-schedule .e-event-resize.e-bottom-handler { + min-height: 1px; + max-height: 10px; + height: 20%; + width: 100%; +} +.e-schedule .e-event-resize.e-top-handler { + cursor: ns-resize; + top: 0; +} +.e-schedule .e-event-resize.e-bottom-handler { + bottom: 0; + cursor: ns-resize; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-content-table, +.e-schedule .e-vertical-view.e-timescale-disable .e-content-wrap { + height: 100%; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row, +.e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells { + height: 0 !important; /* stylelint-disable-line declaration-no-important */ +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + display: -ms-flexbox; + display: flex; + height: 54px; + margin-bottom: 2px; + overflow: hidden; + position: absolute; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-appointment-details { + display: -ms-flexbox; + display: flex; + -ms-flex: auto; + flex: auto; + padding: 2px 4px 0 2px; + text-align: left; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-inner-wrap { + -ms-flex: auto; + flex: auto; + overflow: hidden; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-subject { + font-size: 13px; + font-weight: 500; + line-height: 1.2; + margin-left: auto; + min-height: 18px; + overflow: hidden; + overflow-wrap: break-word; + padding-top: 1px; + white-space: normal; + word-wrap: break-word; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-time, +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-location { + font-size: 11px; + overflow: hidden; + padding-top: 1px; + text-overflow: ellipsis; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-disable { + display: none; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-icon, +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-recurrence-edit-icon { + line-height: 54px; + padding: 0 5px; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-left-icon, +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment .e-right-icon { + line-height: 54px; + padding: 0 2px; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-appointment-border, .e-schedule .e-vertical-view.e-timescale-disable .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment.e-allow-select { + pointer-events: none; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-appointment-wrapper { + position: absolute; + width: 0; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-work-cells { + height: auto; + vertical-align: top; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator { + color: #ced4da; + cursor: pointer; + font-size: 10px; + line-height: 11px; + overflow: hidden; + padding: 2px 4px; + position: absolute; + text-overflow: ellipsis; +} +.e-schedule .e-vertical-view.e-timescale-disable .e-more-indicator:focus { + text-decoration: underline; +} +.e-schedule .e-vertical-view .e-left-indent { + width: 85px; +} +.e-schedule .e-vertical-view .e-left-indent .e-all-day-cells { + position: relative; +} +.e-schedule .e-vertical-view .e-date-header-wrap table col, +.e-schedule .e-vertical-view .e-content-wrap table col { + width: 36px; +} +.e-schedule .e-vertical-view .e-resource-cells { + color: #fff; + font-size: 12px; + height: 40px; + padding: 8px; + padding-left: 15px; +} +.e-schedule .e-vertical-view .e-header-cells { + font-size: 12px; + height: 60px; + padding: 4px; +} +.e-schedule .e-vertical-view .e-header-cells .e-header-day { + display: table; + font-size: 12px; + line-height: 18px; + padding-bottom: 4px; +} +.e-schedule .e-vertical-view .e-header-cells .e-header-date { + cursor: pointer; + display: table; + font-size: 16px; + line-height: 24px; + padding-top: 0; +} +.e-schedule .e-vertical-view .e-header-cells .e-header-date:hover { + text-decoration: underline; +} +.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-day { + cursor: default; + opacity: 0.35; +} +.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date { + cursor: default; + opacity: 0.35; +} +.e-schedule .e-vertical-view .e-header-cells.e-disable-dates .e-header-date:hover { + text-decoration: none; +} +.e-schedule .e-vertical-view .e-row-count-wrapper { + display: block; + height: 100%; + pointer-events: none; + position: relative; +} +.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator { + bottom: 0; + color: #ced4da; + cursor: pointer; + overflow: hidden; + overflow-wrap: normal; + padding: 2px 4px; + pointer-events: visible; + position: absolute; + text-overflow: ellipsis; + width: 100%; +} +.e-schedule .e-vertical-view .e-row-count-wrapper .e-more-indicator:focus { + text-decoration: underline; +} +.e-schedule .e-vertical-view .e-row-count-wrapper.e-disable { + display: none; +} +.e-schedule .e-vertical-view .e-all-day-appointment-section { + bottom: 4px; + color: #adb5bd; + cursor: pointer; + display: block; + font-size: 11px; + height: 25px; + left: 0; + line-height: 25px; + margin: 0 auto; + position: absolute; + right: 0; + transform: rotate(0deg); + transition: transform 300ms ease-in-out; + width: 25px; +} +.e-schedule .e-vertical-view .e-all-day-appointment-section.e-disable { + display: none; +} +.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-expand { + transform: rotate(0deg); +} +.e-schedule .e-vertical-view .e-all-day-appointment-section.e-appointment-collapse { + transform: rotate(180deg); +} +.e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus { + background: #495057; + border-radius: 100%; + color: #adb5bd; +} +.e-schedule .e-vertical-view .e-appointment-hide { + opacity: 0; +} +.e-schedule .e-vertical-view .e-all-day-cells { + height: 0; + padding: 0; + text-align: center; + vertical-align: top; +} +.e-schedule .e-vertical-view .e-all-day-cells:first-child.e-animate { + transition: 250ms ease-out; +} +.e-schedule .e-vertical-view .e-time-cells-wrap table td, +.e-schedule .e-vertical-view .e-work-cells { + font-size: 12px; + height: 36px; + text-align: center; +} +.e-schedule .e-vertical-view .e-work-cells { + width: 36px; +} +.e-schedule .e-vertical-view .e-work-cells.e-disable-dates { + background: #343a40; +} +.e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells { + background: #343a40; + box-shadow: inset 0 0 0 8px #282d31; +} +.e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover { + background: #343a40; +} +.e-schedule .e-vertical-view .e-current-time { + font-size: 10px; +} +.e-schedule .e-vertical-view .e-clone-time-indicator, +.e-schedule .e-vertical-view .e-current-time, +.e-schedule .e-vertical-view .e-previous-timeline, +.e-schedule .e-vertical-view .e-current-timeline { + left: 0; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 100%; +} +.e-schedule .e-vertical-view .e-previous-timeline, +.e-schedule .e-vertical-view .e-current-timeline { + z-index: 1; +} +.e-schedule .e-vertical-view .e-date-header-wrap { + max-height: 300px; + overflow: hidden; +} +.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll { + border-bottom: 1px solid #444c54; + overflow-y: auto; +} +.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll .e-header-row .e-resource-cells { + position: sticky; +} +.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-scroll .e-header-row .e-header-cells { + position: sticky; + top: 0; +} +.e-schedule .e-vertical-view .e-date-header-wrap.e-all-day-auto { + max-height: unset; +} +.e-schedule .e-vertical-view .e-time-cells-wrap { + overflow: hidden; +} +.e-schedule .e-vertical-view .e-content-wrap, +.e-schedule .e-vertical-view .e-time-cells-wrap { + position: relative; +} +.e-schedule .e-vertical-view .e-timeline-wrapper, +.e-schedule .e-vertical-view .e-day-wrapper, +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper { + height: 0; + margin: 0; + padding: 0; + position: relative; +} +.e-schedule .e-vertical-view .e-appointment-wrapper-hidden { + visibility: hidden; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) { + cursor: default; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + display: -ms-flexbox; + display: flex; + height: 26px; + overflow: hidden; + position: absolute; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details { + display: -ms-flexbox; + display: flex; + -ms-flex: auto; + flex: auto; + line-height: 18px; + overflow: hidden; + padding: 1px 0 1px 4px; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-subject { + -ms-flex: auto; + flex: auto; + font-size: 13px; + font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-time { + display: block; + font-size: 11px; + padding: 1px 4px 2px 0; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-icon, +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-recurrence-edit-icon, +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-left-icon, +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details .e-right-icon { + line-height: 18px; + padding: 0 2px; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-disable { + display: none; +} +.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment:not(.e-schedule-event-clone) { + cursor: default; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + overflow: hidden; + position: absolute; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details { + -ms-flex: auto; + flex: auto; + padding: 0 4px; + text-align: left; + line-height: 18px; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-subject { + font-size: 13px; + font-weight: 500; + line-height: 1.2; + margin-left: auto; + min-height: 18px; + overflow: hidden; + overflow-wrap: break-word; + padding-top: 4px; + white-space: normal; + word-wrap: break-word; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time, +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-location { + font-size: 11px; + overflow: hidden; + padding-top: 1px; + text-overflow: ellipsis; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-time { + display: block; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-disable { + display: none; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon, +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon { + bottom: 5px; + display: block; + float: right; + height: auto; + left: auto; + position: absolute; + right: 5px; + width: auto; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-indicator { + display: block; + margin: 0 45%; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon, +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon { + font-size: 8px; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-up-icon { + margin-top: 3px; + top: 0; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment .e-down-icon { + bottom: 6px; + position: absolute; +} +.e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-vertical-view.e-day-view .e-header-date { + cursor: default; +} +.e-schedule .e-vertical-view.e-day-view .e-header-date:hover { + text-decoration: none; +} +.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-day { + font-size: 14px; +} +.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date { + font-size: 18px; +} +.e-schedule.e-device .e-vertical-view .e-header-cells .e-header-date:hover { + text-decoration: none; +} +.e-schedule.e-device .e-vertical-view .e-left-indent { + width: 60px; +} +.e-schedule.e-device .e-vertical-view .e-clone-time-indicator, +.e-schedule.e-device .e-vertical-view .e-current-time { + font-size: 9px; +} +.e-schedule.e-device .e-vertical-view .e-time-cells-wrap { + float: left; + width: 60px; +} +.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td { + font-size: 12px; +} +.e-schedule.e-device .e-vertical-view .e-day-wrapper .e-appointment .e-subject { + font-weight: 500; + min-height: auto; +} +.e-schedule.e-rtl { + text-align: right; +} +.e-schedule.e-rtl .e-vertical-view.e-timescale-disable .e-appointment-details { + text-align: right; +} +.e-schedule.e-rtl .e-vertical-view .e-all-day-appointment-wrapper .e-appointment .e-appointment-details { + padding: 1px 4px 1px 0; +} +.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-appointment-details { + line-height: 15px; + text-align: right; +} +.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-subject { + font-weight: 500; + margin-left: 15px; + margin-right: auto; +} +.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-icon, +.e-schedule.e-rtl .e-vertical-view .e-day-wrapper .e-appointment .e-recurrence-edit-icon { + float: left; + left: 5px; + right: auto; +} +.e-schedule.e-rtl.e-device .e-vertical-view .e-time-cells-wrap { + float: right; +} +@media screen and (max-width: 480px) { + .e-schedule .e-vertical-view .e-left-indent { + width: 60px; + } +} +.e-schedule .e-month-view .e-left-indent, +.e-schedule .e-month-agenda-view .e-left-indent { + border-right: 1px solid #444c54; + width: 36px; +} +.e-schedule .e-month-view .e-week-number-wrapper, +.e-schedule .e-month-agenda-view .e-week-number-wrapper { + overflow: hidden; + position: relative; +} +.e-schedule .e-month-view .e-week-number-wrapper .e-schedule-table, +.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table { + height: 100%; +} +.e-schedule .e-month-view .e-week-number-wrapper .e-week-number, +.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number { + color: #ced4da; + padding-top: 4px; + text-align: center; + vertical-align: top; + width: 36px; +} +.e-schedule .e-month-view .e-content-wrap table tr:last-child td { + border-bottom-width: 0; +} +.e-schedule .e-month-view .e-date-header-wrap { + font-size: 14px; + overflow: hidden; +} +.e-schedule .e-month-view .e-week-number { + border-bottom: 1px solid #444c54; + border-right: 1px solid #444c54; + height: 80px; +} +.e-schedule .e-month-view .e-content-wrap { + font-size: 14px; +} +.e-schedule .e-month-view .e-date-header-wrap table col { + width: 36px; +} +.e-schedule .e-month-view .e-resource-cells { + color: #fff; + font-size: 14px; + height: 40px; + padding: 8px; + padding-left: 15px; +} +.e-schedule .e-month-view .e-header-cells { + cursor: default; + font-weight: normal; + height: 34px; + padding: 3px; +} +.e-schedule .e-month-view .e-content-table { + height: 100%; +} +.e-schedule .e-month-view .e-work-cells { + height: 80px; + vertical-align: top; + width: 36px; +} +.e-schedule .e-month-view .e-work-cells.e-disable-date .e-date-header { + visibility: hidden; +} +.e-schedule .e-month-view .e-work-cells.e-disable-dates { + background: #343a40; +} +.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header { + cursor: default; + opacity: 0.35; +} +.e-schedule .e-month-view .e-work-cells.e-disable-dates .e-date-header:hover { + text-decoration: none; +} +.e-schedule .e-month-view .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-month-view.e-virtual-mask .e-work-cells { + background: #343a40; + box-shadow: inset 0 0 0 8px #282d31; +} +.e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover { + background: #343a40; +} +.e-schedule .e-month-view .e-date-header { + cursor: pointer; + display: table; + height: 20px; + line-height: 22px; + margin: 3px 3px 2px; + text-align: center; +} +.e-schedule .e-month-view .e-date-header:hover { + text-decoration: underline; +} +.e-schedule .e-month-view .e-appointment-wrapper { + position: absolute; +} +.e-schedule .e-month-view .e-new-event { + height: calc(100% - 25px); +} +.e-schedule .e-month-view .e-block-indicator { + margin-top: -20px; +} +.e-schedule .e-month-view .e-inline-appointment { + z-index: 1; +} +.e-schedule .e-month-view .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + cursor: default; + display: -ms-flexbox; + display: flex; + height: 26px; + overflow: hidden; + position: absolute; +} +.e-schedule .e-month-view .e-appointment .e-disable { + display: none; +} +.e-schedule .e-month-view .e-appointment .e-appointment-details { + display: -ms-flexbox; + display: flex; + -ms-flex: auto; + flex: auto; + line-height: 18px; + overflow: hidden; +} +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-subject { + -ms-flex: auto; + flex: auto; + font-size: 13px; + font-weight: 500; + overflow: hidden; + padding: 1px 2px; + text-overflow: ellipsis; +} +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-inline-subject { + padding: 4px; + text-align: center; +} +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-time { + font-size: 11px; + padding: 1.5px; +} +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-icon, +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-recurrence-edit-icon, +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-left-icon, +.e-schedule .e-month-view .e-appointment .e-appointment-details .e-right-icon { + line-height: 26px; + padding: 0 2px; +} +.e-schedule .e-month-view .e-appointment.e-appointment-border, .e-schedule .e-month-view .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-month-view .e-appointment.e-allow-select { + pointer-events: none; +} +.e-schedule .e-month-view .e-appointment .e-subject { + padding: 2px; + width: 100%; +} +.e-schedule .e-month-view .e-more-indicator { + color: #ced4da; + cursor: pointer; + font-size: 10px; + line-height: 11px; + overflow: hidden; + padding: 2px 4px; + position: absolute; + text-overflow: ellipsis; +} +.e-schedule .e-month-view .e-more-indicator:focus { + text-decoration: underline; +} +.e-schedule.e-rtl .e-month-view .e-date-header { + margin: 3px 3px 2px; +} +.e-schedule.e-rtl .e-month-view .e-left-indent { + border-left: 1px solid #444c54; + border-right-width: 0; +} +.e-schedule.e-rtl .e-month-view .e-week-number { + border-left: 1px solid #444c54; + border-right-width: 0; +} +.e-schedule .e-year-view .e-calendar-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-pack: center; + justify-content: center; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar { + border: 0; + -ms-flex: 0 25%; + flex: 0 25%; + max-width: 100%; + min-width: 260px; + padding: 10px; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-header .e-title { + cursor: default; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day { + display: block; + margin: 0 auto; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month { + color: #ced4da; + pointer-events: visible; + -ms-touch-action: auto; + touch-action: auto; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month.e-today { + opacity: 0.5; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment, +.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-appointment-indicator { + background: #0d6efd; + border-radius: 50%; + height: 5px; + margin: -6px auto 0; + position: relative; + width: 5px; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates { + background: #343a40; + cursor: default; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates .e-day { + cursor: default; +} +.e-schedule .e-year-view .e-calendar-wrapper .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-year-view .e-date-header-wrap { + font-size: 14px; + overflow: hidden; +} +.e-schedule .e-year-view .e-date-header-wrap table col { + width: 36px; +} +.e-schedule .e-year-view .e-date-header-wrap table td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #e9ecef; + text-align: left; +} +.e-schedule .e-year-view .e-date-header-wrap table td:first-child { + border-left-width: 0; +} +.e-schedule .e-year-view .e-resource-cells { + color: #fff; + font-size: 14px; + height: 40px; + padding: 8px; + padding-left: 15px; +} +.e-schedule .e-year-view .e-content-wrap table td:first-child { + border-left-width: 0; +} +.e-schedule .e-year-view .e-resource .e-month-calendar { + max-width: 100%; + min-width: 100%; +} +.e-schedule .e-timeline-year-view .e-date-header-wrap, +.e-schedule .e-timeline-year-view .e-month-header-wrapper { + overflow: hidden; + position: relative; +} +.e-schedule .e-timeline-year-view .e-month-header-wrapper .e-schedule-table { + height: 100%; +} +.e-schedule .e-timeline-year-view .e-month-header-wrapper .e-schedule-table.e-auto-height { + height: auto; +} +.e-schedule .e-timeline-year-view .e-date-header-wrap table col, +.e-schedule .e-timeline-year-view .e-content-wrap table col { + width: 100px; +} +.e-schedule .e-timeline-year-view .e-resource-left-td, +.e-schedule .e-timeline-year-view .e-date-header-wrap table td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #e9ecef; + text-align: center; +} +.e-schedule .e-timeline-year-view .e-resource-left-td.e-current-day, +.e-schedule .e-timeline-year-view .e-date-header-wrap table td.e-current-day { + color: #0d6efd; +} +.e-schedule .e-timeline-year-view .e-resource-text { + color: #fff; + font-size: 13px; + overflow: hidden; + padding: 4px 12px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-year-view .e-resource-left-td { + vertical-align: middle; + width: 200px; +} +.e-schedule .e-timeline-year-view .e-left-indent-wrap .e-resource-cells, +.e-schedule .e-timeline-year-view .e-date-header-wrap .e-resource-cells { + height: 40px; +} +.e-schedule .e-timeline-year-view .e-resource-column-wrap { + overflow: hidden; + position: relative; +} +.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #fff; + height: 75px; + padding-left: 12px; + padding-right: 0; + vertical-align: middle; +} +.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node { + background: #212529; +} +.e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells:focus { + background: #23282c; +} +.e-schedule .e-timeline-year-view .e-resource-column-table { + height: 100%; +} +.e-schedule .e-timeline-year-view .e-resource-column-table.e-auto-height { + height: auto; +} +.e-schedule .e-timeline-year-view .e-resource-tree-icon { + color: #adb5bd; + cursor: pointer; + float: left; + font-family: "e-icons"; + font-size: 12px; + padding: 4px 7px; +} +.e-schedule .e-timeline-year-view .e-resource-collapse { + transform: rotate(90deg); +} +.e-schedule .e-timeline-year-view .e-content-table { + height: 100%; +} +.e-schedule .e-timeline-year-view .e-content-table.e-auto-height { + height: auto; +} +.e-schedule .e-timeline-year-view .e-left-indent td { + border-color: #444c54; + border-style: solid; + border-width: 0 1px 0 0; + vertical-align: middle; +} +.e-schedule .e-timeline-year-view .e-left-indent tr:last-child td { + border-width: 0 1px 1px 0; +} +.e-schedule .e-timeline-year-view.e-horizontal .e-left-indent { + padding: 0; + width: 100px; +} +.e-schedule .e-timeline-year-view.e-vertical .e-left-indent, .e-schedule .e-timeline-year-view.e-vertical .e-left-indent .e-header-cells { + width: 100px; +} +.e-schedule .e-timeline-year-view .e-month-header { + border-bottom: 1px solid #444c54; + border-right: 1px solid #444c54; + text-align: center; + color: #e9ecef; +} +.e-schedule .e-timeline-year-view .e-month-header.e-current-day { + color: #0d6efd; +} +.e-schedule .e-timeline-year-view .e-left-indent, +.e-schedule .e-timeline-year-view .e-header-cells { + cursor: default; + font-weight: normal; + height: 34px; + padding: 0; + text-align: center; +} +.e-schedule .e-timeline-year-view .e-month-header, +.e-schedule .e-timeline-year-view .e-work-cells { + height: 75px; +} +.e-schedule .e-timeline-year-view .e-header-cells, +.e-schedule .e-timeline-year-view .e-work-cells { + width: 100px; +} +.e-schedule .e-timeline-year-view .e-work-cells { + vertical-align: top; +} +.e-schedule .e-timeline-year-view .e-work-cells .e-date-header { + cursor: pointer; + display: table; + height: 20px; + line-height: 22px; + margin: 3px 3px 2px; + text-align: center; + width: 10px; +} +.e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover { + text-decoration: underline; +} +.e-schedule .e-timeline-year-view .e-event-table { + position: absolute; + top: 0; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment-container.e-event-container { + height: 75px; + position: relative; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment-wrapper { + position: absolute; +} +.e-schedule .e-timeline-year-view .e-event-table .e-inline-appointment { + z-index: 1; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + cursor: default; + display: -ms-flexbox; + display: flex; + height: 26px; + overflow: hidden; + position: absolute; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-hidden { + display: none; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-appointment-details { + display: -ms-flexbox; + display: flex; + -ms-flex: auto; + flex: auto; + line-height: 20px; + overflow: hidden; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-subject { + -ms-flex: auto; + flex: auto; + font-size: 13px; + font-weight: 500; + overflow: hidden; + padding: 1px 2px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-time, +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-location { + font-size: 11px; + overflow: hidden; + padding: 1.5px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-disable { + display: none; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon, +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon { + line-height: 26px; + padding: 0 5px; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon, +.e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon { + line-height: 26px; + padding: 0 2px; +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-allow-select { + pointer-events: none; +} +.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator { + color: #ced4da; + cursor: pointer; + font-size: 10px; + line-height: 11px; + overflow: hidden; + padding: 2px 4px; + position: absolute; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator.e-hidden { + display: none; +} +.e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus { + text-decoration: underline; +} +.e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar { + max-width: 100%; + min-width: 100%; +} +.e-schedule .e-timeline-view .e-content-wrap, +.e-schedule .e-timeline-view .e-content-table, +.e-schedule .e-timeline-month-view .e-content-wrap, +.e-schedule .e-timeline-month-view .e-content-table { + height: 100%; +} +.e-schedule .e-timeline-view .e-date-header-wrap, +.e-schedule .e-timeline-month-view .e-date-header-wrap { + font-size: 14px; + overflow: hidden; + position: relative; +} +.e-schedule .e-timeline-view .e-event-table, +.e-schedule .e-timeline-month-view .e-event-table { + position: absolute; + top: 0; +} +.e-schedule .e-timeline-view .e-appointment-container.e-event-container, +.e-schedule .e-timeline-month-view .e-appointment-container.e-event-container { + height: 60px; + position: relative; +} +.e-schedule .e-timeline-view .e-date-header-wrap table col, +.e-schedule .e-timeline-view .e-content-wrap table col, +.e-schedule .e-timeline-month-view .e-date-header-wrap table col, +.e-schedule .e-timeline-month-view .e-content-wrap table col { + width: 50px; +} +.e-schedule .e-timeline-view .e-date-header-wrap table tbody td, +.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td { + height: 36px; + overflow: hidden; + padding: 8px 0 8px 8px; + text-overflow: ellipsis; + white-space: nowrap; +} +.e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots, +.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots { + background: #282d31; + overflow: inherit; +} +.e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span, +.e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td > span { + position: relative; +} +.e-schedule .e-timeline-view .e-navigate:hover, +.e-schedule .e-timeline-month-view .e-navigate:hover { + cursor: pointer; + text-decoration: underline; +} +.e-schedule .e-timeline-view .e-navigate:focus, +.e-schedule .e-timeline-month-view .e-navigate:focus { + text-decoration: underline; +} +.e-schedule .e-timeline-view .e-work-cells, +.e-schedule .e-timeline-month-view .e-work-cells { + height: 60px; +} +.e-schedule .e-timeline-view .e-work-cells.e-disable-dates, +.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates { + background: #343a40; +} +.e-schedule .e-timeline-view .e-work-cells.e-disable-dates:hover, +.e-schedule .e-timeline-month-view .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-timeline-view .e-resource-text, +.e-schedule .e-timeline-month-view .e-resource-text { + color: #fff; + font-size: 13px; + overflow: hidden; + padding: 4px 12px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-view .e-resource-left-td, +.e-schedule .e-timeline-month-view .e-resource-left-td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #e9ecef; + vertical-align: middle; + width: 200px; +} +.e-schedule .e-timeline-view .e-resource-cells, +.e-schedule .e-timeline-month-view .e-resource-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #fff; + height: 60px; + padding-left: 12px; + padding-right: 0; + vertical-align: middle; +} +.e-schedule .e-timeline-view .e-resource-cells:focus, +.e-schedule .e-timeline-month-view .e-resource-cells:focus { + background: #23282c; +} +.e-schedule .e-timeline-view .e-resource-column-wrap, +.e-schedule .e-timeline-month-view .e-resource-column-wrap { + overflow: hidden; + position: relative; +} +.e-schedule .e-timeline-view .e-resource-column-table, +.e-schedule .e-timeline-month-view .e-resource-column-table { + height: 100%; +} +.e-schedule .e-timeline-view .e-auto-height, +.e-schedule .e-timeline-month-view .e-auto-height { + height: auto; +} +.e-schedule .e-timeline-view.e-ignore-whitespace .e-work-cells, .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells, .e-schedule .e-timeline-view.e-ignore-whitespace .e-event-container, +.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells, +.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells, +.e-schedule .e-timeline-month-view.e-ignore-whitespace .e-event-container { + height: 42px; +} +.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells, +.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells { + background: #343a40; + box-shadow: inset 0 0 0 8px #282d31; +} +.e-schedule .e-timeline-view .e-resource-tree-icon, +.e-schedule .e-timeline-month-view .e-resource-tree-icon { + color: #adb5bd; + cursor: pointer; + float: left; + font-family: "e-icons"; + font-size: 12px; + padding: 4px 7px; +} +.e-schedule .e-timeline-view .e-resource-collapse, +.e-schedule .e-timeline-month-view .e-resource-collapse { + transform: rotate(90deg); +} +.e-schedule .e-timeline-view .e-child-node, +.e-schedule .e-timeline-month-view .e-child-node { + background: #212529; +} +.e-schedule .e-timeline-view .e-appointment-wrapper, +.e-schedule .e-timeline-month-view .e-appointment-wrapper { + position: absolute; +} +.e-schedule .e-timeline-view .e-inline-appointment, +.e-schedule .e-timeline-month-view .e-inline-appointment { + z-index: 1; +} +.e-schedule .e-timeline-view .e-appointment, +.e-schedule .e-timeline-month-view .e-appointment { + background: #0d6efd; + border: 1px solid #444c54; + border-radius: 2px; + color: #fff; + cursor: default; + display: -ms-flexbox; + display: flex; + height: 38px; + overflow: hidden; + position: absolute; +} +.e-schedule .e-timeline-view .e-appointment .e-appointment-details, +.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details { + display: -ms-flexbox; + display: flex; + -ms-flex: auto; + flex: auto; + overflow: hidden; + padding: 0 4px; +} +.e-schedule .e-timeline-view .e-appointment .e-appointment-details .e-inner-wrap, +.e-schedule .e-timeline-month-view .e-appointment .e-appointment-details .e-inner-wrap { + -ms-flex: auto; + flex: auto; + overflow: hidden; +} +.e-schedule .e-timeline-view .e-appointment .e-subject, +.e-schedule .e-timeline-month-view .e-appointment .e-subject { + font-size: 13px; + font-weight: 500; + line-height: 1.2; + margin-left: auto; + min-height: 18px; + overflow: hidden; + padding-top: 4px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-view .e-appointment .e-time, +.e-schedule .e-timeline-view .e-appointment .e-location, +.e-schedule .e-timeline-month-view .e-appointment .e-time, +.e-schedule .e-timeline-month-view .e-appointment .e-location { + font-size: 11px; + overflow: hidden; + padding-top: 1px; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-view .e-appointment .e-time, +.e-schedule .e-timeline-month-view .e-appointment .e-time { + display: block; + line-height: 1.4; +} +.e-schedule .e-timeline-view .e-appointment .e-disable, +.e-schedule .e-timeline-month-view .e-appointment .e-disable { + display: none; +} +.e-schedule .e-timeline-view .e-appointment .e-recurrence-icon, +.e-schedule .e-timeline-view .e-appointment .e-recurrence-edit-icon, +.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-icon, +.e-schedule .e-timeline-month-view .e-appointment .e-recurrence-edit-icon { + line-height: 38px; + padding: 0 5px; +} +.e-schedule .e-timeline-view .e-appointment .e-indicator, +.e-schedule .e-timeline-month-view .e-appointment .e-indicator { + display: block; +} +.e-schedule .e-timeline-view .e-appointment .e-left-icon, +.e-schedule .e-timeline-view .e-appointment .e-right-icon, +.e-schedule .e-timeline-month-view .e-appointment .e-left-icon, +.e-schedule .e-timeline-month-view .e-appointment .e-right-icon { + font-size: 10px; + line-height: 38px; + padding-right: 7px; +} +.e-schedule .e-timeline-view .e-appointment .e-right-icon, +.e-schedule .e-timeline-month-view .e-appointment .e-right-icon { + padding-right: 5px; +} +.e-schedule .e-timeline-view .e-appointment.e-appointment-border, .e-schedule .e-timeline-view .e-appointment:focus, +.e-schedule .e-timeline-month-view .e-appointment.e-appointment-border, +.e-schedule .e-timeline-month-view .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-schedule .e-timeline-view .e-appointment.e-allow-select, +.e-schedule .e-timeline-month-view .e-appointment.e-allow-select { + pointer-events: none; +} +.e-schedule .e-timeline-view .e-more-indicator, +.e-schedule .e-timeline-month-view .e-more-indicator { + color: #ced4da; + cursor: pointer; + font-size: 10px; + line-height: 11px; + overflow: hidden; + padding: 2px 4px; + position: absolute; + text-overflow: ellipsis; +} +.e-schedule .e-timeline-view .e-more-indicator:focus, +.e-schedule .e-timeline-month-view .e-more-indicator:focus { + text-decoration: underline; +} +.e-schedule .e-timeline-view .e-navigate { + font-size: 14px; +} +.e-schedule .e-timeline-view .e-clone-time-indicator, +.e-schedule .e-timeline-view .e-current-time { + bottom: 0; + position: absolute; +} +.e-schedule .e-timeline-view .e-current-timeline { + position: absolute; + top: 0; +} +.e-schedule .e-timeline-month-view .e-date-header-wrap table col, +.e-schedule .e-timeline-month-view .e-content-wrap table col { + width: 70px; +} +.e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table { + transform: translateX(0); +} +.e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table { + transform: translateY(0); +} +.e-schedule .e-virtual-scroll .e-content-table { + position: absolute; +} +.e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative { + position: relative; +} +.e-schedule .e-virtual-scroll .e-content-wrap.e-transition, +.e-schedule .e-virtual-scroll .e-resource-column-wrap.e-transition { + transition: all 1000ms linear; +} +.e-schedule.e-rtl .e-timeline-view .e-appointment .e-left-icon, +.e-schedule.e-rtl .e-timeline-view .e-appointment .e-right-icon, +.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-left-icon, +.e-schedule.e-rtl .e-timeline-month-view .e-appointment .e-right-icon { + padding: 0 0 0 5px; +} +.e-schedule.e-rtl .e-timeline-view .e-inline-appointment, +.e-schedule.e-rtl .e-timeline-month-view .e-inline-appointment { + z-index: 1; +} +.e-schedule.e-rtl .e-timeline-view .e-resource-left-td, +.e-schedule.e-rtl .e-timeline-month-view .e-resource-left-td { + border-width: 0 0 1px 1px; +} +.e-schedule.e-rtl .e-timeline-view .e-resource-cells, +.e-schedule.e-rtl .e-timeline-month-view .e-resource-cells { + border-width: 0 0 1px 1px; + padding-right: 15px; +} +.e-schedule.e-rtl .e-timeline-view .e-resource-tree-icon, +.e-schedule.e-rtl .e-timeline-month-view .e-resource-tree-icon { + float: right; +} +.e-schedule.e-rtl .e-timeline-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap, +.e-schedule.e-rtl .e-timeline-month-view .e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap { + text-align: right; +} +.e-schedule.e-device .e-month-view .e-date-header-wrap, +.e-schedule.e-device .e-timeline-view .e-date-header-wrap, +.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap { + font-size: 16px; +} +.e-schedule.e-device .e-month-view .e-date-header-wrap td, +.e-schedule.e-device .e-timeline-view .e-date-header-wrap td, +.e-schedule.e-device .e-timeline-month-view .e-date-header-wrap td { + border-left-width: 0; + border-right-width: 0; +} +.e-schedule.e-device .e-month-view .e-content-wrap, +.e-schedule.e-device .e-timeline-view .e-content-wrap, +.e-schedule.e-device .e-timeline-month-view .e-content-wrap { + font-size: 14px; +} +.e-schedule.e-device .e-month-view .e-date-header:hover, +.e-schedule.e-device .e-timeline-view .e-date-header:hover, +.e-schedule.e-device .e-timeline-month-view .e-date-header:hover { + text-decoration: none; +} +.e-schedule.e-device .e-month-view .e-more-indicator, +.e-schedule.e-device .e-timeline-view .e-more-indicator, +.e-schedule.e-device .e-timeline-month-view .e-more-indicator { + font-size: 12px; +} +.e-schedule.e-device .e-month-view .e-navigate:hover, +.e-schedule.e-device .e-timeline-view .e-navigate:hover, +.e-schedule.e-device .e-timeline-month-view .e-navigate:hover { + text-decoration: none; +} +.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu { + margin-top: 6px; +} +.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-menu.e-disable { + display: none; +} +.e-schedule .e-month-agenda-view .e-schedule-resource-toolbar .e-resource-level-title .e-icon-next { + margin-top: 4px; +} +.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number { + border-right: 1px solid #444c54; + height: 40px; + padding-top: 8px; +} +.e-schedule .e-month-agenda-view .e-wrapper-container { + position: relative; +} +.e-schedule .e-month-agenda-view .e-week-number-wrapper .e-schedule-table, +.e-schedule .e-month-agenda-view .e-content-table { + border-bottom: 2px solid #444c54; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + height: 100%; +} +.e-schedule .e-month-agenda-view .e-resource-column { + border-bottom: 1px solid #444c54; + border-right: 1px solid #444c54; + vertical-align: top; + width: 75px; +} +.e-schedule .e-month-agenda-view .e-resource-name { + color: #fff; + font-size: 16px; + line-height: 26px; + overflow: hidden; + padding: 8px; + text-overflow: ellipsis; +} +.e-schedule .e-month-agenda-view .e-day-padding { + padding-left: 8px; +} +.e-schedule .e-month-agenda-view .e-day-border { + border-bottom: 1px solid #444c54; +} +.e-schedule .e-month-agenda-view .e-date-header-wrap { + font-size: 16px; + overflow: hidden; +} +.e-schedule .e-month-agenda-view .e-content-wrap { + font-size: 14px; +} +.e-schedule .e-month-agenda-view .e-header-cells { + cursor: default; + font-weight: normal; + height: 34px; + padding: 5px; + text-align: center; +} +.e-schedule .e-month-agenda-view .e-work-cells { + height: 40px; + position: relative; + vertical-align: top; +} +.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates { + background: #343a40; +} +.e-schedule .e-month-agenda-view .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-month-agenda-view .e-date-header { + height: 24px; + line-height: 24.5px; + margin: 4px auto 0; + text-align: center; + width: 24px; +} +.e-schedule .e-month-agenda-view .e-appointment-container { + min-height: 40px; +} +.e-schedule .e-month-agenda-view .e-appointment-wrap { + background: #212529; + overflow: auto; + padding: 0 8px; +} +.e-schedule .e-month-agenda-view .e-appointment { + border-left: 3px solid #0d6efd; + border-right: 0; + cursor: default; + padding: 0 16px; +} +.e-schedule .e-month-agenda-view .e-appointment:hover { + background: #23282c; +} +.e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus { + background: #343a40; +} +.e-schedule .e-month-agenda-view .e-appointment.e-template { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.e-schedule .e-month-agenda-view .e-subject-wrap { + display: -ms-flexbox; + display: flex; +} +.e-schedule .e-month-agenda-view .e-subject { + color: #fff; + font-size: 14px; + line-height: 26px; + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-month-agenda-view .e-recurrence-icon, +.e-schedule .e-month-agenda-view .e-recurrence-edit-icon { + color: #ced4da; + line-height: 26px; + padding: 0 10px; +} +.e-schedule .e-month-agenda-view .e-date-time { + color: #ced4da; + font-size: 12px; + line-height: 26px; + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-month-agenda-view .e-location { + color: #ced4da; + font-size: 12px; + line-height: 26px; + overflow: hidden; + padding-left: 8px; + text-overflow: ellipsis; +} +.e-schedule .e-month-agenda-view .e-no-event { + color: #ced4da; + cursor: default; + font-size: 14px; + height: 100%; + padding: 8px 4px; +} +.e-schedule .e-month-agenda-view .e-agenda-item.e-month-agenda-view { + padding: 10px 0; +} +.e-schedule .e-month-agenda-view .e-agenda-parent.e-month-agenda-view { + margin: 0; + padding: 0; +} +.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator { + background: #0d6efd; + border-radius: 50%; + height: 6px; + left: 0; + margin: 1px auto; + width: 6px; +} +.e-schedule.e-rtl .e-month-agenda-view .e-left-indent { + border-left: 1px solid #444c54; + border-right-width: 0; +} +.e-schedule.e-rtl .e-month-agenda-view .e-week-number { + border-left: 1px solid #444c54; + border-right-width: 0; +} +.e-schedule.e-rtl .e-month-agenda-view .e-appointment { + border-left: 0; + border-right: 3px solid #0d6efd; +} +.e-schedule.e-rtl .e-month-agenda-view .e-resource-column { + border-bottom: 1px solid #444c54; + border-left: 1px solid #444c54; + border-right: 0; + vertical-align: top; + width: 75px; +} +.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name { + white-space: normal; +} +.e-schedule.e-rtl .e-month-agenda-view .e-day-padding { + padding-right: 8px; +} +.e-schedule.e-device .e-month-agenda-view .e-date-header-wrap { + font-size: 16px; +} +.e-schedule.e-device .e-month-agenda-view .e-content-wrap { + font-size: 14px; +} +.e-schedule .e-agenda-view { + background: #212529; +} +.e-schedule .e-agenda-view .e-content-wrap table td:first-child, +.e-schedule .e-agenda-view .e-date-column { + vertical-align: top; + width: 75px; +} +.e-schedule .e-agenda-view .e-resource-column { + border-bottom: 1px solid #444c54; + border-right: 1px solid #444c54; + color: #e9ecef; + vertical-align: top; + width: 75px; +} +.e-schedule .e-agenda-view .e-month-header { + background: #0d6efd; + height: 100px; + padding-top: 12px; + vertical-align: top; +} +.e-schedule .e-agenda-view .e-month-header .e-date-header { + color: #fff; + font-size: 18px; +} +.e-schedule .e-agenda-view .e-day-date-header { + color: #e9ecef; + cursor: default; + padding: 8px 20px 14px 14px; +} +.e-schedule .e-agenda-view .e-day-date-header .e-m-date { + font-size: 16px; +} +.e-schedule .e-agenda-view .e-day-date-header .e-m-day { + font-size: 12px; +} +.e-schedule .e-agenda-view .e-day-date-header.e-current-day { + color: #0d6efd; +} +.e-schedule .e-agenda-view .e-day-border { + border-bottom: 1px solid #444c54; +} +.e-schedule .e-agenda-view .e-date-border { + border-bottom: 1px solid #444c54; + border-right: 1px solid #444c54; +} +.e-schedule .e-agenda-view .e-day-padding { + padding-left: 8px; +} +.e-schedule .e-agenda-view .e-date-header { + font-size: 20px; +} +.e-schedule .e-agenda-view .e-day-header { + font-size: 12px; +} +.e-schedule .e-agenda-view .e-subject-wrap { + display: -ms-flexbox; + display: flex; + margin-bottom: 4px; +} +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-subject { + color: #fff; +} +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-date-time { + color: #fff; +} +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-resource-name { + color: #fff; +} +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-icon, +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-recurrence-edit-icon { + color: #fff; +} +.e-schedule .e-agenda-view .e-active-appointment-agenda .e-location { + color: #fff; +} +.e-schedule .e-agenda-view .e-subject { + color: #fff; + font-size: 14px; + line-height: 23px; + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-agenda-view .e-resource-name { + color: #fff; + font-size: 12px; + line-height: 26px; + overflow: hidden; + padding: 8px; + text-overflow: ellipsis; +} +.e-schedule .e-agenda-view .e-recurrence-icon, +.e-schedule .e-agenda-view .e-recurrence-edit-icon { + color: #fff; + line-height: 21px; + padding: 0 10px; +} +.e-schedule .e-agenda-view .e-date-time { + color: #ced4da; + font-size: 12px; + line-height: 21px; + overflow: hidden; + text-overflow: ellipsis; +} +.e-schedule .e-agenda-view .e-location { + color: #ced4da; + font-size: 12px; + line-height: 23px; + overflow: hidden; + padding-left: 8px; + text-overflow: ellipsis; +} +.e-schedule .e-agenda-view .e-agenda-item { + padding: 10px 0; +} +.e-schedule .e-agenda-view .e-agenda-parent { + margin: 0; + padding: 0; +} +.e-schedule .e-agenda-view .e-appointment { + border-left: 3px solid #0d6efd; + border-right: 0; + cursor: default; + padding: 0 14px; +} +.e-schedule .e-agenda-view .e-appointment:hover { + background: #23282c; +} +.e-schedule .e-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-agenda-view .e-appointment:focus { + background: #343a40; +} +.e-schedule .e-agenda-view .e-appointment.e-template { + display: -ms-inline-flexbox; + display: inline-flex; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.e-schedule .e-agenda-view .e-no-event { + color: #ced4da; + cursor: default; + font-size: 14px; + line-height: 52px; + padding: 0 11px; +} +.e-schedule .e-agenda-view .e-empty-event { + color: #ced4da; + cursor: default; + font-size: 14px; + line-height: 52px; + padding: 0 11px; +} +.e-schedule.e-device .e-agenda-view .e-m-date, +.e-schedule.e-device .e-month-agenda-view .e-m-date { + font-size: 18px; +} +.e-schedule.e-device .e-agenda-view .e-resource-name, +.e-schedule.e-device .e-agenda-view .e-m-day, +.e-schedule.e-device .e-month-agenda-view .e-resource-name, +.e-schedule.e-device .e-month-agenda-view .e-m-day { + color: #fff; + font-size: 14px; +} +.e-schedule.e-rtl .e-agenda-view .e-appointment { + border-left: 0; + border-right: 3px solid #0d6efd; +} +.e-schedule.e-rtl .e-agenda-view .e-resource-column { + border-bottom: 1px solid #444c54; + border-left: 1px solid #444c54; + border-right: 0; + vertical-align: top; + width: 75px; +} +.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name { + white-space: normal; +} +.e-schedule.e-rtl .e-agenda-view .e-day-padding { + padding-right: 8px; +} +.e-schedule.e-rtl .e-agenda-view .e-date-border { + border-bottom: 1px solid #444c54; + border-left: 1px solid #444c54; + border-right: 0; +} + +.e-schedule.e-read-only .e-toolbar-item.e-add.e-overflow-show { + display: none; +} + +.e-bigger .e-schedule .e-schedule-toolbar, +.e-bigger.e-schedule .e-schedule-toolbar { + height: 54px; + min-height: 54px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text, +.e-bigger.e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text { + font-size: 16px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item.e-date-range .e-tbar-btn-text { + font-size: 16px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-icon-down-arrow, +.e-bigger.e-schedule .e-schedule-toolbar .e-icon-down-arrow { + font-size: 18px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav, +.e-bigger.e-schedule .e-schedule-toolbar .e-schedule .e-toolbar .e-hor-nav { + min-height: 54px; + min-width: 32px; + z-index: 0; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon { + font-size: 24px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn-text { + line-height: inherit; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items { + min-height: 54px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item { + min-height: 54px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer), +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator):not(.e-spacer) { + min-width: 34px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator { + height: calc(100% - 15px); + margin: 7.5px 3px; + min-height: 38px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-icons { + min-width: 24px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn, +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control { + height: auto; + line-height: 25px; + margin: 4px 0; + min-width: 24px; + padding: 0 1.5px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right, +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right { + padding: 2px 0 0 12px; + font-size: 24px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon, +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon { + padding-top: 3px; +} +.e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text, +.e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text { + font-size: 16px; +} +.e-bigger .e-schedule .e-more-popup-wrapper .e-header-day, +.e-bigger.e-schedule .e-more-popup-wrapper .e-header-day { + font-size: 14px; +} +.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day, +.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day { + font-size: 14px; +} +.e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date, +.e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date { + font-size: 18px; +} +.e-bigger .e-schedule .e-vertical-view .e-resource-cells, +.e-bigger.e-schedule .e-vertical-view .e-resource-cells { + font-size: 14px; +} +.e-bigger .e-schedule .e-vertical-view .e-time-cells-wrap table td, +.e-bigger.e-schedule .e-vertical-view .e-time-cells-wrap table td { + font-size: 14px; +} +.e-bigger .e-schedule .e-vertical-view .e-clone-time-indicator, +.e-bigger .e-schedule .e-vertical-view .e-current-time, +.e-bigger.e-schedule .e-vertical-view .e-clone-time-indicator, +.e-bigger.e-schedule .e-vertical-view .e-current-time { + font-size: 12px; +} +.e-bigger .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td, +.e-bigger.e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td { + font-size: 12px; +} +.e-bigger .e-schedule.e-device .e-vertical-view .e-clone-time-indicator, +.e-bigger .e-schedule.e-device .e-vertical-view .e-current-time, +.e-bigger.e-schedule.e-device .e-vertical-view .e-clone-time-indicator, +.e-bigger.e-schedule.e-device .e-vertical-view .e-current-time { + font-size: 12px; +} +.e-bigger .e-schedule .e-month-view .e-header-cells, +.e-bigger.e-schedule .e-month-view .e-header-cells { + height: 38px; +} +.e-bigger .e-schedule .e-month-view .e-resource-cells, +.e-bigger .e-schedule .e-month-view .e-date-header-wrap table td, +.e-bigger.e-schedule .e-month-view .e-resource-cells, +.e-bigger.e-schedule .e-month-view .e-date-header-wrap table td { + font-size: 16px; +} +.e-bigger .e-schedule .e-month-view .e-content-wrap, +.e-bigger.e-schedule .e-month-view .e-content-wrap { + font-size: 16px; +} +.e-bigger .e-schedule .e-month-view .e-m-date, +.e-bigger.e-schedule .e-month-view .e-m-date { + font-size: 18px; +} +.e-bigger .e-schedule .e-month-view .e-resource-name, +.e-bigger .e-schedule .e-month-view .e-m-day, +.e-bigger.e-schedule .e-month-view .e-resource-name, +.e-bigger.e-schedule .e-month-view .e-m-day { + font-size: 14px; +} +.e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar, +.e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar { + min-width: 306px; +} + +.e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} +.e-schedule.e-multi-drag .e-vertical-view.e-timescale-disable .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view.e-timescale-disable .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} +.e-schedule.e-multi-drag .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-day-wrapper .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} +.e-schedule.e-multi-drag .e-month-view .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-month-view .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} +.e-schedule.e-multi-drag .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-timeline-year-view .e-event-table .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} +.e-schedule.e-multi-drag .e-timeline-view .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-timeline-view .e-appointment:focus, +.e-schedule.e-multi-drag .e-timeline-month-view .e-appointment.e-appointment-border, +.e-schedule.e-multi-drag .e-timeline-month-view .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} + +.e-more-popup-wrapper.e-multi-drag .e-appointment.e-appointment-border, .e-more-popup-wrapper.e-multi-drag .e-appointment:focus { + border: 1px solid rgba(68, 76, 84, 0.5); +} + +/*! schedule event tooltip */ +.e-schedule-event-tooltip .e-subject { + font-size: 12px; +} + +.e-bigger .e-schedule-event-tooltip .e-subject, +.e-schedule-event-tooltip.e-bigger .e-subject { + font-size: 14px; + font-weight: 500; +} + +.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog { + width: 502px; +} + +.e-dialog.e-quick-dialog.e-following-events-dialog { + width: 420px; +} +.e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content { + padding: 12px; +} +@media screen and (max-width: 767px) { + .e-dialog.e-quick-dialog.e-following-events-dialog { + width: 289px; + } + .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content { + padding: 5%; + } + .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button { + margin-bottom: 5%; + } +} + +.e-dialog.e-quick-dialog { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + width: 320px; +} +.e-dialog.e-quick-dialog .e-disable { + display: none; +} +.e-dialog.e-quick-dialog .e-dlg-header-content { + border-bottom: none; +} +.e-dialog.e-quick-dialog .e-footer-content { + border-top: none; +} +.e-dialog.e-quick-dialog .e-quick-dialog-cancel { + box-shadow: none; +} +.e-dialog.e-quick-dialog.e-rtl { + text-align: right; +} + +.e-bigger .e-dialog.e-quick-dialog { + min-width: 370px; +} + +/*! schedule event window */ +.e-schedule-dialog .e-disable { + display: none; +} +.e-schedule-dialog .e-icon-disable { + opacity: 0.5; +} +.e-schedule-dialog .e-dlg-header-content { + padding-bottom: 8px; +} +.e-schedule-dialog .e-dlg-content { + padding-bottom: 12px; + position: relative; +} +.e-schedule-dialog .e-event-delete { + float: left; +} +.e-schedule-dialog .e-subject-container, +.e-schedule-dialog .e-start-container, +.e-schedule-dialog .e-description-label { + padding-right: 8px; +} +.e-schedule-dialog .e-start-time-zone-container { + padding-left: 4px; + padding-right: 8px; +} +.e-schedule-dialog .e-location-container, +.e-schedule-dialog .e-end-container { + padding-left: 8px; +} +.e-schedule-dialog .e-end-time-zone-container { + padding-left: 8px; + padding-right: 4px; +} +.e-schedule-dialog .e-all-day-container { + padding-right: 16px; +} +.e-schedule-dialog .e-time-zone-row { + display: -ms-flexbox; + display: flex; + height: 0; + margin-bottom: 0; + overflow: hidden; + padding-bottom: 0; + transition: 0.3s ease-in-out; + width: 100%; +} +.e-schedule-dialog .e-time-zone-row .e-start-time-zone-container, +.e-schedule-dialog .e-time-zone-row .e-end-time-zone-container { + display: none; + transform: translateY(-100%); +} +.e-schedule-dialog .e-time-zone-row.e-enable { + height: 60px; + margin-bottom: 12px; +} +.e-schedule-dialog .e-time-zone-row.e-enable .e-start-time-zone-container, +.e-schedule-dialog .e-time-zone-row.e-enable .e-end-time-zone-container { + display: block; + transform: translateY(0); +} +.e-schedule-dialog .e-title-location-row, +.e-schedule-dialog .e-start-end-row, +.e-schedule-dialog .e-start-input-container, +.e-schedule-dialog .e-end-input-container { + display: -ms-flexbox; + display: flex; + padding-bottom: 12px; + width: 100%; +} +.e-schedule-dialog .e-resources { + padding-bottom: 12px; + width: 100%; +} +.e-schedule-dialog .e-all-day-time-zone-row { + display: -ms-flexbox; + display: flex; + padding-bottom: 12px; + padding-top: 4px; + width: 100%; +} +.e-schedule-dialog .e-subject-container, +.e-schedule-dialog .e-location-container, +.e-schedule-dialog .e-start-container, +.e-schedule-dialog .e-end-container, +.e-schedule-dialog .e-start-time-zone-container, +.e-schedule-dialog .e-end-time-zone-container { + width: 50%; +} +.e-schedule-dialog .e-description, +.e-schedule-dialog .e-float-input .e-description { + height: 50px; + resize: vertical; +} +.e-schedule-dialog .e-repeat-container, +.e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable { + display: none; +} +.e-schedule-dialog .e-footer-content { + margin-top: 4px; +} +.e-schedule-dialog.e-rtl { + text-align: right; +} +.e-schedule-dialog.e-rtl .e-all-day-container { + margin-left: 16px; + margin-right: 0; +} +.e-schedule-dialog.e-rtl .e-subject-container, +.e-schedule-dialog.e-rtl .e-start-container, +.e-schedule-dialog.e-rtl .e-description-label { + padding-left: 8px; + padding-right: 0; +} +.e-schedule-dialog.e-rtl .e-start-time-zone-container { + padding-left: 8px; + padding-right: 4px; +} +.e-schedule-dialog.e-rtl .e-location-container, +.e-schedule-dialog.e-rtl .e-end-container { + padding-left: 0; + padding-right: 8px; +} +.e-schedule-dialog.e-rtl .e-end-time-zone-container { + padding-left: 4px; + padding-right: 8px; +} +.e-schedule-dialog.e-rtl .e-event-delete { + float: right; +} + +/*! schedule event window for smaller viewports*/ +@media screen and (max-width: 320px) { + .e-schedule-dialog.e-popup.e-popup-open { + max-height: 350px; + min-width: 100%; + } + .e-schedule-dialog .e-all-day-container { + padding-bottom: 10px; + } + .e-schedule-dialog .e-all-day-time-zone-row { + display: block; + } +} +.e-ddl.e-popup .e-resource-template { + display: -ms-flexbox; + display: flex; + padding: 0 10px; + text-indent: 10px; +} +.e-ddl.e-popup .e-resource-template .e-resource-color { + height: 14px; + margin-top: 10px; + width: 14px; +} + +.e-bigger .e-ddl.e-popup .e-resource-template { + padding: 0 15px; +} +.e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color { + height: 16px; + margin-top: 8px; + width: 16px; +} +.e-bigger .e-schedule-dialog .e-disable { + display: none; +} +.e-bigger .e-schedule-dialog .e-dlg-header-content { + padding-bottom: 8px; +} +.e-bigger .e-schedule-dialog .e-dlg-content { + padding-bottom: 12px; + position: relative; +} +.e-bigger .e-schedule-dialog .e-event-cancel, +.e-bigger .e-schedule-dialog .e-event-delete { + border: none; + box-shadow: none; +} +.e-bigger .e-schedule-dialog .e-footer-content .e-btn.e-event-delete { + float: left; + margin-left: 0; +} +.e-bigger .e-schedule-dialog .e-subject-container, +.e-bigger .e-schedule-dialog .e-start-container, +.e-bigger .e-schedule-dialog .e-start-time-zone-container, +.e-bigger .e-schedule-dialog .e-description-label { + padding-right: 12px; +} +.e-bigger .e-schedule-dialog .e-location-container, +.e-bigger .e-schedule-dialog .e-end-container, +.e-bigger .e-schedule-dialog .e-end-time-zone-container { + padding-left: 12px; +} +.e-bigger .e-schedule-dialog .e-all-day-container { + padding-right: 16px; +} +.e-bigger .e-schedule-dialog .e-time-zone-row { + display: none; +} +.e-bigger .e-schedule-dialog .e-time-zone-row.e-enable { + display: -ms-flexbox; + display: flex; + height: 66px; +} +.e-bigger .e-schedule-dialog .e-title-location-row, +.e-bigger .e-schedule-dialog .e-start-end-row, +.e-bigger .e-schedule-dialog .e-start-input-container, +.e-bigger .e-schedule-dialog .e-end-input-container, +.e-bigger .e-schedule-dialog .e-time-zone-row { + display: -ms-flexbox; + display: flex; + padding-bottom: 12px; + width: 100%; +} +.e-bigger .e-schedule-dialog .e-resources { + padding-bottom: 12px; + width: 100%; +} +.e-bigger .e-schedule-dialog .e-all-day-time-zone-row { + display: -ms-flexbox; + display: flex; + padding-bottom: 20px; + padding-top: 0; + width: 100%; +} +.e-bigger .e-schedule-dialog .e-subject-container, +.e-bigger .e-schedule-dialog .e-location-container, +.e-bigger .e-schedule-dialog .e-start-container, +.e-bigger .e-schedule-dialog .e-end-container, +.e-bigger .e-schedule-dialog .e-start-time-zone-container, +.e-bigger .e-schedule-dialog .e-end-time-zone-container { + width: 50%; +} +.e-bigger .e-schedule-dialog .e-location-container, +.e-bigger .e-schedule-dialog .e-end-container, +.e-bigger .e-schedule-dialog .e-end-time-zone-container, +.e-bigger .e-schedule-dialog .e-start-container, +.e-bigger .e-schedule-dialog .e-start-time-zone-container, +.e-bigger .e-schedule-dialog .e-subject-container, +.e-bigger .e-schedule-dialog .e-description-row, +.e-bigger .e-schedule-dialog .e-repeat-container { + padding-top: 0; +} +.e-bigger .e-schedule-dialog .e-all-day-time-zone-row { + padding-bottom: 16px; + padding-top: 10px; +} +.e-bigger .e-schedule-dialog .e-description, +.e-bigger .e-schedule-dialog .e-float-input .e-description { + height: 50px; + resize: vertical; +} +.e-bigger .e-schedule-dialog .e-time-zone-row, +.e-bigger .e-schedule-dialog .e-repeat-container, +.e-bigger .e-schedule-dialog .e-input-group .e-input-group-icon.e-icon-disable { + display: none; +} +.e-bigger .e-schedule-dialog.e-rtl .e-all-day-container { + margin-left: 20px; + margin-right: 0; +} +.e-bigger .e-schedule-dialog.e-rtl .e-subject-container, +.e-bigger .e-schedule-dialog.e-rtl .e-start-container, +.e-bigger .e-schedule-dialog.e-rtl .e-start-time-zone-container, +.e-bigger .e-schedule-dialog.e-rtl .e-description-label { + padding-left: 12px; + padding-right: 0; +} +.e-bigger .e-schedule-dialog.e-rtl .e-location-container, +.e-bigger .e-schedule-dialog.e-rtl .e-end-container, +.e-bigger .e-schedule-dialog.e-rtl .e-end-time-zone-container { + padding-left: 0; + padding-right: 12px; +} +.e-bigger .e-schedule-dialog.e-rtl .e-event-delete { + float: right; +} + +.e-schedule-dialog.e-device .e-dlg-header, +.e-schedule-dialog.e-device .e-dlg-header * { + width: 100%; +} +.e-schedule-dialog.e-device .e-dlg-header-content { + background: #212529; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); + margin-bottom: 3px; +} +.e-schedule-dialog.e-device .e-title-location-row, +.e-schedule-dialog.e-device .e-start-end-row, +.e-schedule-dialog.e-device .e-time-zone-row, +.e-schedule-dialog.e-device .e-start-input-container, +.e-schedule-dialog.e-device .e-end-input-container { + display: inline; +} +.e-schedule-dialog.e-device .e-time-zone-row.e-enable { + display: inline; +} +.e-schedule-dialog.e-device .e-subject-container, +.e-schedule-dialog.e-device .e-location-container, +.e-schedule-dialog.e-device .e-start-container, +.e-schedule-dialog.e-device .e-end-container, +.e-schedule-dialog.e-device .e-start-time-zone-container, +.e-schedule-dialog.e-device .e-end-time-zone-container { + padding-left: 0; + width: 100%; +} +.e-schedule-dialog.e-device .e-subject-container, +.e-schedule-dialog.e-device .e-start-container, +.e-schedule-dialog.e-device .e-start-time-zone-container, +.e-schedule-dialog.e-device .e-description-label { + padding-right: 0; +} +.e-schedule-dialog.e-device .e-location-container, +.e-schedule-dialog.e-device .e-end-container, +.e-schedule-dialog.e-device .e-end-time-zone-container, +.e-schedule-dialog.e-device .e-start-container, +.e-schedule-dialog.e-device .e-start-time-zone-container, +.e-schedule-dialog.e-device .e-subject-container, +.e-schedule-dialog.e-device .e-description-row, +.e-schedule-dialog.e-device .e-repeat-container { + padding-top: 20px; +} +.e-schedule-dialog.e-device .e-all-day-time-zone-row { + padding-top: 20px; +} +.e-schedule-dialog.e-device .e-resources { + padding-bottom: 0; + padding-top: 20px; +} +.e-schedule-dialog.e-device .e-description, +.e-schedule-dialog.e-device .e-float-input .e-description { + height: 60px; + resize: vertical; +} +.e-schedule-dialog.e-device .e-all-day-time-zone-row { + margin-top: 0; + padding-bottom: 0; +} +.e-schedule-dialog.e-device .e-repeat-parent-row { + padding-top: 8px; +} +.e-schedule-dialog.e-device .e-all-day-container { + margin-right: 20px; +} +.e-schedule-dialog.e-device .e-title-header { + display: -ms-flexbox; + display: flex; + width: 100%; +} +.e-schedule-dialog.e-device .e-save-icon, +.e-schedule-dialog.e-device .e-back-icon, +.e-schedule-dialog.e-device .e-forward-icon { + cursor: pointer; + line-height: normal; +} +.e-schedule-dialog.e-device .e-title-text { + text-align: center; +} +.e-schedule-dialog.e-device .e-save-icon, +.e-schedule-dialog.e-device .e-back-icon, +.e-schedule-dialog.e-device .e-delete-icon { + width: 2.5em; +} +.e-schedule-dialog.e-device .e-save-icon, +.e-schedule-dialog.e-device .e-delete-icon { + text-align: right; +} +.e-schedule-dialog.e-device .e-time-zone-row, +.e-schedule-dialog.e-device .e-input-group .e-input-group-icon.e-icon-disable { + display: none; +} +.e-schedule-dialog.e-device .e-repeat-container { + display: block; + padding-right: 35px; + padding-left: 0; +} +.e-schedule-dialog.e-device .e-icon-down-arrow { + font-size: 18px; +} +.e-schedule-dialog.e-device.e-rtl .e-save-icon { + text-align: left; +} +.e-schedule-dialog.e-device.e-rtl .e-all-day-container { + margin-left: 20px; + margin-right: 0; +} +.e-schedule-dialog.e-device.e-rtl .e-subject-container, +.e-schedule-dialog.e-device.e-rtl .e-start-container, +.e-schedule-dialog.e-device.e-rtl .e-start-time-zone-container, +.e-schedule-dialog.e-device.e-rtl .e-description-label { + padding-left: 0; +} +.e-schedule-dialog.e-device.e-rtl .e-location-container, +.e-schedule-dialog.e-device.e-rtl .e-end-container, +.e-schedule-dialog.e-device.e-rtl .e-end-time-zone-container, +.e-schedule-dialog.e-device.e-rtl .e-all-day-container { + padding-right: 0; +} +.e-schedule-dialog.e-device.e-rtl .e-repeat-container { + padding-left: 35px; + padding-right: 0; +} +.e-schedule-dialog.e-device .e-recurrence-container { + position: relative; +} +.e-schedule-dialog.e-device .e-recurrence-container.e-hide { + display: none; +} +.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button { + border: 0; + box-shadow: none; + margin: -3px 5px; + position: absolute; +} +.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons { + font-size: 12px; + position: relative; + top: 1px; +} + +/*! schedule quick popup */ +.e-quick-popup-wrapper { + background: #212529; + border-radius: 6px; + box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175); + color: #fff; + max-width: 365px; + min-width: 320px; + opacity: 1; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + width: 100%; + border: 1px solid #444c54; +} +.e-quick-popup-wrapper .e-hidden { + display: none; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper { + position: absolute; + right: 6px; + top: 4px; + padding: 2px 8px 0 0; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close { + color: #adb5bd; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:focus, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:hover { + background: #212529; + color: #0d6efd; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit .e-close-icon, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete .e-close-icon, +.e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon { + font-size: 14px; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-content { + padding: 40px 18px 12px; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table { + width: 100%; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span { + margin: 14px 0 4px; +} +.e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject { + font-size: 22px; + height: 30px; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header { + background: #212529; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper { + padding: 6px 8px 0 0; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete { + display: none; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close { + position: relative; + right: 2px; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close { + color: #adb5bd; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover { + background: rgba(255, 255, 255, 0.15); + color: #0d6efd; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon { + font-size: 14px; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled:hover, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled:hover { + background: none; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-edit-icon, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:disabled > .e-delete-icon, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-edit-icon, +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:disabled > .e-delete-icon { + opacity: 0.5; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap { + padding: 12px 18px; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject { + background: rgba(13, 110, 253, 0.3); + border-left: 6px solid #0d6efd; + border-radius: 4px; + color: #fff; + cursor: default; + font-size: 20px; + font-weight: 500; + line-height: 1.5; + max-height: 87px; + padding: 8px; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-content { + padding: 0 18px 12px; +} +.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper, +.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper { + display: -ms-flexbox; + display: flex; + -ms-flex-pack: end; + justify-content: flex-end; +} +.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-edit, +.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-delete, +.e-quick-popup-wrapper .e-cell-popup .e-header-icon-wrapper .e-close, +.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-edit, +.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-delete, +.e-quick-popup-wrapper .e-event-popup .e-header-icon-wrapper .e-close { + background: transparent; + border: 0; +} +.e-quick-popup-wrapper .e-cell-popup .e-date-time, +.e-quick-popup-wrapper .e-cell-popup .e-location, +.e-quick-popup-wrapper .e-cell-popup .e-time-zone, +.e-quick-popup-wrapper .e-cell-popup .e-description, +.e-quick-popup-wrapper .e-cell-popup .e-resource, +.e-quick-popup-wrapper .e-event-popup .e-date-time, +.e-quick-popup-wrapper .e-event-popup .e-location, +.e-quick-popup-wrapper .e-event-popup .e-time-zone, +.e-quick-popup-wrapper .e-event-popup .e-description, +.e-quick-popup-wrapper .e-event-popup .e-resource { + color: #fff; + display: -ms-flexbox; + display: flex; + padding-top: 12px; +} +.e-quick-popup-wrapper .e-cell-popup .e-date-time-icon, +.e-quick-popup-wrapper .e-cell-popup .e-location-icon, +.e-quick-popup-wrapper .e-cell-popup .e-time-zone-icon, +.e-quick-popup-wrapper .e-cell-popup .e-description-icon, +.e-quick-popup-wrapper .e-cell-popup .e-resource-icon, +.e-quick-popup-wrapper .e-event-popup .e-date-time-icon, +.e-quick-popup-wrapper .e-event-popup .e-location-icon, +.e-quick-popup-wrapper .e-event-popup .e-time-zone-icon, +.e-quick-popup-wrapper .e-event-popup .e-description-icon, +.e-quick-popup-wrapper .e-event-popup .e-resource-icon { + color: #ced4da; + font-size: 16px; + padding: 2px 10px 0 0; +} +.e-quick-popup-wrapper .e-cell-popup .e-date-time-details, +.e-quick-popup-wrapper .e-cell-popup .e-location-details, +.e-quick-popup-wrapper .e-cell-popup .e-time-zone-details, +.e-quick-popup-wrapper .e-cell-popup .e-description-details, +.e-quick-popup-wrapper .e-cell-popup .e-resource-details, +.e-quick-popup-wrapper .e-event-popup .e-date-time-details, +.e-quick-popup-wrapper .e-event-popup .e-location-details, +.e-quick-popup-wrapper .e-event-popup .e-time-zone-details, +.e-quick-popup-wrapper .e-event-popup .e-description-details, +.e-quick-popup-wrapper .e-event-popup .e-resource-details { + color: #fff; + cursor: default; + font-size: 14px; +} +.e-quick-popup-wrapper .e-popup-table td:last-child { + padding-top: 0; +} +.e-quick-popup-wrapper .e-popup-footer { + display: block; + padding: 8px 18px 8px 18px; + text-align: right; +} +.e-quick-popup-wrapper .e-popup-footer .e-event-edit { + margin-right: 8px; +} +.e-quick-popup-wrapper .e-popup-footer .e-event-edit, +.e-quick-popup-wrapper .e-popup-footer .e-event-delete { + right: auto; +} +.e-quick-popup-wrapper .e-popup-footer .e-event-edit:disabled, +.e-quick-popup-wrapper .e-popup-footer .e-event-delete:disabled { + color: #fff; +} +.e-quick-popup-wrapper .e-popup-footer .e-event-details { + border: none; + margin-right: 8px; + right: auto; + text-transform: capitalize; +} +.e-quick-popup-wrapper .e-event-popup .e-popup-footer { + display: block; +} +.e-quick-popup-wrapper.e-rtl { + text-align: right; +} +.e-quick-popup-wrapper.e-rtl .e-cell-popup .e-header-icon-wrapper { + left: 6px; + right: auto; +} +.e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper, +.e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details, +.e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details, +.e-quick-popup-wrapper.e-rtl .e-popup-content .e-description-details, +.e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details { + margin-right: 10px; +} +.e-quick-popup-wrapper.e-rtl .e-event-details, +.e-quick-popup-wrapper.e-rtl .e-event-edit { + margin-left: 8px; +} +.e-quick-popup-wrapper.e-rtl .e-popup-footer { + padding: 8px 8px 8px 18px; + text-align: left; +} +.e-quick-popup-wrapper.e-rtl .e-date-time-icon { + padding: 0 0 0 10px; +} +.e-quick-popup-wrapper.e-device { + bottom: 0; + height: 100%; + left: 0; + margin: 0; + max-width: 100%; + overflow: hidden; + padding: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; + z-index: 1004; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper { + background: #212529; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:focus, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close:hover { + background: none; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-close.e-btn.e-small.e-round { + height: 2.5em; + width: 2.5em; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-edit, +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-delete { + display: block; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-close { + margin-left: 0; + margin-right: auto; + -ms-flex-order: -1; + order: -1; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-subject-wrap { + padding: 12px 24px; +} +.e-quick-popup-wrapper.e-device .e-event-popup .e-popup-content { + padding: 12px 24px; +} +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header { + display: -ms-flexbox; + display: flex; + padding: 15px; +} +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete { + background: #212529; + border: 0; + color: #adb5bd; + height: 35px; + width: 35px; +} +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:hover, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:focus, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete:hover { + background: none; +} +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject { + font-size: 15px; + font-weight: 500; + height: 35px; + line-height: 2.25; + padding: 0 5px; + width: calc(100% - 105px); +} +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon, +.e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon { + font-size: 14px; +} +.e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close { + margin-left: auto; + margin-right: 0; +} + +/*! schedule quick popup for smaller viewports */ +@media screen and (max-width: 320px) { + .e-quick-popup-wrapper { + min-width: 100%; + } + .e-quick-popup-wrapper .e-popup-footer { + padding-left: 5px; + } + .e-quick-popup-wrapper.e-rtl .e-popup-footer { + padding-right: 5px; + } +} +.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject { + font-size: 24px; +} +.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content { + padding: 48px 24px 16px; +} +.e-bigger .e-quick-popup-wrapper .e-popup-footer { + padding: 8px 18px 8px 18px; +} +.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon, +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon { + padding-right: 16px; +} +.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon { + font-size: 16px; +} +.e-bigger .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-date-time-icon { + padding-right: 0; +} +.e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon { + padding-right: 16px; +} +.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round { + height: 2em; + width: 2em; +} +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round, +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round, +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round { + height: 2em; + width: 2em; +} +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon, +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon, +.e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon { + font-size: 24px; +} +.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon, +.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon, +.e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon { + font-size: 14px; +} +.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round, +.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round, +.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round { + height: 30px; +} +.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject { + padding: 1px 5px; +} + +.e-bigger .e-agenda-view .e-appointment { + padding: 0 14px; +} +.e-bigger .e-agenda-view .e-subject { + font-size: 16px; +} +.e-bigger .e-agenda-view .e-date-time { + font-size: 14px; +} +.e-bigger .e-agenda-view .e-day-date-header .e-m-date { + font-size: 20px; +} +.e-bigger .e-agenda-view .e-day-date-header .e-m-day { + font-size: 14px; +} + +.e-bigger .e-timeline-view .e-resource-text { + font-size: 14px; + padding-left: 12px; +} +.e-bigger .e-timeline-view .e-navigate { + font-size: 16px; + padding: 8px 0 8px 8px; +} +.e-bigger .e-timeline-view .e-date-header-wrap table tbody td > span { + font-size: 16px; + padding: 8px 0 8px 8px; +} + +.e-appointment.e-schedule-event-clone { + background: #0d6efd; + border-radius: 2px; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); + color: #fff; + display: -ms-flexbox; + display: flex; + height: 38px; + width: 100px; + z-index: 9; +} +.e-appointment.e-schedule-event-clone.e-drag-clone { + cursor: move; +} +.e-appointment.e-schedule-event-clone .e-recurrence-icon, +.e-appointment.e-schedule-event-clone .e-recurrence-edit-icon, +.e-appointment.e-schedule-event-clone .e-indicator.e-left-icon, +.e-appointment.e-schedule-event-clone .e-indicator.e-right-icon, +.e-appointment.e-schedule-event-clone .e-event-resize.e-left-handler, +.e-appointment.e-schedule-event-clone .e-event-resize.e-right-handler { + display: none; +} +.e-appointment.e-schedule-event-clone .e-appointment-details { + -ms-flex: auto; + flex: auto; + overflow: hidden; + padding: 0 4px; + text-align: left; +} +.e-appointment.e-schedule-event-clone .e-appointment-details .e-inner-wrap { + -ms-flex: auto; + flex: auto; + overflow: hidden; +} +.e-appointment.e-schedule-event-clone .e-appointment-details .e-subject { + font-size: 13px; + font-weight: 500; + line-height: 1.2; + margin-left: auto; + min-height: 18px; + overflow: hidden; + padding-top: 4px; + text-overflow: ellipsis; +} +.e-appointment.e-schedule-event-clone .e-appointment-details .e-time { + font-size: 11px; + overflow: hidden; + padding-top: 1px; + text-overflow: ellipsis; +} +.e-appointment.e-schedule-event-clone .e-appointment-details .e-location { + display: none; +} +.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-subject { + padding: 3px 2px; +} +.e-appointment.e-schedule-event-clone.e-month-event .e-appointment-details .e-time { + display: none; +} + +.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-subject { + padding: 3px 0 1px 4px; +} +.e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-schedule-event-clone .e-appointment-details .e-time { + display: none; +} + +.e-bigger .e-schedule .e-month-view .e-current-date .e-date-header { + width: 26px; +} + +.e-bigger .e-more-popup-wrapper, +.e-more-popup-wrapper { + background: #212529; + border: 1px solid #444c54; + border-radius: 6px; + box-shadow: none; + opacity: 1; + padding: 8px 0; + width: 225px; +} +.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper, +.e-more-popup-wrapper .e-more-appointment-wrapper { + margin: 0 4px; +} +.e-bigger .e-more-popup-wrapper .e-more-event-popup, +.e-more-popup-wrapper .e-more-event-popup { + height: 100%; + position: relative; + width: 100%; +} +.e-bigger .e-more-popup-wrapper .e-more-event-header, +.e-more-popup-wrapper .e-more-event-header { + height: 35px; + margin: 0 8px 4px 14px; +} +.e-bigger .e-more-popup-wrapper .e-more-event-content, +.e-more-popup-wrapper .e-more-event-content { + color: #fff; + height: calc(100% - 35px); + max-height: 150px; + overflow-y: auto; + padding: 10px 10px 0; +} +.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border, +.e-more-popup-wrapper .e-more-event-content .e-appointment-border { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-bigger .e-more-popup-wrapper .e-more-event-date-header, +.e-more-popup-wrapper .e-more-event-date-header { + height: 100%; + width: calc(100% - 25px); +} +.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date, +.e-more-popup-wrapper .e-more-event-date-header .e-current-date { + color: #0d6efd; +} +.e-bigger .e-more-popup-wrapper .e-header-day, +.e-more-popup-wrapper .e-header-day { + color: #fff; + font-size: 14px; + line-height: 1; + padding-bottom: 2px; +} +.e-bigger .e-more-popup-wrapper .e-header-date, +.e-more-popup-wrapper .e-header-date { + color: #fff; + font-size: 16px; + line-height: 1; + max-width: 15%; +} +.e-bigger .e-more-popup-wrapper .e-header-date:hover, +.e-more-popup-wrapper .e-header-date:hover { + cursor: pointer; + text-decoration: underline; +} +.e-bigger .e-more-popup-wrapper .e-header-date:focus, +.e-more-popup-wrapper .e-header-date:focus { + text-decoration: underline; +} +.e-bigger .e-more-popup-wrapper .e-more-event-close, +.e-more-popup-wrapper .e-more-event-close { + background: transparent; + border: 0; + box-shadow: none; + color: #adb5bd; + cursor: pointer; + height: 25px; + padding: unset; + position: absolute; + right: 6px; + width: 25px; +} +.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon, +.e-more-popup-wrapper .e-more-event-close .e-close-icon { + font-size: 14px; +} +.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon, +.e-more-popup-wrapper .e-more-event-close .e-btn-icon { + margin-top: 3px; +} +.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover, +.e-more-popup-wrapper .e-more-event-close:focus, +.e-more-popup-wrapper .e-more-event-close:hover { + background: #212529; + border-radius: 50%; + color: #0d6efd; +} +.e-bigger .e-more-popup-wrapper .e-appointment, +.e-more-popup-wrapper .e-appointment { + background: #0d6efd; + border-radius: 2px; + color: #fff; + display: -ms-flexbox; + display: flex; + height: 26px; + line-height: 18px; + margin-bottom: 2px; + padding: 2px 0; + width: 100%; +} +.e-bigger .e-more-popup-wrapper .e-appointment .e-subject, +.e-more-popup-wrapper .e-appointment .e-subject { + color: #fff; + -ms-flex: auto; + flex: auto; + font-size: 13px; + font-weight: 500; + overflow: hidden; + padding: 0 2px; + text-overflow: ellipsis; + white-space: nowrap; +} +.e-bigger .e-more-popup-wrapper .e-appointment .e-subject.e-disable, +.e-more-popup-wrapper .e-appointment .e-subject.e-disable { + display: none; +} +.e-bigger .e-more-popup-wrapper .e-appointment .e-inline-subject, +.e-more-popup-wrapper .e-appointment .e-inline-subject { + background: transparent; + border: 0; + color: #fff; + font-size: 13px; + font-weight: 500; + line-height: 1.2; + padding-top: 4px; + width: 100%; +} +.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon, +.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon, +.e-more-popup-wrapper .e-appointment .e-recurrence-icon, +.e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon { + line-height: 26px; + padding: 0 2px; +} +.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus, +.e-more-popup-wrapper .e-appointment.e-appointment-border, +.e-more-popup-wrapper .e-appointment:focus { + border: 0; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15); +} +.e-bigger .e-more-popup-wrapper.e-device, +.e-more-popup-wrapper.e-device { + bottom: 0; + height: 100%; + left: 0; + margin: 0; + max-width: 100%; + overflow: hidden; + right: 0; + top: 0; + width: 100%; + z-index: 1002; +} +.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content, +.e-more-popup-wrapper.e-device .e-more-event-content { + max-height: unset; +} +.e-bigger .e-more-popup-wrapper.e-rtl .e-header-date, +.e-more-popup-wrapper.e-rtl .e-header-date { + padding-right: 10px; +} +.e-bigger .e-more-popup-wrapper.e-rtl .e-header-day, +.e-more-popup-wrapper.e-rtl .e-header-day { + padding-right: 10px; +} +.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close, +.e-more-popup-wrapper.e-rtl .e-more-event-close { + left: 6px; + right: auto; +} + +/*! schedule component theme */ +.e-schedule { + background: #212529; + border: 1px solid #444c54; +} +.e-schedule .e-date-header-wrap { + border-color: #444c54; + border-style: solid; + border-width: 0; + position: relative; +} +.e-schedule .e-header-calendar { + background-color: #343a40; + box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175); +} +.e-schedule .e-vertical-view .e-date-header-wrap table tbody td:first-child, +.e-schedule .e-vertical-view .e-content-wrap table td:first-child { + border-left-width: 0; +} +.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells { + background: #212529; +} +.e-schedule .e-vertical-view .e-date-header-wrap .e-all-day-cells:hover { + background: #23282c; +} +.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #e9ecef; +} +.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells { + border-bottom-width: 0; +} +.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-header-cells.e-week-number { + color: #ced4da; + font-size: 14px; + padding-top: 10px; + text-align: center; + vertical-align: top; +} +.e-schedule .e-vertical-view .e-left-indent-wrap table tbody td.e-resource-cells { + border-bottom-color: transparent; +} +.e-schedule .e-vertical-view .e-date-header-wrap table tbody td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #e9ecef; + text-align: left; +} +.e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells { + border-bottom-width: 0; +} +.e-schedule .e-vertical-view .e-time-cells-wrap table td { + background: #343a40; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #ced4da; +} +.e-schedule .e-vertical-view .e-time-cells-wrap table td { + border-bottom-color: transparent; +} +.e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells { + border-bottom-color: transparent; +} +.e-schedule .e-vertical-view .e-header-cells { + background: #212529; +} +.e-schedule .e-vertical-view .e-header-cells.e-current-day { + color: #0d6efd; + font-weight: 400; +} +.e-schedule .e-vertical-view .e-work-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + padding: 0; +} +.e-schedule .e-vertical-view .e-work-cells:hover { + background: #23282c; + color: #fff; +} +.e-schedule .e-vertical-view .e-alternate-cells { + border-bottom-style: dotted; +} +.e-schedule .e-vertical-view .e-work-hours { + background: #212529; +} +.e-schedule .e-vertical-view .e-all-day-cells { + background: #212529; +} +.e-schedule .e-vertical-view .e-all-day-cells.e-current-day { + color: #0d6efd; +} +.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover { + background: #343a40; + color: #212529; +} +.e-schedule .e-vertical-view .e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-vertical-view .e-selected-cell:hover { + background: #343a40; + color: #212529; +} +.e-schedule .e-vertical-view .e-clone-time-indicator, +.e-schedule .e-vertical-view .e-current-time { + color: #0d6efd; +} +.e-schedule .e-vertical-view .e-current-timeline { + border-top: 1px solid #0d6efd; +} +.e-schedule .e-vertical-view .e-previous-timeline { + border-top: 1px dotted #0d6efd; +} +.e-schedule .e-vertical-view.e-by-date .e-date-header-wrap table tbody td.e-header-cells { + border-bottom-width: 1px; +} +.e-schedule .e-month-view .e-date-header-wrap table td:first-child, +.e-schedule .e-month-view .e-content-wrap table td:first-child { + border-left-width: 0; +} +.e-schedule .e-month-view .e-date-header-wrap table td, +.e-schedule .e-month-agenda-view .e-date-header-wrap table td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #e9ecef; + font-size: 16px; + text-align: left; + text-transform: none; +} +.e-schedule .e-month-view .e-date-header-wrap table td.e-current-day, +.e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day { + color: #0d6efd; + font-weight: 400; +} +.e-schedule .e-month-view .e-work-cells, +.e-schedule .e-month-agenda-view .e-work-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #fff; + padding: 0; +} +.e-schedule .e-month-view .e-work-cells:hover, +.e-schedule .e-month-agenda-view .e-work-cells:hover { + background: #23282c; + color: #fff; +} +.e-schedule .e-month-view .e-work-days, +.e-schedule .e-month-agenda-view .e-work-days { + background: #212529; +} +.e-schedule .e-month-view .e-other-month, +.e-schedule .e-month-agenda-view .e-other-month { + color: #ced4da; +} +.e-schedule .e-month-view .e-current-date .e-date-header, +.e-schedule .e-month-agenda-view .e-current-date .e-date-header { + background: #0d6efd; + border-radius: 50%; + color: #212529; + min-width: 20px; + padding: 0 4px; + width: fit-content; +} +.e-schedule .e-month-view .e-selected-cell, +.e-schedule .e-month-agenda-view .e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-month-view .e-selected-cell .e-date-header, +.e-schedule .e-month-agenda-view .e-selected-cell .e-date-header { + color: transparent; +} +.e-schedule .e-month-view .e-selected-cell .e-more-indicator, +.e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator { + color: #fff; +} +.e-schedule .e-month-view .e-selected-cell:hover, +.e-schedule .e-month-agenda-view .e-selected-cell:hover { + background: #343a40; +} +.e-schedule .e-month-agenda-view .e-content-wrap .e-table-container { + overflow: auto; +} +.e-schedule .e-month-agenda-view .e-date-header-wrap table td { + border-width: 0 0 1px 0; + text-align: center; +} +.e-schedule .e-month-agenda-view .e-work-cells { + border-width: 0; +} +.e-schedule .e-month-agenda-view .e-current-date .e-date-header { + min-width: 24px; +} +.e-schedule .e-timeline-view .e-date-header-wrap table td:first-child, +.e-schedule .e-timeline-view .e-content-wrap table td:first-child, +.e-schedule .e-timeline-month-view .e-date-header-wrap table td:first-child, +.e-schedule .e-timeline-month-view .e-content-wrap table td:first-child { + border-left-width: 0; +} +.e-schedule .e-timeline-view .e-content-wrap table tr:last-child td, +.e-schedule .e-timeline-month-view .e-content-wrap table tr:last-child td { + border-bottom-width: 0; +} +.e-schedule .e-timeline-view .e-date-header-wrap table td, +.e-schedule .e-timeline-month-view .e-date-header-wrap table td { + background: #212529; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #e9ecef; +} +.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day, +.e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day { + color: #0d6efd; + font-weight: 400; +} +.e-schedule .e-timeline-view .e-work-cells, +.e-schedule .e-timeline-month-view .e-work-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 0 1px 1px; + color: #fff; + padding: 0; +} +.e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells), +.e-schedule .e-timeline-month-view .e-work-cells:hover:not(.e-resource-group-cells) { + background: #23282c; + color: #fff; +} +.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover, +.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover { + background: #343a40; +} +.e-schedule .e-timeline-view .e-work-days, +.e-schedule .e-timeline-month-view .e-work-days { + background: #212529; +} +.e-schedule .e-timeline-view .e-resource-group-cells, +.e-schedule .e-timeline-month-view .e-resource-group-cells { + background: #282d31; +} +.e-schedule .e-timeline-view .e-selected-cell, +.e-schedule .e-timeline-month-view .e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-timeline-view .e-selected-cell:hover:not(.e-resource-group-cells), +.e-schedule .e-timeline-month-view .e-selected-cell:hover:not(.e-resource-group-cells) { + background: #343a40; +} +.e-schedule .e-timeline-view .e-work-hours { + background: #212529; +} +.e-schedule .e-timeline-view .e-resource-group-cells { + background: #282d31; +} +.e-schedule .e-timeline-view .e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-timeline-view .e-selected-cell:hover { + background: #343a40; +} +.e-schedule .e-timeline-view .e-alternate-cells { + border-left-style: dotted; +} +.e-schedule .e-timeline-view .e-header-row .e-time-cells { + border-left-width: 0; +} +.e-schedule .e-timeline-view .e-clone-time-indicator, +.e-schedule .e-timeline-view .e-current-time { + color: #0d6efd; + font-size: 10px; +} +.e-schedule .e-timeline-view .e-current-timeline { + border-left: 1px solid #0d6efd; +} +.e-schedule .e-timeline-year-view .e-work-cells { + background: #282d31; + border-color: #444c54; + border-style: solid; + border-width: 0 1px 1px 0; + color: #fff; + padding: 0; +} +.e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) { + background: #23282c; + color: #fff; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-work-days { + background: #212529; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-other-month { + color: #ced4da; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header { + background: #0d6efd; + border-radius: 50%; + color: #212529; + margin: 2px; + width: 20px; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell { + background: #343a40; + color: #fff; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header { + color: #fff; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator { + color: #fff; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover { + background: #343a40; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates { + background: #343a40; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header { + cursor: default; + opacity: 0.35; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover { + text-decoration: none; +} +.e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover { + background: #343a40; +} +.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells { + background: #343a40; + box-shadow: inset 0 0 0 8px #282d31; +} +.e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover { + background: #343a40; +} +.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child, +.e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child { + border-right-width: 0; +} +.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td { + text-align: right; +} +.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td, +.e-schedule.e-rtl .e-vertical-view .e-work-cells { + border-width: 0 1px 1px 0; +} +.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap .e-header-cells, +.e-schedule.e-rtl .e-vertical-view .e-date-header-wrap .e-header-cells { + border-bottom-width: 0; +} +.e-schedule.e-rtl .e-vertical-view .e-left-indent-wrap table tbody td, +.e-schedule.e-rtl .e-vertical-view .e-time-cells-wrap table tbody td { + border-width: 0 0 1px 1px; +} +.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td:first-child, +.e-schedule.e-rtl .e-month-view .e-content-wrap table td:first-child { + border-right-width: 0; +} +.e-schedule.e-rtl .e-month-view .e-date-header-wrap table td { + text-align: right; + border-width: 0 1px 1px 0; +} +.e-schedule.e-rtl .e-month-view .e-work-cells, +.e-schedule.e-rtl .e-month-agenda-view .e-work-cells { + border-width: 0 1px 1px 0; +} +.e-schedule.e-rtl .e-month-agenda-view .e-work-cells { + border-width: 0; +} +.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:first-child, +.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:first-child, +.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:first-child, +.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:first-child { + border-right-width: 0; +} +.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td:last-child, +.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td:last-child, +.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td:last-child, +.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td:last-child { + border-left-width: 0; +} +.e-schedule.e-rtl .e-timeline-view .e-date-header-wrap table td, +.e-schedule.e-rtl .e-timeline-view .e-content-wrap table td, +.e-schedule.e-rtl .e-timeline-month-view .e-date-header-wrap table td, +.e-schedule.e-rtl .e-timeline-month-view .e-content-wrap table td { + border-width: 0 1px 1px 0; +} +.e-schedule.e-rtl .e-timeline-view .e-alternate-cells { + border-right-style: dotted; +} +.e-schedule.e-rtl .e-timeline-view .e-header-row .e-time-cells { + border-right-width: 0; +} + +.e-tooltip-wrap.e-schedule-error { + background: #fadfe2; + border-color: #fadfe2; + z-index: 1000; +} +.e-tooltip-wrap.e-schedule-error .e-arrow-tip.e-tip-top { + left: 44%; +} +.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-top, +.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-top { + border-bottom: 8px solid #fadfe2; + color: #fadfe2; +} +.e-tooltip-wrap.e-schedule-error .e-arrow-tip-outer.e-tip-bottom, +.e-tooltip-wrap.e-schedule-error .e-arrow-tip-inner.e-tip-bottom { + border-top: 8px solid #fadfe2; + color: #fadfe2; +} +.e-tooltip-wrap.e-schedule-error .e-tip-content { + padding: 3px 6px; +} +.e-tooltip-wrap.e-schedule-error .e-tip-content, +.e-tooltip-wrap.e-schedule-error .e-tip-content label { + color: #dc3545; +} + +/*! recurrence editor theme wise definitions*/ +/*! Recurrence-Editor component layout */ +.e-recurrenceeditor .e-editor { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin: 0 auto; + max-width: 1240px; +} +.e-recurrenceeditor .e-recurrence-table { + table-layout: fixed; + width: 100%; +} +.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child { + width: 27%; +} +.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child { + width: 24%; +} +.e-recurrenceeditor .e-recurrence-table .e-repeat-content { + display: inline-block; + font-weight: normal; + padding: 18px 0 0 8px; +} +.e-recurrenceeditor .e-recurrence-table .e-input-wrapper { + float: none; + width: 100%; +} +.e-recurrenceeditor .e-recurrence-table .e-week-position { + min-width: 98px; + position: relative; + right: 20px; +} +.e-recurrenceeditor .e-recurrence-table .e-day-position { + min-width: 120px; +} +.e-recurrenceeditor .e-recurrence-table .e-monthday-element { + padding-left: 10px; +} +.e-recurrenceeditor .e-input-wrapper-side.e-form-left { + padding: 0 8px 16px 0; +} +.e-recurrenceeditor .e-form-left { + padding: 0 8px 16px 0; +} +.e-recurrenceeditor .e-form-right, +.e-recurrenceeditor .e-input-wrapper-side.e-form-right { + padding: 0 0 10px; +} +.e-recurrenceeditor .e-input-wrapper { + float: left; + width: 50%; +} +.e-recurrenceeditor .e-input-wrapper div { + margin-bottom: 2.5%; +} +.e-recurrenceeditor .e-input-wrapper.e-end-on-date, +.e-recurrenceeditor .e-input-wrapper.e-end-on-count { + padding-right: 0; + margin-top: 24px; +} +.e-recurrenceeditor.e-rtl .e-end-on > div, +.e-recurrenceeditor.e-rtl .e-month-expander > div > div { + float: right; +} +.e-recurrenceeditor.e-rtl .e-form-left, +.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left { + padding: 0 0 10px 8px; +} +.e-recurrenceeditor.e-rtl .e-form-right, +.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right { + padding: 0 8px 10px 0; +} +.e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element { + position: relative; + right: 10px; +} +.e-recurrenceeditor.e-rtl .e-week-position { + left: 20px; + right: 0; +} +.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label, +.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label { + padding-right: 0; +} +.e-recurrenceeditor.e-rtl .e-end-on-label { + margin-bottom: 5px; +} +.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left { + padding: 0 0 0 8px; +} +.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date, +.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count { + padding: 0 8px 0 0; +} +.e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child { + width: 30px; +} +.e-recurrenceeditor .e-days .e-week-expander-label { + font-size: 12px; + font-weight: 500; + margin-bottom: 8px; +} +.e-recurrenceeditor .e-days button { + border-radius: 50%; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + height: 35px; + margin: 0 8px 10px; + width: 35px; +} +.e-recurrenceeditor .e-hide-recurrence-element { + display: none; +} +.e-recurrenceeditor .e-half-space { + width: 20%; +} +.e-recurrenceeditor .e-year-expander { + margin-bottom: 11px; +} +.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper { + padding-bottom: 11px; +} +.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper { + padding-top: 3px; +} +.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label { + display: none; +} +.e-recurrenceeditor .e-input-wrapper-side { + float: left; + padding: 16px 20px 0; + width: 50%; +} +.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 16px; +} +.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper { + margin: 0; +} +.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label { + font-size: 12px; + font-weight: 500; + margin-bottom: 5px; + padding-right: 16px; +} +.e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left { + padding-bottom: 6px; +} +.e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left { + padding-bottom: 12px; +} +.e-recurrenceeditor .e-input-wrapper-side.e-form-right { + margin-bottom: 11px; +} + +.e-bigger .e-recurrenceeditor { + padding: 0; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left { + padding: 0 12px 11px 0; +} +.e-bigger .e-recurrenceeditor .e-form-left { + padding: 0 12px 14px 0; +} +.e-bigger .e-recurrenceeditor .e-form-right, +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right { + padding: 0 0 10px; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left { + padding-bottom: 6px; +} +.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element { + padding-left: 70px; +} +.e-bigger .e-recurrenceeditor .e-week-position { + min-width: 130px; + right: 0; +} +.e-bigger .e-recurrenceeditor .e-day-position { + min-width: 190px; + padding-left: 54px; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label { + font-size: 16px; + margin-bottom: 0; + font-weight: 500; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 16px; +} +.e-bigger .e-recurrenceeditor .e-end-on-label { + margin-bottom: 0; +} +.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label { + font-size: 16px; + margin-bottom: 8px; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left { + padding-bottom: 12px; +} +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label { + font-size: 16px; + margin-bottom: 1px; +} +.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper, +.e-bigger .e-recurrenceeditor .e-year-expander, +.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right { + margin-bottom: 11px; +} +.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child { + width: 30px; +} +.e-bigger .e-recurrenceeditor .e-days button { + height: 40px; + width: 40px; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-form-left, +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left { + padding: 0 0 10px 12px; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-form-right, +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right { + padding: 0 12px 10px 0; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element, +.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position { + padding: 0 64px 0 0; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label, +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label { + padding-right: 0; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label { + margin-bottom: 5px; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left { + padding: 0 0 0 12px; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date, +.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count { + padding: 0 12px 0 0; +} +.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position { + left: 0; +} + +.e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child { + width: 25%; +} +.e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child { + width: 20%; +} +.e-device .e-recurrenceeditor .e-week-expander-label { + margin-bottom: 6px; +} +.e-device .e-recurrenceeditor .e-month-expander-label { + font-size: 12px; + margin-bottom: 5px; +} +.e-device .e-recurrenceeditor .e-footer-content { + padding: 12px; +} +.e-device .e-recurrenceeditor .e-form-left, +.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left { + padding: 0 3px 10px 0; +} +.e-device .e-recurrenceeditor .e-form-right, +.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right { + padding: 0 0 10px 3px; +} +.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date, +.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count { + padding: 0 0 0 10px; +} +.e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 10px; +} +.e-device .e-recurrenceeditor.e-end-on { + padding-right: 0; +} +.e-device .e-recurrenceeditor.e-end-on .e-end-on-label { + float: none; + font-size: 12px; + font-weight: 500; + margin-bottom: 7px; +} +.e-device .e-recurrenceeditor.e-end-on .e-end-on-left { + padding-right: 0; +} +.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element, +.e-device .e-recurrenceeditor .e-recurrence-table .e-day-position { + padding-left: 20px; +} +.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element { + margin-left: 20px; +} +.e-device .e-recurrenceeditor .e-week-position { + right: 0; + padding-right: 10px; +} +.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 0; +} +.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date, +.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count { + padding: 0 10px 0 0; +} +.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element { + padding: 0 20px 0 0; +} +.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position { + padding: 0 50px 0 0; +} +.e-device .e-recurrenceeditor.e-rtl .e-week-position { + left: 0; +} +.e-device.e-recurrence-dialog .e-dlg-header-content { + background: none; + box-shadow: none; + padding-bottom: 10px; +} +.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label { + margin-bottom: 7px; +} +.e-device.e-recurrence-dialog .e-footer-content { + padding: 16px 8px; +} + +@media (max-width: 1024px) { + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on { + width: 100%; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week { + width: 65%; + } +} +@media (max-width: 580px) { + .e-recurrenceeditor { + margin-left: auto; + margin-right: auto; + width: 100%; + } + .e-recurrenceeditor .e-editor { + -ms-flex-direction: column; + flex-direction: column; + } + .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left { + margin-top: 0; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label, + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label { + margin-bottom: 5px; + } + .e-recurrenceeditor .e-editor > div { + margin-top: 20px; + } + .e-recurrenceeditor .e-editor > .e-input-wrapper { + width: 100%; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on { + width: 100%; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper { + width: 50%; + } + .e-recurrenceeditor .e-editor .e-form-left, + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left { + padding: 0 0 10px; + } + .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date, + .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count { + padding: 0 0 0 10px; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 10px; + } + .e-recurrenceeditor .e-editor .e-form-right, + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right { + padding-left: 0; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days { + width: 100%; + } + .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week { + width: 65%; + } + .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position { + padding-left: 50px; + } + .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left { + padding-right: 0; + } + .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date, + .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count { + padding: 0 10px 0 0; + } +} + +.e-schedule { + border-radius: 12px; +} + +.e-appointment { + background: hsl(240 6% 10%) !important; + border-radius: 12px !important; + border: 1px solid #6EE7B7 !important; + padding: 2px !important; +} + +.e-appointment .e-location { + display: none; +} + +.e-appointment .e-recurrence-icon { + display: none !important; +} + +.e-schedule .e-content-wrap { + background-color: #18181B !important; +} + +.e-schedule .e-schedule-toolbar { + background-color: #18181B !important; +} + +.e-schedule .e-work-hours { + background-color: #18181B !important; +} + +.e-schedule .e-work-cells { + background-color: #18181B !important; + border-color: #27272A !important; +} + +.e-schedule .e-time-cells, +.e-schedule .e-time-slots, +.e-schedule .e-header-cells { + background-color: #18181B !important; +} + +.e-schedule .e-current-day { + color: hsl(217.2 91.2% 59.8%) !important; } \ No newline at end of file