#kalendar_stacks_in_21 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 50px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21.main-bg-color { background: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_21.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_21.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_21.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(51, 51, 51, 1.00), rgba(68, 68, 68, 1.00)); } #kalendar_stacks_in_21.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_21.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_21.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #kalendar_stacks_in_21.main-font-preset { font-family: "Montserrat", "Roboto", sans-serif; } #kalendar_stacks_in_21.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_21.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_21 * { box-sizing: border-box; } #kalendar_stacks_in_21 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 50px; border-top-right-radius: 50px; } #kalendar_stacks_in_21 .kalendar-header.header-bg-color { background: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-header.header-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(68, 68, 68, 1.00)); } #kalendar_stacks_in_21 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(51, 51, 51, 1.00), rgba(68, 68, 68, 1.00)); } #kalendar_stacks_in_21 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .kalendar-header.header-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_21 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .kalendar-header.header-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #kalendar_stacks_in_21 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(253, 128, 8, 1.00); flex-direction: row-reverse; } #kalendar_stacks_in_21 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_21 .kalendar-header { align-items: center; color: rgba(253, 128, 8, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_21 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_21 .kalendar-header-desktop h2, #kalendar_stacks_in_21 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_21 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_21 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_21 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_21 .kalendar-header-arrow { width: 40px; height: 40px; display: flex; flex: 0 1 auto; font-size: 22px; cursor: pointer; align-items: center; justify-content: center; color: rgba(253, 128, 8, 1.00); border-radius: 40px; } #kalendar_stacks_in_21 .kalendar-header-arrow:hover { background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_21 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(253, 128, 8, 1.00); font-size: 24px; } #kalendar_stacks_in_21 .kalendar-header-title p { margin: 0 0 10px; color: rgba(253, 128, 8, 1.00); font-size: 24px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(253, 128, 8, 1.00); color: rgba(253, 128, 8, 1.00); display: flex; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title { height: 50px; width: 100%; display: flex; flex: 0 1 auto; padding: 0 15px; align-items: center; font-size: 15px; border-bottom: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(253, 128, 8, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span { height: 35px; display: flex; min-width: 35px; font-size: 14px; padding: 0 10px; border-radius: 2px; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.control { padding: 0; width: 35px; background: rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_21 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_21 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_21 .kalendar-key-switch .key-switch { width: 40px; height: 22px; display: flex; padding: 2px; cursor: pointer; align-items: center; box-sizing: border-box; background: rgba(0, 0, 0, 0.20); border-radius: 40px; } #kalendar_stacks_in_21 .kalendar-key-switch .key-switch-knob { height: 18px; width: 18px; border-radius: 100%; pointer-events: none; background: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-view-pill { top: 0; left: 0; bottom: 0; content: ''; z-index: 1; display: block; margin-left: 0; position: absolute; pointer-events: none; transition: all .3s ease; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); border-radius: 40px; background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-view-toggles { top: 10px; right: 10px; height: auto; display: flex; z-index: 1; overflow: hidden; margin-left: auto; position: absolute; flex-direction: row; border-radius: 40px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_21 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_21 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_21 .kalendar-view-toggles .kalendar-view-toggle { height: 30px; flex: 1 1 auto; cursor: pointer; display: flex; line-height: 1; font-size: 14px; padding: 10px 14px; position: relative; align-items: center; border-radius: 40px; } #kalendar_stacks_in_21 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_21 .kalendar-view-toggles .kalendar-view-toggle:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } #kalendar_stacks_in_21 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_21 .kalendar-view-toggles .kalendar-view-toggle::before { content: ''; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 1; display: none; position: absolute; pointer-events: none; transition: all .3s ease; border-radius: 40px; background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-divider { top: 0; left: 0; bottom: 0; content: ''; display: block; position: absolute; pointer-events: none; width: calc(100px - 1px); border-right: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-notice { color: rgba(253, 128, 8, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date { width: 100px; display: flex; padding: 0 10px; align-items: center; flex-direction: column; justify-content: center; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-bottom svg { width: 20px; height: 20px; display: none; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-top { margin-bottom: 2px; color: rgba(255, 255, 255, 1.00); font-size: 20px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card-inner { width: 100%; display: flex; cursor: pointer; overflow: hidden; align-items: center; transition: all 0.3s ease; border-radius: 4px; padding: 15px 15px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card-more { width: 35px; height: 35px; display: flex; line-height: 1; margin-left: 10px; border-radius: 50%; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 24px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 18px; margin-left: auto; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 18px; } #kalendar_stacks_in_21 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 18px; height: 18px; margin-right: 6px; } #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_21.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_21.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_21.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_21.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_21.months .kalendar-content-titles.group { border-top: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_21.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_21.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_21.months .kalendar-content-titles.group .event-count { display: flex; width: 30px; height: 30px; line-height: 1; font-size: 14px; margin-left: auto; align-items: center; justify-content: center; border-radius: 40px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_21.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_21 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(253, 128, 8, 1.00); border-left: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(253, 128, 8, 1.00); border-bottom: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 40px; } #kalendar_stacks_in_21 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-arrow { width: 35px; height: 35px; display: flex; line-height: 1; font-size: 18px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; align-items: center; justify-content: center; border-radius: 40px; } #kalendar_stacks_in_21 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-arrow:hover { background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 40px; background: rgba(0, 0, 0, 0.20); padding: 10px 10px; display: flex; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; align-items: center; margin: 15px 10px 5px; justify-content: center; transition: all 0.3s ease; } #kalendar_stacks_in_21 .kalendar-sidebar-today:hover, #kalendar_stacks_in_21 .kalendar-sidebar-today.active { transform: translateY(-3px); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 1.00); background: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_21 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-sidebar-key li .key-title { font-size: 18px; } #kalendar_stacks_in_21 .kalendar-sidebar-key li .key-toggle { width: 24px; height: 24px; border-radius: 15px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_21 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_21 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_21 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_21 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_21 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_21 .kalendar-sidebar-datepicker-loader { top: 0; left: 0; right: 0; bottom: 0; display: none; min-height: 200px; position: absolute; align-items: center; z-index: 999999999999; justify-content: center; -webkit-animation: rotate-loader 1s infinite linear; animation: rotate-loader 1s infinite linear; } #kalendar_stacks_in_21 .kalendar-sidebar-datepicker-loader svg { fill: rgba(253, 128, 8, 1.00); width: 30px; height: 30px; } @-webkit-keyframes rotate-loader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate-loader { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar { width: auto; border: none; background: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell-inner { width: 100%; padding: 5px; height: 40px; max-width: 40px; position: relative; align-items: center; display: inline-flex; flex-direction: column; justify-content: center; font-size: 20px; color: rgba(253, 128, 8, 1.00); border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.00); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(253, 128, 8, 1.00); font-size: 16px; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 20px; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(253, 128, 8, 1.00); border: 1px solid rgba(253, 128, 8, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(253, 128, 8, 1.00); border: 1px solid rgba(253, 128, 8, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner { color: rgba(255, 255, 255, 1.00); border-color: rgba(0, 0, 0, 0.00); background: rgba(253, 128, 8, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown { top: 100%; right: 0; color: inherit; display: none; text-align: left; max-width: 300px; border-radius: 5px; overflow: hidden; position: absolute; z-index: 9999999999; pointer-events: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(51, 51, 51, 1.00), rgba(68, 68, 68, 1.00)); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown .event-dropdown-item { display: flex; line-height: 1; color: inherit; padding: 10px 10px; align-items: center; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown .event-dropdown-item:not(:last-child) { border-bottom: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown .event-dropdown-dot { width: 10px; height: 10px; min-width: 10px; min-height: 10px; flex: 0 1 auto; margin-right: 10px; border-radius: 50%; } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown .event-dropdown-text { flex: 0 1 auto; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: calc(14px * 1.618); } #kalendar_stacks_in_21 .datepicker_stacks_in_21.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_21 .kalendar-event-modal { z-index: 100000000; top: 0; left: 0; right: 0; bottom: 0; display: flex; padding: 15px; padding: 20px; position: fixed; overflow-y: scroll; align-items: center; align-content: center; justify-content: center; background: rgba(0, 0, 0, 0.7); } #kalendar_stacks_in_21 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(253, 128, 8, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-color { background: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-gradient-3 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(51, 51, 51, 1.00), rgba(68, 68, 68, 1.00)); } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-image-ov-color::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_21 .kalendar-event-modal-inner.main-bg-image-ov-gradient::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 1.00)); } #kalendar_stacks_in_21 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_21 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 24px; } #kalendar_stacks_in_21 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_21 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(253, 128, 8, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_21 .kalendar-event-modal-content-notice { width: 100%; height: 100%; display: flex; flex: 1 0 auto; min-height: 100px; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-event-modal-content a { color: rgba(253, 128, 8, 1.00); text-decoration: underline; } #kalendar_stacks_in_21 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_21 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time { display: flex; flex: 1 0 auto; flex-wrap: wrap; text-align: center; border-radius: 4px; justify-content: center; padding: 10px; font-size: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 18px; height: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .dots { display: flex; line-height: 0; flex: 0 1 auto; overflow: hidden; text-align: center; align-items: center; justify-content: center; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_21 .kalendar-event-modal-location { font-size: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_21 .kalendar-event-modal-location svg { margin-right: 10px; height: 18px; width: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_21.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_21.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 24px; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 18px; margin-left: auto; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 18px; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 18px; height: 18px; } #kalendar_stacks_in_21.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_21 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_21 .kalendar-event-modal-header h1 { text-align: center; font-size: 24px; } #kalendar_stacks_in_21 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time { font-size: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .time svg { width: 18px; height: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_21 .kalendar-event-modal-date-time .dots::after { width: 10px; height: 30px; display: inline; line-height: 0.5; white-space: normal; word-break: break-all; text-overflow: initial; } #kalendar_stacks_in_21 .kalendar-event-modal-location { text-align: center; font-size: 18px; } #kalendar_stacks_in_21 .kalendar-event-modal-location svg { width: 18px; height: 18px; } } @media (max-width: 700px) { #kalendar_stacks_in_21 .kalendar-header { min-height: 0; } #kalendar_stacks_in_21 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_21 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_21 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_21 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_21 .kalendar-header-title p { font-size: 24px; } #kalendar_stacks_in_21 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_21 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 24px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 18px; margin-left: auto; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 18px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 18px; height: 18px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_21 .kalendar-content .kalendar-events { border-top: 1px solid rgba(253, 128, 8, 1.00); } #kalendar_stacks_in_21 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_21.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_21.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_21 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_21 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_21 .kalendar-event { display: none; } /* */ /* */ #kalendar_stacks_in_21 .Jane { color: rgba(255, 255, 255, 1.00); /* */ background: rgba(64, 128, 2, 1.00); /* */ /* */ } #kalendar_stacks_in_21 .Jane svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .Jane .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Jane .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Jane .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_21 .Jenny { color: rgba(255, 255, 255, 1.00); /* */ background: rgba(184, 17, 99, 1.00); /* */ /* */ } #kalendar_stacks_in_21 .Jenny svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .Jenny .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Jenny .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Jenny .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_21 .Mary { color: rgba(255, 255, 255, 1.00); /* */ background: rgba(102, 51, 153, 1.00); /* */ /* */ } #kalendar_stacks_in_21 .Mary svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .Mary .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Mary .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Mary .highlight{ color: rgba(102, 51, 153, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_21 .Traudi { color: rgba(255, 255, 255, 1.00); /* */ background: rgba(160, 70, 68, 1.00); /* */ /* */ } #kalendar_stacks_in_21 .Traudi svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_21 .Traudi .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Traudi .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_21 .Traudi .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }/* DATESNAP v.2.0.3 STYLESHEET */ /* @group General */ .hide {display:none;} .color-bullet { border-radius: 50%; display: inline-block; width: 10px; height: 10px; background-color: #EEE; } /* @end */ /* @group Popover */ .popover { position:absolute; top:0; left:0; z-index:2010; display:none; max-width:276px; padding:1px; text-align:center; background-color:#fff; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); border-radius:4px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); white-space:normal; } .popover h3 { letter-spacing: normal; } .popover.top { margin-top:-10px; } .popover.right { margin-left:10px; } .popover.bottom { margin-top:10px; } .popover.left { margin-left:-10px; } .popover-title { margin:0; padding:8px 14px 4px 14px; font-size:14px; font-weight:400; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius: 3px 3px 0 0; } .popover-content { padding:9px 14px; font-size:13px; line-height: 15px; } .popover .arrow,.popover .arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; } .popover .arrow { border-width:11px; } .popover .arrow:after { border-width:10px; content:""; } .popover.top .arrow { left:50%; margin-left:-11px; border-bottom-width:0; border-top-color:#999; border-top-color:rgba(0,0,0,0.25); bottom:-11px; } .popover.top .arrow:after { content:" "; bottom:1px; margin-left:-10px; border-bottom-width:0; border-top-color:#fff; } .popover.right .arrow { top:50%; left:-11px; margin-top:-11px; border-left-width:0; border-right-color:#999; border-right-color:rgba(0,0,0,0.25); } .popover.right .arrow:after { content:" "; left:1px; bottom:-10px; border-left-width:0; border-right-color:#fff; } .popover.bottom .arrow { left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0,0,0,0.25); top:-11px; } .popover.bottom .arrow:after { content:" "; top:1px; margin-left:-10px; border-top-width:0; border-bottom-color:#fff; } .popover.left .arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0,0,0,0.25); } .popover.left .arrow:after { content:" "; right:1px; border-right-width:0; border-left-color:#fff; bottom:-10px; } .ds-event-description td, .popover table td{ padding:2px; vertical-align: top; } .ds-event-description table td:first-child, .popover table td:first-child { text-align:left; font-weight:bold; } /* @end */ /* @group Fullcalendar */ /*! * FullCalendar v3.0.1 Stylesheet * Docs & License: http://fullcalendar.io/ * (c) 2016 Adam Shaw */.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar{margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee} /* @end */ /* @group Base */ /* -- Base -- */ .fc-unthemed .fc-toolbar h2 { font-weight:600; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } /*hack to use fa icons over fc icons -MY ds2*/ .fc-icon-fa { font-family: FontAwesome; } /* remove ugly blue glow on focus */ button.fc-button:focus { outline:0 !important; } .fc-event-title { text-wrap: unrestricted; word-wrap: break-word} /*If text does not fit in event then hide it. CSS3 Only */ .fc-unthemed .fc-popover { padding-top:10px; padding-bottom:10px; border-radius:4px; } .fc-unthemed .fc-popover .fc-header { background-color: transparent; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: 10px; overflow: visible; } /* reset some stuff */ .fc-event { border-style: none; } .fc-event-skin { border-color: transparent; /* default BORDER color */ background-color: transparent; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ border-width: 0 ; } .fc-event-time, .fc-event-title { padding: 0 4px; } .fc-event { border:1px solid #222; } .fc-event-skin { text-shadow: 0 1px 0 rgba(0,0,0,0.4); background-color: transparent; } .fc-event-skin, .fc-event-skin span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fc-event:hover{ box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.75); } .fc-event:active { /* When pressed, move it down 1px */ position: relative; top: 1px; } .fc-event-head { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* @end */ /* @group fc overrides */ .fc-state-default { background-color: transparent; background-image: none; border-width:0; border-color: transparent; text-shadow: none; box-shadow: none; } .fc-grid th, .fc-border-separate th { text-align: left; padding:4px; } td.fc-day > div { padding:4px; } .fc-event-skin, .fc-event-skin span { /* -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; */ } .fc-event:hover{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer; text-decoration: none; } .fc-button{ border:none; border-radius: none !important; height:inherit; line-height: inherit; } .fc-state-default, .fc-state-default.fc-corner-left, .fc-state-default.fc-corner-right { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-button.fc-state-active { background: none; border-radius: none; border-bottom:3px solid red; } .fc-event{ /* border-radius:0 !important; */ } /* today button */ .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { /* color: #333333; */ background-color: transparent; } .fc-grid .fc-day-number { float: left; } td.fc-today .fc-day-number { color: red; font-weight: bold; } .fc-state-highlight, td.fc-today, .fc-unthemed .fc-today { background: transparent; /* no color */ } .fc-toolbar h2 { display: block; font-size: 18px; font-weight: bold; letter-spacing: normal; } .ds-icon-chevron-right, .ds-icon-chevron-left { color:red; font-size:18px !important; } .fc-button, .ds-icon-chevron-right, .ds-icon-chevron-left{ border:none; border-radius: none !important; height:20px; line-height: 20px; } table tr:nth-of-type(even) { background: transparent; } .datesnap-loading { position:absolute; top:48%; width:100%; text-align:center; z-index:3; } .datesnap-loading > div { position: relative; height:40px; width:40px; margin: 0 auto; color:#333333; } /* @end */ /* @group Events */ /* -- Colors -- */ .fc-basic-view .fc-event-blue, .fc-basic-view a.fc-event-blue, .fc-basic-view a.fc-event-blue:active, .fc-basic-view .fc-event-blue .fc-event-head, .fc-agenda-view .fc-event-blue, .fc-agenda-view a.fc-event-blue, .fc-agenda-view a.fc-event-blue:active, .fc-agenda-view .fc-event-blue .fc-event-head { background-color: #D8EEF8; border-color: #236582; color: #236582 !important; text-decoration: none; } .fc-list-view .fc-event-blue .fc-event-dot { background-color: #D8EEF8; border: solid 1px #236582; } /*.fc-event-blue:hover { background-color: #3CABDA; border-color: #3CABDA; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-green, .fc-basic-view a.fc-event-green .fc-basic-view a.fc-event-green:active, .fc-basic-view .fc-event-green .fc-event-head, .fc-agenda-view .fc-event-green, .fc-agenda-view a.fc-event-green .fc-agenda-view a.fc-event-green:active, .fc-agenda-view .fc-event-green .fc-event-head { background-color: #E1F7DA; border-color: #3F8129; color:#3F8129 !important; text-decoration: none; } .fc-list-view .fc-event-green .fc-event-dot { background-color: #E1F7DA; border: 1px solid #3F8129; } /*.fc-event-green:hover { background-color: #6AD946; border-color: #6AD946; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-yellow, .fc-basic-view a.fc-event-yellow, .fc-basic-view a.fc-event-yellow:active, .fc-basic-view .fc-event-yellow .fc-event-head, .fc-agenda-view .fc-event-yellow, .fc-agenda-view a.fc-event-yellow, .fc-agenda-view a.fc-event-yellow:active, .fc-agenda-view .fc-event-yellow .fc-event-head { background-color: #FFF5D5; border-color: #A5841B; color:#A5841B !important; text-decoration: none; } .fc-list-view .fc-event-yellow .fc-event-dot { background-color: #FFF5D5; border: solid 1px #A5841B; } /*.fc-event-yellow:hover { background-color: #FECB2F; border-color: #FECB2F; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-red, .fc-basic-view a.fc-event-red .fc-basic-view a.fc-event-red:active, .fc-basic-view .fc-event-red .fc-event-head, .fc-agenda-view .fc-event-red, .fc-agenda-view a.fc-event-red .fc-agenda-view a.fc-event-red:active, .fc-agenda-view .fc-event-red .fc-event-head { background-color: #FED6DE; border-color: #A42039; color: #A42039 !important; text-decoration: none; } .fc-list-view .fc-event-red .fc-event-dot { background-color: #FED6DE; border: 1px solid #A42039; } /*.fc-event-red:hover { background-color: #FC3159; border-color: #FC3159; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-purple, .fc-basic-view a.fc-event-purple .fc-basic-view a.fc-event-purple:active, .fc-basic-view .fc-event-purple .fc-event-head, .fc-agenda-view .fc-event-purple, .fc-agenda-view a.fc-event-purple .fc-agenda-view a.fc-event-purple:active, .fc-agenda-view .fc-event-purple .fc-event-head { background-color: #F5E4F9; border-color: #7A4687; color: #7A4687 !important; text-decoration: none; } .fc-list-view .fc-event-purple .fc-event-dot { background-color: #F5E4F9; border: 1px solid #7A4687; } /*.fc-event-purple:hover { background-color: #CB77DF; border-color: #CB77DF; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-orange, .fc-basic-view a.fc-event-orange .fc-basic-view a.fc-event-orange:active, .fc-basic-view .fc-event-orange .fc-event-head, .fc-agenda-view .fc-event-orange, .fc-agenda-view a.fc-event-orange .fc-agenda-view a.fc-event-orange:active, .fc-agenda-view .fc-event-orange .fc-event-head { background-color: #FFEAD4; border-color: #A56115; color: #A56115 !important; text-decoration: none; } .fc-list-view .fc-event-orange .fc-event-dot { background-color: #FFEAD4; border: 1px solid #A56115; } /*.fc-event-orange:hover { background-color: #FD9426; border-color: #FD9426; color: #ffffff !important; } */ /*----------------------------*/ .fc-basic-view .fc-event-gray, .fc-basic-view a.fc-event-gray .fc-basic-view a.fc-event-gray:active, .fc-basic-view .fc-event-gray .fc-event-head, .fc-agenda-view .fc-event-gray, .fc-agenda-view a.fc-event-gray .fc-agenda-view a.fc-event-gray:active, .fc-agenda-view .fc-event-gray .fc-event-head { background-color: #EEEEEE; border-color: #777777; color: #777777 !important; text-decoration: none; } .fc-list-view .fc-event-gray .fc-event-dot { background-color: #EEEEEE; border: 1px solid #777777; } /*.fc-event-gray:hover { background-color: #A1A1A1; border-color: #A1A1A1; color: #ffffff !important; }*/ /*----------------------------*/ .fc-basic-view .fc-event-brown, .fc-basic-view a.fc-event-brown .fc-basic-view a.fc-event-brown:active, .fc-basic-view .fc-event-brown .fc-event-head, .fc-agenda-view .fc-event-brown, .fc-agenda-view a.fc-event-brown .fc-agenda-view a.fc-event-brown:active, .fc-agenda-view .fc-event-brown .fc-event-head { background-color: #ECE6DF; border-color: #4D3C27; color: #4D3C27 !important; text-decoration: none; } .fc-list-view .fc-event-brown .fc-event-dot { background-color: #ECE6DF; border: 1px solid #4D3C27; } /*.fc-event-brown:hover { background-color: #A18460; border-color: #A18460; color: #ffffff !important; } */ /*----------------------------*/ .fc-bullet { width:18px; height:18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display:inline-block; vertical-align:top; } /* Hide the start time in the month view -MY 2016-11-07 06:05 am */ .fc-month-view .fc-time { display:none; } /* hide for now */ .detailed-event-header { font-weight:normal; } .detailed-event-body { padding:10px 0; } .event-title { font-size: large; font-weight:bold; padding:6px 0; } /* emulate truncating with css */ .fc-event-title{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; } /* @end */ /* @group Modal */ div.datesnap-modal{position:absolute;left:50%;height:auto;margin-left:-20%;width:40%;padding:0;top:30%} #ds-modal-wrap{background-color:rgba(0,0,0,0.3);padding:8px;margin-left:auto;margin-right:auto;position:absolute;z-index:1;left:0;right:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center} #ds-modal-heading{padding:12px;background-color:#f1f1f1;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:bold;font-size:16px} #ds-modal-body{padding:20px;background-color:#fff;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;border-top:1px solid #bababa;color:#555;font-size:16px} #ds-modal-body .datesnap-btn{display:inline-block;padding:8px 12px;margin-bottom:0;font-size:12px;font-weight:500;line-height:1.333333333;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;white-space:nowrap;color:#333;background-color:#fff;border-color:#ccc;min-width:80px} #ds-modal-body .datesnap-btn:hover{background-color:#f1f1f1;border-color:#bbb} #ds-modal-body .datesnap-btn:focus{outline:none} #ds-modal-body>ul{list-style:none;margin:0;padding:0} #ds-modal-body textarea{background:#fff;padding:6px} #ds-modal-body a{color:#777} #ds-modal-body p{margin:10px} @media only screen and (min-width:768px){div.datesnap-modal{top:30%} div.datesnap-modal{margin-left:-20%;width:40%}} @media (max-width:480px){.datesnap-modal{margin-left:0 !important;width:auto !important;top:0 !important;left:0 !important;right:0 !important;zoom:0} #ds-modal-body{font-size:16px}} /* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table.fc-header td { display: block; text-align: center !important; width: 100%; } .fc-toolbar h2 { font-size: 24px; } } /*filter*/ .datesnap-event-edit { display: none; -webkit-animation-duration: 0.5s; opacity: 0; } .datesnap-event-edit { display: block; opacity: 1; } #ds-modal-wrap { height: 100%; max-height: 100%; } #ds-modal-wrap { background-color: rgba(0,0,0,0.30); padding:8px; margin-left:auto; margin-right:auto; position:absolute; z-index:1; left: 0; right: 0; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 5px; /* FF1-3.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /*text-align: center;*/ overflow: auto; } #ds-modal-heading { padding: 12px; background-color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight:bold; font-size: 16px; text-align: center; } #ds-modal-body { padding: 0; background-color: #ffffff; -webkit-border-radius: 0 0 4px 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 0 0 4px 4px; /* FF1-3.6 */ border-radius: 0 0 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ border-top: none; color: #555; font-size: 13px; } #ds-modal-body > div.inner { padding:20px; text-align: left; } #ds-modal-body { overflow: auto; } #datesnap-container { display: none; top: 20%; left:50%; position: fixed; width: 500px; margin:0; margin-left:-250px; padding: 0; } #datesnap-close{ display: block; position: absolute; width:30px; height: 30px; top: 20px; left: 20px; color:#CCC; font-weight:bold; font-size:18px; cursor: pointer; } /* @end */ /* @group Datesnap font */ @font-face { font-family: 'datesnap'; src:url('../files/datesnap/assets/font/datesnap.eot'); src:url('../files/datesnap/assets/font/datesnap.eot?#iefix') format('embedded-opentype'), url('../files/datesnap/assets/font/datesnap.ttf') format('truetype'), url('../files/datesnap/assets/font/datesnap.woff') format('woff'), url('../files/datesnap/assets/font/datesnap.svg#datesnap') format('svg'); font-weight: normal; font-style: normal; } [class^="ds-icon-"], [class*=" ds-icon-"] { font-family: 'datesnap' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ds-icon-link-outline:before { content: "\e600"; } .ds-icon-calender-outline:before { content: "\e601"; } .ds-icon-pin-outline:before { content: "\e602"; } .ds-icon-calender:before { content: "\e603"; } .ds-icon-pin:before { content: "\e604"; } .ds-icon-link:before { content: "\e605"; } .ds-icon-yabdab-smile:before { content: "\e606"; } .ds-icon-yabdab-logo:before { content: "\e607"; } .ds-icon-bullet:before { content: "\e608"; } .ds-icon-double-angle-left:before { content: "\e609"; } .ds-icon-double-angle-right:before { content: "\e60a"; } .ds-icon-angle-left:before { content: "\e60b"; } .ds-icon-angle-right:before { content: "\e60c"; } .ds-icon-circle:before { content: "\e60d"; } .ds-icon-remove-sign:before { content: "\e60e"; } .ds-icon-chevron-left:before { content: "\e615"; } .ds-icon-chevron-right:before { content: "\e616"; } .ds-icon-calendar:before { content: "\e617"; } .ds-icon-remove:before { content: "\e618"; } .ds-icon-ok:before { content: "\e619"; } .ds-icon-zoom-in:before { content: "\e61a"; } .ds-icon-search:before { content: "\e61b"; } .ds-icon-spinner:before { content: "\e60f"; } .ds-icon-spinner2:before { content: "\e610"; } .ds-icon-spinner3:before { content: "\e611"; } .ds-icon-spinner4:before { content: "\e612"; } .ds-icon-spinner5:before { content: "\e613"; } .ds-icon-spinner6:before { content: "\e614"; } .ds-icon-lg{font-size:18px; position: absolute; top: 3px; left: 8px;} .ds-icon-2x{font-size:2em} .ds-icon-3x{font-size:3em} .ds-icon-4x{font-size:4em} .ds-icon-5x{font-size:5em} /* Animated rotating icon */ .ds-icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .ds-icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* @end */ /* @group Custom */ .datesnap-calendar *, .popover *, .datesnap-modal td { font-size:11px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } /* borders */ .fc-unthemed .fc-widget-header, .fc-unthemed .fc-widget-content { border-color: #DDDDDD !important; } /* day numbers */ .fc-day-number { color:#4C4C4C; } /* current day */ td.fc-today .fc-day-number { color: #367CBF; } /* week number */ .fc .fc-week .fc-week-number { color: #4A4A4A;} /* table headers */ .fc-day-header, .fc-widget-header{ color: #400080; background-color:#F1F1F1; } /* main title */ .fc-toolbar h2 { color: #408002; } /* active view underline */ .fc-button.fc-state-active { border-color:#367CBF; } /* prev/next icons */ button.fc-prev-button, button.fc-next-button { height:26px; width:26px; display:inline-block; color:#367CBF; min-width:26px; min-height:26px; } .ds-icon-chevron-right, .ds-icon-chevron-left { color:#367CBF; min-width:26px; min-height:26px; } .fc-state-default { color:#222222; } /* popovers */ .popover { background-color:#FFFFFF; border-color:#777777; color:#333333; } .popover-title { background-color:#F7F7F7; border-color:#EBEBEB; } .popover.top .arrow { border-top-color:#777777; } .popover.top .arrow:after { border-top-color:#FFFFFF; } .popover h3 { color:#222222; font-size:16px; } table.ds-popover-table td img { border:1px solid #777777; } .ds-icon-remove-sign { color: #222222; opacity:.5; font-size:24px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .ds-icon-remove-sign:hover { opacity:1; } .ds-icon-spin { font-size: 36px !important; color:#367CBF; opacity:.5; } .ds-popover-table td{ text-align:left; } #ds-modal-heading { font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } /* @end */ #stacks_in_23 { border: solid rgba(102, 255, 255, 1.00); border-width: 7px; } /* DATESNAP SOURCE ( Jane's classes ) v.1.0.0 STYLESHEET */ .fc-event-custom_stacks_in_32, .fc-event-custom_stacks_in_32:active, .fc-event-custom_stacks_in_32 .fc-event-head { background-color: #E0FBC0; border-color: #408002; color: #236582 !important; } .fc-event-custom_stacks_in_32:hover { background-color: #3CABDA; border-color: #3CABDA; color: #FFFFFF !important; } /* DATESNAP SOURCE ( Jenny's Classes ) v.1.0.0 STYLESHEET */ .fc-event-custom_stacks_in_33, .fc-event-custom_stacks_in_33:active, .fc-event-custom_stacks_in_33 .fc-event-head { background-color: #F3BDDE; border-color: #800080; color: #236582 !important; } .fc-event-custom_stacks_in_33:hover { background-color: #3CABDA; border-color: #3CABDA; color: #FFFFFF !important; } /* DATESNAP SOURCE ( Mary's Classes ) v.1.0.0 STYLESHEET */ .fc-event-custom_stacks_in_34, .fc-event-custom_stacks_in_34:active, .fc-event-custom_stacks_in_34 .fc-event-head { background-color: #F1D6FE; border-color: #D8EEF8; color: #236582 !important; } .fc-event-custom_stacks_in_34:hover { background-color: #3CABDA; border-color: #3CABDA; color: #FFFFFF !important; } /* DATESNAP SOURCE ( Traudi's classes ) v.1.0.0 STYLESHEET */ .fc-event-custom_stacks_in_35, .fc-event-custom_stacks_in_35:active, .fc-event-custom_stacks_in_35 .fc-event-head { background-color: #F8D8D9; border-color: #800080; color: #236582 !important; } .fc-event-custom_stacks_in_35:hover { background-color: #3CABDA; border-color: #3CABDA; color: #FFFFFF !important; }