UNPKG

@syncfusion/ej2-calendars

Version:

A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.

1,449 lines (1,428 loc) 46.9 kB
/*! calendar bootstrap5 theme variables */ /*! component icons */ .e-calendar .e-header .e-date-icon-prev::before { content: "\e7df"; } .e-calendar .e-header .e-date-icon-next::before { content: "\e7d8"; } /*! calendar layout */ ejs-calendar { display: block; } .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next { cursor: default; pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar.e-disabled .e-header .e-title { cursor: default; pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar.e-disabled .e-content td { pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar.e-disabled .e-btn.e-today { pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar { /* stylelint-disable property-no-vendor-prefix */ -webkit-tap-highlight-color: transparent; border-radius: 0; display: block; overflow: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-calendar.e-rtl .e-header .e-title { float: right; text-align: right; } .e-calendar.e-rtl .e-header .e-icon-container { float: left; } .e-calendar .e-header { background: none; display: table; font-weight: 400; position: relative; text-align: center; width: 100%; } .e-calendar .e-header button { background: transparent; border: 0; margin-right: 2px; padding: 0; text-decoration: none; } .e-calendar .e-header span { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; padding: 5px; vertical-align: middle; } .e-calendar .e-header span.e-disabled { cursor: default; } .e-calendar .e-week-header { padding: 0 0 6px; } .e-calendar th { cursor: default; font-size: 12px; font-weight: normal; text-align: center; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day { border-radius: 0; cursor: pointer; display: inline-block; font-size: 12px; overflow: hidden; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; } .e-calendar .e-content th, .e-calendar .e-content td { -webkit-box-sizing: border-box; box-sizing: border-box; } .e-calendar .e-content td.e-disabled { opacity: 1; pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar .e-content td { cursor: pointer; padding: 0; text-align: center; } .e-calendar .e-content td.e-week-number { color: #a19f9d; font-size: 14px; font-style: 400; font-weight: 400; background-color: #201f1e; border-right: 1px solid #a19f9d; } .e-calendar .e-content td.e-overlay { background: none; width: initial; } .e-calendar .e-content table { border-collapse: separate; border-spacing: 0; border-width: 0; float: left; margin: 0; outline: 0; padding: 0 12px 0 12px; table-layout: fixed; width: 100%; } .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day { display: inline-block; font-weight: 400; } .e-calendar .e-content tr.e-month-hide { display: none; font-weight: 400; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year { pointer-events: initial; -ms-touch-action: initial; touch-action: initial; } .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled { pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover { background-color: #252423; cursor: default; background-color: #201f1e; } .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next { border-radius: 0; display: inline-block; font-size: 14px; vertical-align: middle; } .e-calendar .e-header .e-title { cursor: pointer; display: inline-block; float: left; font-size: 14px; font-weight: 600; text-align: left; padding: 0 5px; border: none; border-radius: 2px; } .e-calendar .e-header .e-title { margin-left: 6px; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover { cursor: pointer; } .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay { background: none; } .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title { margin-left: 9px; } .e-calendar .e-header.e-decade .e-title { cursor: default; } .e-calendar .e-header .e-icon-container { display: inline-block; float: right; padding-top: 0; } .e-calendar .e-footer-container { text-transform: uppercase; } .e-calendar { border-spacing: 0; max-width: 222.5px; min-width: 222.5px; padding: 0; } .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-calendar.e-week-number { min-width: 298px; } .e-calendar.e-week { max-width: 294px; min-width: 288px; } .e-calendar .e-header .e-title { line-height: 28px; } .e-calendar.e-rtl .e-header .e-title { text-align: right; text-indent: 4px; } .e-calendar .e-header { height: 28px; } .e-calendar .e-header.e-month { padding: 12px 12px 4px 12px; } .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade { padding: 14px 12px 4px 12px; } .e-calendar th { font-weight: 400; height: 28px; text-transform: none; } .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-calendar .e-content span.e-day { border: none; font-size: 12px; font-weight: 400; height: 28px; line-height: 28px; width: 28px; } .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 25px; } .e-calendar .e-content td.e-today span.e-day { height: 25px; width: 25px; line-height: 25px; } .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table { border-spacing: 0; padding: 0 8px 0 8px; } .e-calendar .e-content.e-month td { height: 28px; padding: 0; } .e-calendar .e-content .tfooter > tr > td { height: 36px; line-height: 36px; } .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td { height: 40px; padding: 2px; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day { font-weight: 400; height: 40px; line-height: 40px; width: 40px; } .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date) > span.e-day, .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day, .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day, .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day { -webkit-box-shadow: none; box-shadow: none; } .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next { height: 28px; width: 28px; } .e-calendar .e-footer-container { background-color: transparent; border-top: 0 solid #292827; text-align: center; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px; width: 100%; } .e-small.e-calendar, .e-small .e-calendar { max-width: 194px; min-width: 194px; padding: 0; min-height: 220px; } .e-small.e-calendar.e-calendar-day-header-lg, .e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-small.e-calendar.e-week-number .e-content table, .e-small .e-calendar.e-week-number .e-content table { padding: 0 5px; } .e-small.e-calendar .e-content span.e-day, .e-small .e-calendar .e-content span.e-day { font-size: 12px; height: 24px; line-height: 24px; width: 24px; } .e-small.e-calendar .e-content.e-month td.e-today span.e-day, .e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 21px; } .e-small.e-calendar .e-content td.e-today span.e-day, .e-small .e-calendar .e-content td.e-today span.e-day { height: 21px; width: 21px; line-height: 21px; } .e-small.e-calendar .e-content.e-month td, .e-small .e-calendar .e-content.e-month td { height: 24px; } .e-small.e-calendar .e-header, .e-small .e-calendar .e-header { height: 28px; } .e-small.e-calendar .e-header button span, .e-small .e-calendar .e-header button span { font-size: 12px; padding: 0; line-height: 14px; } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { font-size: 12px; line-height: 28px; } .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next, .e-small .e-calendar .e-header .e-icon-container .e-prev, .e-small .e-calendar .e-header .e-icon-container .e-next { height: 26px; width: 26px; } .e-small.e-calendar th, .e-small .e-calendar th { font-size: 12px; height: 26px; } .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active { background: #252423; border-color: #323130; -webkit-box-shadow: none; box-shadow: none; color: #484644; cursor: default; opacity: 1; outline: none; pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 250px 336px; min-height: 336px; } .e-calendar { background-color: #252423; border: 1px solid #292827; -webkit-box-shadow: none; box-shadow: none; } .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next { color: #a19f9d; } .e-calendar th { border-bottom: 0; color: #f3f2f1; } .e-calendar .e-header { border-bottom: 0; } .e-calendar .e-header a span { border: none; color: #d2d0ce; } .e-calendar .e-header .e-title { color: #f3f2f1; } .e-calendar .e-header .e-title:hover { background: #252423; cursor: pointer; text-decoration: none; } .e-calendar .e-header .e-title:focus { -webkit-box-shadow: 0 0 0 1px #a19f9d; box-shadow: 0 0 0 1px #a19f9d; background: none; text-decoration: none; } .e-calendar .e-header .e-title:active { -webkit-box-shadow: none; box-shadow: none; background: #252423; text-decoration: none; } .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span { border: #252423; color: #fff; cursor: pointer; } .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover { background: #252423; } .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus { -webkit-box-shadow: 0 0 0 1px #a19f9d; box-shadow: 0 0 0 1px #a19f9d; } .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active { background: #8a8886; color: #f3f2f1; } .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span { border: none; color: #fff; } .e-calendar .e-header.e-decade .e-title { color: #d2d0ce; cursor: default; } .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span { color: #605e5c; font-weight: 400; } .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled { opacity: 1; } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day { color: #c8c6c4; } .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day { color: #f3f2f1; } .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day { color: #605e5c; } .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day { background-color: #3b3a39; } .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day { background: none; } .e-calendar .e-content .e-week-number span { color: #a19f9d; } .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day { background: #252423; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: none; border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-calendar .e-content td.e-focused-date:hover span.e-day { background-color: #323130; border: none; border-radius: 0; color: #f3f2f1; } .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #0078d4; border: none; border-radius: 0; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #1b1a19; border-radius: 50%; } .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #0078d4; border: none; -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #3b3a39; border: none; border-radius: 0; color: #1b1a19; background-color: #0078d4; border-radius: 50%; } .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #323130; border: none; color: #1b1a19; background-color: #0078d4; border-radius: 50%; } .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #3b3a39; border: none; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #f3f2f1; } .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background: #3b3a39; color: #f3f2f1; background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-calendar .e-content span { color: #f3f2f1; } .e-calendar .e-content .e-disabled span.e-day:hover { background: none; border: 0; color: #605e5c; } .e-calendar .e-content .e-other-month:hover span.e-day { color: #a19f9d; } .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day { color: #a19f9d; } .e-calendar .e-content .e-other-month.e-today:hover span.e-day { background-color: #323130; color: #a19f9d; background: #0078d4; border: none; border-radius: 50%; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #1b1a19; } .e-calendar .e-content thead { background: none; border-bottom: 0; } .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day { background-color: #323130; border: none; border-radius: 0; color: #f3f2f1; } .e-calendar .e-content td:focus span.e-day { background-color: #3b3a39; color: #f3f2f1; border: none; border-radius: 0; border-radius: 50%; } .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day { background: none; border: none; color: #605e5c; } .e-calendar .e-content td.e-today.e-disabled.e-overlay span.e-day, .e-calendar .e-content td.e-today.e-disabled.e-overlay:hover span.e-day, .e-calendar .e-content td.e-today.e-disabled.e-overlay:focus span.e-day { background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-calendar .e-content td.e-selected span.e-day { background-color: #3b3a39; color: #f3f2f1; border: none; border-radius: 0; } .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day { -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; } .e-calendar .e-content .e-footer { color: #3b3a39; } .e-calendar .e-content td.e-today.e-selected.e-focused-date span.e-day, .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-calendar .e-content td.e-today.e-selected.e-focused-date { background-color: #3b3a39; border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-calendar .e-content td.e-today.e-selected { background-color: #3b3a39; border-radius: 0; -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; } .e-calendar .e-content td.e-selected:hover span.e-day { background-color: #3b3a39; border: none; border-radius: 0; color: #f3f2f1; } .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background-color: #3b3a39; border: none; border-radius: 4px; color: #f3f2f1; } .e-calendar .e-content.e-month td.e-today span.e-day { color: #1b1a19; } .e-calendar .e-content.e-month td.e-disabled.e-today span.e-day { color: #484644; } .e-calendar .e-content.e-year td.e-selected > span.e-day, .e-calendar .e-content.e-decade td.e-selected > span.e-day, .e-calendar .e-content.e-year td.e-selected:hover > span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover > span.e-day { background-color: #005a9e; color: #f3f2f1; } .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date > span.e-day { background: none; border-radius: 0; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-calendar .e-content td.e-focused-date.e-today { border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-calendar .e-content td.e-focused-date:hover span.e-day { border-radius: 4px; } .e-calendar .e-content.e-year td.e-focused-date:hover > span.e-day, .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day { background: #323130; border-radius: 0; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus { background: none; } .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span { color: #a19f9d; } .e-small.e-calendar .e-header .e-title, .e-small .e-calendar .e-header .e-title { color: #f3f2f1; } .e-calendar .e-zoomin { -webkit-animation: animatezoom 0.3s; animation: animatezoom 0.3s; } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animatezoom { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary { background-color: transparent; border: 0; border-color: transparent; color: #f3f2f1; } .e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover { background-color: transparent; border-color: transparent; color: #0078d4; } .e-calendar .e-btn.e-today.e-flat.e-primary:active, .e-calendar .e-btn.e-today.e-flat.e-primary.e-active, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active { background-color: transparent; border-color: rgb(0, 96, 169.6); color: #0078d4; border: none; outline: none; } .e-calendar .e-btn.e-today.e-flat.e-primary:focus, .e-calendar .e-btn.e-today.e-flat.e-primary.e-focus, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:focus, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-focus { background-color: transparent; border: none; border-color: rgb(0, 96, 169.6); color: #0078d4; outline: none; } .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled { color: #484644; } .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day { -webkit-box-shadow: 0 0 0 1px #a19f9d; box-shadow: 0 0 0 1px #a19f9d; border-radius: 0; } .e-bigger.e-calendar, *.e-bigger .e-calendar { max-width: 257.5px; min-width: 257.5px; padding: 0; } .e-bigger.e-calendar.e-calendar-day-header-lg, *.e-bigger .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-bigger.e-calendar.e-week, *.e-bigger .e-calendar.e-week { max-width: 320px; min-width: 314px; } .e-bigger.e-calendar.e-week-number, *.e-bigger .e-calendar.e-week-number { min-width: 335px; } .e-bigger.e-calendar .e-header .e-title, *.e-bigger .e-calendar .e-header .e-title { font-size: 16px; line-height: 32px; width: 60%; } .e-bigger.e-calendar.e-rtl .e-header .e-title, *.e-bigger .e-calendar.e-rtl .e-header .e-title { line-height: 32px; text-indent: 6px; } .e-bigger.e-calendar .e-header, *.e-bigger .e-calendar .e-header { height: 32px; padding: 16px 16px 8px 16px; } .e-bigger.e-calendar .e-header button, *.e-bigger .e-calendar .e-header button { margin-right: 2px; } .e-bigger.e-calendar .e-header button span, *.e-bigger .e-calendar .e-header button span { font-size: 16px; padding: 0; } .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade, *.e-bigger .e-calendar .e-header.e-year, *.e-bigger .e-calendar .e-header.e-decade { padding: 16px 16px 8px 16px; } .e-bigger.e-calendar th, *.e-bigger .e-calendar th { font-size: 14px; height: 32px; text-transform: none; } .e-bigger.e-calendar .e-content.e-year span.e-day, *.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 14px; font-weight: 400; } .e-bigger.e-calendar .e-content.e-month table, *.e-bigger .e-calendar .e-content.e-month table { padding: 0 16px 0 16px; } .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table, *.e-bigger .e-calendar .e-content.e-year table, *.e-bigger .e-calendar .e-content.e-decade table { padding: 0 12px 0 12px; } .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover, *.e-bigger .e-calendar .e-content .e-selected, *.e-bigger .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-bigger.e-calendar .e-content span.e-day, *.e-bigger .e-calendar .e-content span.e-day { font-size: 14px; height: 32px; line-height: 32px; width: 32px; } .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day, *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 29px; } .e-bigger.e-calendar .e-content td.e-today span.e-day, *.e-bigger .e-calendar .e-content td.e-today span.e-day { height: 29px; width: 29px; line-height: 29px; } .e-bigger.e-calendar .e-content.e-month td, *.e-bigger .e-calendar .e-content.e-month td { height: 0; padding: 0; } .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td, *.e-bigger .e-calendar .e-content.e-year td, *.e-bigger .e-calendar .e-content.e-decade td { height: 44px; padding: 0; } .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day, *.e-bigger .e-calendar .e-content.e-year td > span.e-day, *.e-bigger .e-calendar .e-content.e-decade td > span.e-day { height: 44px; line-height: 44px; width: 44px; } .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next, *.e-bigger .e-calendar .e-header .e-icon-container .e-prev, *.e-bigger .e-calendar .e-header .e-icon-container .e-next { height: 32px; width: 32px; } .e-bigger.e-calendar .e-footer-container, *.e-bigger .e-calendar .e-footer-container { border-top: 0 solid #292827; padding: 16px; } .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar, .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar { background-size: 300px 392px; min-height: 392px; } .e-bigger.e-small .e-calendar { background-color: #252423; border: 1px solid #292827; -webkit-box-shadow: none; box-shadow: none; } .e-bigger.e-small .e-calendar .e-date-icon-prev, .e-bigger.e-small .e-calendar .e-date-icon-next { color: #a19f9d; } .e-bigger.e-small .e-calendar th { border-bottom: 0; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-header { border-bottom: 0; } .e-bigger.e-small .e-calendar .e-header a span { border: none; color: #d2d0ce; } .e-bigger.e-small .e-calendar .e-header .e-title { color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-header .e-title:hover { background: #252423; cursor: pointer; text-decoration: none; } .e-bigger.e-small .e-calendar .e-header .e-title:focus { -webkit-box-shadow: 0 0 0 1px #a19f9d; box-shadow: 0 0 0 1px #a19f9d; background: none; text-decoration: none; } .e-bigger.e-small .e-calendar .e-header .e-title:active { -webkit-box-shadow: none; box-shadow: none; background: #252423; text-decoration: none; } .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, .e-bigger.e-small .e-calendar .e-header .e-next:hover > span { border: #252423; color: #fff; cursor: pointer; } .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { background: #252423; } .e-bigger.e-small .e-calendar .e-header .e-prev:focus, .e-bigger.e-small .e-calendar .e-header .e-next:focus { -webkit-box-shadow: 0 0 0 1px #a19f9d; box-shadow: 0 0 0 1px #a19f9d; } .e-bigger.e-small .e-calendar .e-header .e-prev:active, .e-bigger.e-small .e-calendar .e-header .e-next:active { background: #8a8886; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .e-bigger.e-small .e-calendar .e-header button.e-next:active span { border: none; color: #fff; } .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { color: #d2d0ce; cursor: default; } .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span { color: #605e5c; font-weight: 400; } .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled, .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled { opacity: 1; } .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day { color: #c8c6c4; } .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day { color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day { color: #605e5c; } .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day { background-color: #3b3a39; } .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { background: none; } .e-bigger.e-small .e-calendar .e-content .e-week-number span { color: #a19f9d; } .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day { background: #252423; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: none; border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day { background-color: #323130; border: none; border-radius: 0; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #0078d4; border: none; border-radius: 0; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #1b1a19; border-radius: 50%; } .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day { background: #0078d4; border: none; -webkit-box-shadow: none; box-shadow: none; color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #3b3a39; border: none; border-radius: 0; color: #1b1a19; background-color: #0078d4; border-radius: 50%; } .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day { background-color: #323130; border: none; color: #1b1a19; background-color: #0078d4; border-radius: 50%; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #3b3a39; border: none; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background-color: #3b3a39; color: #f3f2f1; background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content span { color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover { background: none; border: 0; color: #605e5c; } .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day { color: #a19f9d; } .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day { color: #a19f9d; } .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day { background-color: #323130; color: #a19f9d; background: #0078d4; border: none; border-radius: 50%; -webkit-box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; box-shadow: inset 1px 0 #0078d4, inset 0 1px #0078d4, inset -1px 0 #0078d4, inset 0 -1px #0078d4; color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content thead { background: none; border-bottom: 0; } .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #323130; border: none; border-radius: 0; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content td:focus span.e-day { background-color: #3b3a39; color: #f3f2f1; border: none; border-radius: 0; border-radius: 50%; } .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day { background: none; border: none; color: #605e5c; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-disabled.e-overlay span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-disabled.e-overlay:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-disabled.e-overlay:focus span.e-day { background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day { background-color: #3b3a39; color: #f3f2f1; border: none; border-radius: 0; } .e-bigger.e-small .e-calendar .e-content td.e-selected:not(.e-focused-date) span.e-day { -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; } .e-bigger.e-small .e-calendar .e-content .e-footer { color: #3b3a39; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day { background-color: #0078d4; border-radius: 50%; color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected.e-focused-date { background-color: #3b3a39; border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected { background-color: #3b3a39; border-radius: 0; -webkit-box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; box-shadow: inset 1px 0 #a19f9d, inset 0 1px #a19f9d, inset -1px 0 #a19f9d, inset 0 -1px #a19f9d; } .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day { background-color: #3b3a39; border: none; border-radius: 0; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day { background-color: #3b3a39; border: none; border-radius: 4px; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day { color: #1b1a19; } .e-bigger.e-small .e-calendar .e-content.e-month td.e-disabled.e-today span.e-day { color: #484644; } .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover > span.e-day { background-color: #005a9e; color: #f3f2f1; } .e-bigger.e-small .e-calendar .e-content.e-year td.e-focused-date > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date > span.e-day { background: none; border-radius: 0; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today { border-radius: 4px; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day { border-radius: 4px; } .e-bigger.e-small .e-calendar .e-content.e-year td.e-focused-date:hover > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-focused-date:hover > span.e-day { background: #323130; border-radius: 0; -webkit-box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; box-shadow: inset 1px 0 #d2d0ce, inset 0 1px #d2d0ce, inset -1px 0 #d2d0ce, inset 0 -1px #d2d0ce; } .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .e-bigger.e-small .e-calendar.e-device .e-next:hover, .e-bigger.e-small .e-calendar.e-device .e-prev:active, .e-bigger.e-small .e-calendar.e-device .e-next:active, .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .e-bigger.e-small .e-calendar.e-device .e-next:focus { background: none; } .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .e-bigger.e-small .e-calendar.e-device button.e-next:active span { color: #a19f9d; } .e-bigger.e-small .e-calendar { /* stylelint-disable property-no-vendor-prefix */ -webkit-tap-highlight-color: transparent; border-radius: 0; display: block; overflow: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { float: right; text-align: right; } .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container { float: left; } .e-bigger.e-small .e-calendar .e-header { background: none; display: table; font-weight: 400; position: relative; text-align: center; width: 100%; } .e-bigger.e-small .e-calendar .e-header button { background: transparent; border: 0; margin-right: 2px; padding: 0; text-decoration: none; } .e-bigger.e-small .e-calendar .e-header span { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; padding: 5px; vertical-align: middle; } .e-bigger.e-small .e-calendar .e-header span.e-disabled { cursor: default; } .e-bigger.e-small .e-calendar .e-week-header { padding: 0 0 6px; } .e-bigger.e-small .e-calendar th { cursor: default; font-size: 12px; font-weight: normal; text-align: center; } .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-bigger.e-small .e-calendar .e-content span.e-day { border-radius: 0; cursor: pointer; display: inline-block; font-size: 12px; overflow: hidden; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; } .e-bigger.e-small .e-calendar .e-content th, .e-bigger.e-small .e-calendar .e-content td { -webkit-box-sizing: border-box; box-sizing: border-box; } .e-bigger.e-small .e-calendar .e-content td.e-disabled { opacity: 1; pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-bigger.e-small .e-calendar .e-content td { cursor: pointer; padding: 0; text-align: center; } .e-bigger.e-small .e-calendar .e-content td.e-week-number { color: #a19f9d; font-size: 14px; font-style: 400; font-weight: 400; background-color: #201f1e; border-right: 1px solid #a19f9d; } .e-bigger.e-small .e-calendar .e-content td.e-overlay { background: none; width: initial; } .e-bigger.e-small .e-calendar .e-content table { border-collapse: separate; border-spacing: 0; border-width: 0; float: left; margin: 0; outline: 0; padding: 0 12px 0 12px; table-layout: fixed; width: 100%; } .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day { display: inline-block; font-weight: 400; } .e-bigger.e-small .e-calendar .e-content tr.e-month-hide { display: none; font-weight: 400; } .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month, .e-bigger.e-small .e-calendar .e-content td.e-other-year { pointer-events: initial; -ms-touch-action: initial; touch-action: initial; } .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled, .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled { pointer-events: none; -ms-touch-action: none; touch-action: none; } .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover { background-color: #252423; cursor: default; background-color: #201f1e; } .e-bigger.e-small .e-calendar .e-header .e-prev, .e-bigger.e-small .e-calendar .e-header .e-next { border-radius: 0; display: inline-block; font-size: 14px; vertical-align: middle; } .e-bigger.e-small .e-calendar .e-header .e-title { cursor: pointer; display: inline-block; float: left; font-size: 14px; font-weight: 600; text-align: left; padding: 0 5px; border: none; border-radius: 2px; } .e-bigger.e-small .e-calendar .e-header .e-title { margin-left: 6px; } .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .e-bigger.e-small .e-calendar .e-header .e-next:hover { cursor: pointer; } .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay, .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay { background: none; } .e-bigger.e-small .e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-year .e-title { margin-left: 9px; } .e-bigger.e-small .e-calendar .e-header.e-decade .e-title { cursor: default; } .e-bigger.e-small .e-calendar .e-header .e-icon-container { display: inline-block; float: right; padding-top: 0; } .e-bigger.e-small .e-calendar .e-footer-container { text-transform: uppercase; } .e-bigger.e-small .e-calendar { border-spacing: 0; max-width: 222.5px; min-width: 222.5px; padding: 0; } .e-bigger.e-small .e-calendar.e-calendar-day-header-lg { max-width: 100%; min-width: 540px; } .e-bigger.e-small .e-calendar.e-week-number { min-width: 298px; } .e-bigger.e-small .e-calendar.e-week { max-width: 294px; min-width: 288px; } .e-bigger.e-small .e-calendar .e-header .e-title { line-height: 28px; } .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title { text-align: right; text-indent: 4px; } .e-bigger.e-small .e-calendar .e-header { height: 28px; } .e-bigger.e-small .e-calendar .e-header.e-month { padding: 12px 12px 4px 12px; } .e-bigger.e-small .e-calendar .e-header.e-year, .e-bigger.e-small .e-calendar .e-header.e-decade { padding: 14px 12px 4px 12px; } .e-bigger.e-small .e-calendar th { font-weight: 400; height: 28px; text-transform: none; } .e-bigger.e-small .e-calendar .e-content .e-selected, .e-bigger.e-small .e-calendar .e-content .e-state-hover { border-radius: 0; } .e-bigger.e-small .e-calendar .e-content span.e-day { border: none; font-size: 12px; font-weight: 400; height: 28px; line-height: 28px; width: 28px; } .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day { line-height: 25px; } .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day { height: 25px; width: 25px; line-height: 25px; } .e-bigger.e-small .e-calendar .e-content.e-year table, .e-bigger.e-small .e-calendar .e-content.e-decade table { border-spacing: 0; padding: 0 8px 0 8px; } .e-bigger.e-small .e-calendar .e-content.e-month td { height: 28px; padding: 0; } .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td { height: 36px; line-height: 36px; } .e-bigger.e-small .e-calendar .e-content.e-year td, .e-bigger.e-small .e-calendar .e-content.e-decade td { height: 40px; padding: 2px; } .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day { font-weight: 400; height: 40px; line-height: 40px; width: 40px; } .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date) > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date) > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:not(.e-focused-date):hover > span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:not(.e-focused-date):hover > span.e-day { -webkit-box-shadow: none; box-shadow: none; } .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next { height: 28px; width: 28px; } .e-bigger.e-small .e-calendar .e-footer-container { background-color: transparent; border-top: 0 solid #292827; text-align: center; cursor: default; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px; width: 100%; } .e-small.e-bigger.e-calendar .e-content.e-year span.e-day, .e-small.e-bigger .e-calendar .e-content.e-year span.e-day { font-size: 14px; } .e-small.e-bigger.e-calendar .e-content.e-month table, .e-small.e-bigger .e-calendar .e-content.e-month table { padding: 0 12px 0 12px; }