:global .calendar { height: calc(100vh - 112px - 17px * 2); } :global .rbc-btn { color: inherit; font: inherit; margin: 0; } :global button.rbc-btn { overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; } :global button[disabled].rbc-btn { cursor: not-allowed; } :global button.rbc-input::-moz-focus-inner { border: 0; padding: 0; } :global .rbc-calendar { box-sizing: border-box; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } :global .rbc-calendar *, :global .rbc-calendar *:before, :global .rbc-calendar *:after { box-sizing: inherit; } :global .rbc-abs-full, :global .rbc-row-bg { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } :global .rbc-ellipsis, :global .rbc-event-label, :global .rbc-row-segment .rbc-event-content, :global .rbc-show-more { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :global .rbc-rtl { direction: rtl; } :global .rbc-off-range { color: #b3b3b3; } :global .rbc-header { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 3px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 90%; min-height: 0; } :global .rbc-header > a, :global .rbc-header > a:active, :global .rbc-header > a:visited { color: inherit; text-decoration: none; } :global .rbc-row-content { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; } :global .rbc-today { background-color: #eaf6ff; } :global .rbc-toolbar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 10px; font-size: 16px; } :global .rbc-toolbar .rbc-toolbar-label { width: 100%; padding: 0 10px; text-align: center; } :global .rbc-toolbar button { color: #373a3c; display: inline-block; margin: 0; text-align: center; vertical-align: middle; background: none; background-image: none; border: 1px solid #ccc; padding: .375rem 1rem; border-radius: 4px; line-height: normal; white-space: nowrap; } :global .rbc-toolbar button:active, :global .rbc-toolbar button.rbc-active { background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); background-color: #e6e6e6; border-color: #adadad; } :global .rbc-toolbar button:active:hover, :global .rbc-toolbar button.rbc-active:hover, :global .rbc-toolbar button:active:focus, :global .rbc-toolbar button.rbc-active:focus { color: #373a3c; background-color: #d4d4d4; border-color: #8c8c8c; } :global .rbc-toolbar button:focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } :global .rbc-toolbar button:hover { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } :global .rbc-btn-group { display: inline-block; white-space: nowrap; } :global .rbc-btn-group > button:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } :global .rbc-btn-group > button:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } :global .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) { border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } :global .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } :global .rbc-btn-group > button:not(:first-child):not(:last-child) { border-radius: 0; } :global .rbc-btn-group button + button { margin-left: -1px; } :global .rbc-rtl .rbc-btn-group button + button { margin-left: 0; margin-right: -1px; } :global .rbc-btn-group + .rbc-btn-group, :global .rbc-btn-group + button { margin-left: 10px; } :global .rbc-event { cursor: pointer; padding: 2px 5px; background-color: #3174ad; border-radius: 5px; color: #fff; } :global .rbc-event.rbc-selected { background-color: #265985; } :global .rbc-event-label { font-size: 80%; } :global .rbc-event-overlaps { box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5); } :global .rbc-event-continues-prior { border-top-left-radius: 0; border-bottom-left-radius: 0; } :global .rbc-event-continues-after { border-top-right-radius: 0; border-bottom-right-radius: 0; } :global .rbc-event-continues-earlier { border-top-left-radius: 0; border-top-right-radius: 0; } :global .rbc-event-continues-later { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } :global .rbc-row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } :global .rbc-row-segment { padding: 0 1px 1px 1px; } :global .rbc-selected-cell { background-color: rgba(0, 0, 0, 0.1); } :global .rbc-show-more { background-color: rgba(255, 255, 255, 0.3); z-index: 4; font-weight: bold; font-size: 85%; height: auto; line-height: normal; white-space: nowrap; } :global .rbc-month-view { position: relative; border: 1px solid #DDD; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 0 0px; flex: 1 0 0; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; } :global .rbc-month-view .rbc-header { border-bottom: 1px solid #DDD; } :global .rbc-month-view .rbc-header + .rbc-header { border-left: 1px solid #DDD; } :global .rbc-rtl .rbc-month-view .rbc-header + .rbc-header { border-left-width: 0; border-right: 1px solid #DDD; } :global .rbc-month-header { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } :global .rbc-month-row { display: -ms-flexbox; display: flex; position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 0 0px; flex: 1 0 0; overflow: hidden; height: 100%; } :global .rbc-month-row + .rbc-month-row { border-top: 1px solid #DDD; } :global .rbc-date-cell { padding-right: 5px; text-align: right; } :global .rbc-date-cell.rbc-now { font-weight: bold; } :global .rbc-date-cell > a, :global .rbc-date-cell > a:active, :global .rbc-date-cell > a:visited { color: inherit; text-decoration: none; } :global .rbc-row-bg { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 0 0px; flex: 1 0 0; overflow: hidden; } :global .rbc-day-bg + .rbc-day-bg { border-left: 1px solid #DDD; } :global .rbc-rtl .rbc-day-bg + .rbc-day-bg { border-left-width: 0; border-right: 1px solid #DDD; } :global .rbc-overlay { position: absolute; z-index: 5; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25); padding: 10px; } :global .rbc-overlay > * + * { margin-top: 1px; } :global .rbc-overlay-header { border-bottom: 1px solid #e5e5e5; margin: -10px -10px 5px -10px; padding: 2px 10px; } :global .rbc-agenda-view { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 0 0px; flex: 1 0 0; overflow: auto; } :global .rbc-agenda-view table { width: 100%; border: 1px solid #DDD; } :global .rbc-agenda-view table tbody > tr > td { padding: 5px 10px; vertical-align: top; } :global .rbc-agenda-view table .rbc-agenda-time-cell { padding-left: 15px; padding-right: 15px; text-transform: lowercase; } :global .rbc-agenda-view table tbody > tr > td + td { border-left: 1px solid #DDD; } :global .rbc-rtl .rbc-agenda-view table tbody > tr > td + td { border-left-width: 0; border-right: 1px solid #DDD; } :global .rbc-agenda-view table tbody > tr + tr { border-top: 1px solid #DDD; } :global .rbc-agenda-view table thead > tr > th { padding: 3px 5px; text-align: left; border-bottom: 1px solid #DDD; } :global .rbc-rtl .rbc-agenda-view table thead > tr > th { text-align: right; } :global .rbc-agenda-time-cell { text-transform: lowercase; } :global .rbc-agenda-time-cell .rbc-continues-after:after { content: ' »'; } :global .rbc-agenda-time-cell .rbc-continues-prior:before { content: '« '; } :global .rbc-agenda-date-cell, :global .rbc-agenda-time-cell { white-space: nowrap; } :global .rbc-agenda-event-cell { width: 100%; } :global .rbc-time-column { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } :global .rbc-time-column .rbc-timeslot-group { -ms-flex: 1; flex: 1; } :global .rbc-timeslot-group { border-bottom: 1px solid #DDD; min-height: 40px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } :global .rbc-time-gutter, :global .rbc-header-gutter { -ms-flex: none; flex: none; } :global .rbc-label { padding: 0 5px; } :global .rbc-day-slot { position: relative; } :global .rbc-day-slot .rbc-event { border: 1px solid #265985; display: -ms-flexbox; display: flex; max-height: 100%; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } :global .rbc-day-slot .rbc-event-label { -ms-flex: none; flex: none; padding-right: 5px; width: auto; } :global .rbc-day-slot .rbc-event-content { width: 100%; -ms-flex: 1 1 0px; flex: 1 1 0; word-wrap: break-word; line-height: 1; height: 100%; min-height: 1em; } :global .rbc-day-slot .rbc-time-slot { border-top: 1px solid #f7f7f7; } :global .rbc-time-slot { -ms-flex: 1 0 0px; flex: 1 0 0; } :global .rbc-time-slot.rbc-now { font-weight: bold; } :global .rbc-day-header { text-align: center; } :global .rbc-day-slot .rbc-event { position: absolute; z-index: 2; } :global .rbc-slot-selection { z-index: 10; position: absolute; cursor: default; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 75%; padding: 3px; } :global .rbc-time-view { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; width: 100%; border: 1px solid #DDD; min-height: 0; } :global .rbc-time-view .rbc-time-gutter { white-space: nowrap; } :global .rbc-time-view .rbc-allday-cell { width: 100%; position: relative; } :global .rbc-time-view .rbc-allday-events { position: relative; z-index: 4; } :global .rbc-time-view .rbc-row { min-height: 20px; } :global .rbc-time-header { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-direction: column; flex-direction: column; } :global .rbc-time-header.rbc-overflowing { border-right: 1px solid #DDD; } :global .rbc-rtl .rbc-time-header.rbc-overflowing { border-right-width: 0; border-left: 1px solid #DDD; } :global .rbc-time-header > .rbc-row > * + * { border-left: 1px solid #DDD; } :global .rbc-rtl .rbc-time-header > .rbc-row > * + * { border-left-width: 0; border-right: 1px solid #DDD; } :global .rbc-time-header > .rbc-row:first-child { border-bottom: 1px solid #DDD; } :global .rbc-time-header .rbc-gutter-cell { -ms-flex: none; flex: none; } :global .rbc-time-header > .rbc-gutter-cell + * { width: 100%; } :global .rbc-time-content { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-align: start; align-items: flex-start; width: 100%; border-top: 2px solid #DDD; overflow-y: auto; position: relative; } :global .rbc-time-content > .rbc-time-gutter { -ms-flex: none; flex: none; } :global .rbc-time-content > * + * > * { border-left: 1px solid #DDD; } :global .rbc-rtl .rbc-time-content > * + * > * { border-left-width: 0; border-right: 1px solid #DDD; } :global .rbc-time-content > .rbc-day-slot { width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } :global .rbc-current-time-indicator { position: absolute; z-index: 1; left: 0; height: 1px; background-color: #74ad31; pointer-events: none; } :global .rbc-current-time-indicator::before { display: block; position: absolute; left: -3px; top: -3px; content: ' '; background-color: #74ad31; border-radius: 50%; width: 8px; height: 8px; } :global .rbc-rtl .rbc-current-time-indicator::before { left: 0; right: -3px; } /* vim: set expandtab ts=2 sw=2: */