.com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} /* TRIGGER FONT */ @font-face { font-family: 'trigger'; src: url('../files/trigger_font/trigger.eot?57958819'); src: url('../files/trigger_font/trigger.eot?57958819#iefix') format('embedded-opentype'), url('../files/trigger_font/trigger.woff?57958819') format('woff'), url('../files/trigger_font/trigger.ttf?57958819') format('truetype'), url('../files/trigger_font/trigger.svg?57958819#trigger') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'trigger'; src: url('../font/trigger.svg?60643705#trigger') format('svg'); } } */ [class^="trigger-"]:before, [class*=" trigger-"]:before { font-family: "trigger"; font-style: normal; font-weight: normal; speak: none; /* fix buttons height, for twitter bootstrap */ /*line-height: 1em;*/ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /*margin-left: .2em;*/ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .trigger-plus-squared:before { content: '\e800'; } /* '' */ .trigger-minus-squared:before { content: '\e801'; } /* '' */ .trigger-plus-squared-alt:before { content: '\e802'; } /* '' */ .trigger-minus-squared-alt:before { content: '\e803'; } /* '' */ .trigger-cancel-1:before { content: '\e804'; } /* '' */ .trigger-ok:before { content: '\e805'; } /* '' */ .trigger-ok-circled:before { content: '\e806'; } /* '' */ .trigger-cancel-circled:before { content: '\e807'; } /* '' */ .trigger-ok-circled2:before { content: '\e808'; } /* '' */ .trigger-cancel-circled2:before { content: '\e809'; } /* '' */ .trigger-ok-squared:before { content: '\e80a'; } /* '' */ .trigger-plus-circled:before { content: '\e80b'; } /* '' */ .trigger-minus-circled:before { content: '\e80c'; } /* '' */ .trigger-toggle-off:before { content: '\e80d'; } /* '' */ .trigger-toggle-on:before { content: '\e80e'; } /* '' */ .trigger-cog:before { content: '\e80f'; } /* '' */ .trigger-info-circled:before { content: '\e810'; } /* '' */ .trigger-help-circled:before { content: '\e811'; } /* '' */ .trigger-eye:before { content: '\e812'; } /* '' */ .trigger-eye-off:before { content: '\e813'; } /* '' */ .trigger-code-1:before { content: '\e814'; } /* '' */ .trigger-chat:before { content: '\e815'; } /* '' */ .trigger-chat-empty:before { content: '\e816'; } /* '' */ .trigger-down-open-1:before { content: '\e817'; } /* '' */ .trigger-up-open-1:before { content: '\e818'; } /* '' */ .trigger-star:before { content: '\e819'; } /* '' */ .trigger-star-empty:before { content: '\e81a'; } /* '' */ .trigger-heart:before { content: '\e81b'; } /* '' */ .trigger-heart-empty:before { content: '\e81c'; } /* '' */ .trigger-plus-1:before { content: '\e81d'; } /* '' */ .trigger-minus-1:before { content: '\e81e'; } /* '' */ .trigger-help-1:before { content: '\e81f'; } /* '' */ .trigger-info-1:before { content: '\e820'; } /* '' */ .trigger-mail:before { content: '\e821'; } /* '' */ .trigger-mail-squared:before { content: '\e822'; } /* '' */ .trigger-export-alt:before { content: '\e823'; } /* '' */ .trigger-export:before { content: '\e824'; } /* '' */ .trigger-menu-1:before { content: '\e825'; } /* '' */ .preloader{margin:0 auto;position:relative;background:#E6E6E6;overflow:hidden} .preloader .snake{height:100%;width:100%} .preloader .arrows{background:url(../files/preloader-images/arrows.gif) #E6E6E6 center no-repeat} .preloader .ball{background:url(../files/preloader-images/ball.gif) #E6E6E6 center no-repeat} .preloader .bars{background:url(../files/preloader-images/bars.gif) #E6E6E6 center no-repeat} .preloader .circle{background:url(../files/preloader-images/circle.gif) #E6E6E6 center no-repeat} .preloader .default{background:url(../files/preloader-images/default.gif) #E6E6E6 center no-repeat} .preloader .pacman{background:url(../files/preloader-images/pacman.gif) #E6E6E6 center no-repeat} .preloader .snake{background:url(../files/preloader-images/snake.gif) #E6E6E6 center no-repeat} .preloader .squares{background:url(../files/preloader-images/squares.gif) #E6E6E6 center no-repeat} .preloader .custom{background:url() #E6E6E6 center no-repeat} .preloader .alt{position:absolute;padding:6px;background:#0C0C0C;border-top:solid 1px #0C0C0C;font-size:1.1em;color:#FFFFFF;opacity:0.00;bottom:0;left:0;width:100%;display:none;z-index:99} #L_stacks_in_503 .loading { position: relative; display: inline-block; border-width: 31px; border-radius: 50%; left: 50%; margin-left: -31px; -webkit-animation: spin 1s linear infinite reverse; -moz-animation: spin 1s linear infinite reverse; -o-animation: spin 1s linear infinite reverse; animation: spin 1s linear infinite reverse; } #L_stacks_in_503 .style-1 { border-style: solid; border-color: #BE001A transparent; } #L_stacks_in_503 .style-2 { border-style: double; border-color: #BE001A transparent; } #L_stacks_in_503 .style-3 { border-style: double; border-color: #BE001A transparent transparent; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @keyframes spin { 100% { transform: rotate(359deg); } } #stacks_in_165 { background-color: rgba(15, 128, 255, 0.20); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 3px; padding: 10px; } #stacks_in_165_1 { margin: 0px 0px 4px 0px; } #stacks_in_165_6 h1,#stacks_in_165_6 .hTxt:not(.segment) div{font-size:2.00rem}@media all and (max-width:640px){#stacks_in_165_6 h1,#stacks_in_165_6 .hTxt:not(.segment) div{font-size:1.00rem}}@media only screen and (min-width:0px){#stacks_in_165_6 h1,#stacks_in_165_6 div{letter-spacing:2.00px}}#stacks_in_165_6 .header-pro.text-center .hTxt{margin-right:-2px}@media only screen and (min-width:0px){#stacks_in_165_6 h1,#stacks_in_165_6 div{word-spacing:1.60px}}#stacks_in_165_6 h1,#stacks_in_165_6 div{color:rgba(51, 51, 51, 1.00)}#stacks_in_165_6 h1 a,#stacks_in_165_6 div a{color:rgba(51, 51, 51, 1.00)}#stacks_in_165_6 h1 a:hover,#stacks_in_165_6 div a:hover{color:rgba(38, 38, 38, 1.00)}#stacks_in_165_6 small,#stacks_in_165_6 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_165_6 h1.margin-collapse{margin-top:0 !important;margin-bottom:0 !important}#stacks_in_165_6 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Perpetua",Sans-Serif;font-weight:800;font-style:italic}#stacks_in_165_6 .hTxt{text-shadow:0px 4px 2px rgba(147, 147, 147, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30),0px 4px 5px rgba(192, 192, 192, 0.30)} #kalendar_stacks_in_415 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_415.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_415.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_415.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_415.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_415.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_415.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415.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_415.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415.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_415.main-font-preset { font-family: "Roboto", "Roboto", sans-serif; } #kalendar_stacks_in_415.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_415.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_415 * { box-sizing: border-box; } #kalendar_stacks_in_415 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #kalendar_stacks_in_415 .kalendar-header.header-bg-color { background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_415 .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_415 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_415 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(51, 51, 51, 1.00), rgba(127, 127, 127, 1.00)); } #kalendar_stacks_in_415 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_415 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415 .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_415 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415 .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_415 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.20); flex-direction: row-reverse; } #kalendar_stacks_in_415 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_415 .kalendar-header { align-items: center; color: rgba(230, 230, 230, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_415 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_415 .kalendar-header-desktop h2, #kalendar_stacks_in_415 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_415 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_415 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_415 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_415 .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(230, 230, 230, 1.00); border-radius: 2px; } #kalendar_stacks_in_415 .kalendar-header-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(230, 230, 230, 1.00); } #kalendar_stacks_in_415 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_415 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(230, 230, 230, 1.00); font-size: 20px; } #kalendar_stacks_in_415 .kalendar-header-title p { margin: 0 0 10px; color: rgba(128, 255, 8, 1.00); font-size: 42px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(0, 0, 0, 0.20); color: rgba(255, 255, 255, 1.00); display: flex; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_415 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(255, 255, 255, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_415 .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_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_415 .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_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_415 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_415 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_415 .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_415 .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_415 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_415 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_415 .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: 2px; } #kalendar_stacks_in_415 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_415 .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_415 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_415 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_415 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-notice { color: rgba(255, 255, 255, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .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_415 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_415 .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_415 .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_415 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_415 .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_415 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_415 .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_415 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 18px; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 14px; } #kalendar_stacks_in_415 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; margin-right: 6px; } #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_415.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_415.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_415.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_415.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_415.months .kalendar-content-titles.group { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_415.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_415.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_415.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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_415.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_415 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 2px; } #kalendar_stacks_in_415 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .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: 2px; } #kalendar_stacks_in_415 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-sidebar-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 2px; 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_415 .kalendar-sidebar-today:hover, #kalendar_stacks_in_415 .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(0, 114, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_415 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .kalendar-sidebar-key li .key-title { font-size: 14px; } #kalendar_stacks_in_415 .kalendar-sidebar-key li .key-toggle { width: 18px; height: 18px; border-radius: 2px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_415 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_415 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_415 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_415 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_415 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_415 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_415 .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_415 .kalendar-sidebar-datepicker-loader svg { fill: rgba(255, 255, 255, 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_415 .datepicker_stacks_in_415.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(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.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: 16px; color: rgba(255, 255, 255, 1.00); border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(33, 255, 6, 0.70); font-size: 12px; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 16px; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.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(0, 114, 255, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.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_415 .datepicker_stacks_in_415.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_415 .kalendar-event-modal { z-index: 500000; 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_415 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(255, 255, 255, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_415 .kalendar-event-modal-inner.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_415 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_415 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_415 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 22px; } #kalendar_stacks_in_415 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_415 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(255, 255, 255, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-content a { color: rgba(0, 114, 255, 1.00); text-decoration: underline; } #kalendar_stacks_in_415 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_415 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_415 .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: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 14px; height: 14px; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_415 .kalendar-event-modal-location { font-size: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_415 .kalendar-event-modal-location svg { margin-right: 10px; height: 14px; width: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_415.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_415.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_415.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_415 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_415 .kalendar-event-modal-header h1 { text-align: center; font-size: 20px; } #kalendar_stacks_in_415 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time { font-size: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .time svg { width: 14px; height: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_415 .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_415 .kalendar-event-modal-location { text-align: center; font-size: 14px; } #kalendar_stacks_in_415 .kalendar-event-modal-location svg { width: 14px; height: 14px; } } @media (max-width: 700px) { #kalendar_stacks_in_415 .kalendar-header { min-height: 0; } #kalendar_stacks_in_415 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_415 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_415 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_415 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_415 .kalendar-header-title p { font-size: 16px; } #kalendar_stacks_in_415 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_415 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_415 .kalendar-content .kalendar-events { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_415 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_415.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_415.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_415 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_415 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_415 .kalendar-event { display: none; } /* */ /* */ #stacks_in_415 { background-color: rgba(200, 223, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 3px; padding: 10px; } #kalendar_stacks_in_415 .Feiertage_Bayern_2021 { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(56, 143, 248, 1.00); background: linear-gradient(to bottom right, rgba(56, 143, 248, 1.00), rgba(251, 2, 7, 1.00)); /* */ } #kalendar_stacks_in_415 .Feiertage_Bayern_2021 svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .Feiertage_Bayern_2021 .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_415 .Feiertage_Bayern_2021 .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_415 .Feiertage_Bayern_2021 .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_415 .ARTISSIMO { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(203, 108, 0, 1.00); background: linear-gradient(to bottom, rgba(203, 108, 0, 1.00), rgba(251, 211, 0, 1.00)); /* */ } #kalendar_stacks_in_415 .ARTISSIMO svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_415 .ARTISSIMO .subtext svg{ fill: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_415 .ARTISSIMO .subtext{ color: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_415 .ARTISSIMO .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(17, 128, 2, 0.30); }/* Start Toggle stack CSS code */ .stacks_in_578sliceWrappper2{ display: none; } #stacks_in_578iconWrapper{ text-align: center; font-size: 500%; } #stacks_in_578iconWrapper i{ color: #5A5B6C; cursor: pointer; } #stacks_in_578iconWrapper i:hover{ color: #0080FF; cursor: pointer; } .stacks_in_578sliceWrappper1{ display: block; } @-webkit-keyframes toggleFadeOut{50%{opacity:0}100%{opacity:1}}@-moz-keyframes toggleFadeOut{50%{opacity:0}100%{opacity:1}}@-o-keyframes toggleFadeOut{50%{opacity:0}100%{opacity:1}}@keyframes toggleFadeOut{50%{opacity:0}100%{opacity:1}}@-webkit-keyframes toggleRubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-moz-keyframes toggleRubberBand{0%,100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-moz-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-o-keyframes toggleRubberBand{0%,100%{transform:scale3d(1,1,1)}30%,60%{transform:scale3d(1.25,.75,1)}40%,80%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}}@keyframes toggleRubberBand{0%,100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%,60%{-webkit-transform:scale3d(1.25,.75,1);-moz-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%,80%{-webkit-transform:scale3d(.75,1.25,1);-moz-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-moz-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}}@-webkit-keyframes toggleVerticalFlip{50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@-moz-keyframes toggleVerticalFlip{50%{-moz-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-moz-transform:rotateX(0deg);transform:rotateX(0deg)}}@-o-keyframes toggleVerticalFlip{50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}@keyframes toggleVerticalFlip{50%{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg)}}@-webkit-keyframes toggleZoom{50%{-webkit-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-moz-keyframes toggleZoom{50%{-moz-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-moz-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-o-keyframes toggleZoom{50%{-o-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-o-transform:scale(1,1);transform:scale(1,1);opacity:1}}@keyframes toggleZoom{50%{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);opacity:0}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);opacity:1}}@-webkit-keyframes toggleTada{50%{-webkit-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;transform-origin:center}70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-webkit-transform-origin:center;transform-origin:center}60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:center;transform-origin:center}}@-moz-keyframes toggleTada{50%{-moz-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-moz-transform-origin:center;transform-origin:center}70%,90%{-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-moz-transform-origin:center;transform-origin:center}60%,80%{-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-moz-transform-origin:center;transform-origin:center}100%{-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-moz-transform-origin:center;transform-origin:center}}@-o-keyframes toggleTada{50%{transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-o-transform-origin:center;transform-origin:center}70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-o-transform-origin:center;transform-origin:center}60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-o-transform-origin:center;transform-origin:center}100%{transform:scale3d(1,1,1);-o-transform-origin:center;transform-origin:center}}@keyframes toggleTada{50%{-webkit-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-moz-transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);transform:scale3d(.3,.3,.3) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-moz-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-20deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}}@-webkit-keyframes toggleRotate{0%{opacity:1;-webkit-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center;transform-origin:center;opacity:1}}@-moz-keyframes toggleRotate{0%{opacity:1;-moz-transform-origin:center;transform-origin:center}50%{opacity:0;-moz-transform-origin:center;transform-origin:center}100%{-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);-moz-transform-origin:center;transform-origin:center;opacity:1}}@-o-keyframes toggleRotate{0%{opacity:1;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-o-transform-origin:center;transform-origin:center}100%{transform:rotateZ(360deg);-o-transform-origin:center;transform-origin:center;opacity:1}}@keyframes toggleRotate{0%{opacity:1;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}50%{opacity:0;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;opacity:1}} /* End Toggle stack CSS code */ #stacks_in_578 { background-color: rgba(128, 0, 255, 0.30); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 15px; padding: 10px; } #kalendar_stacks_in_513 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_513.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_513.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_513.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_513.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_513.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_513.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513.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_513.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513.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_513.main-font-preset { font-family: "Roboto", "Roboto", sans-serif; } #kalendar_stacks_in_513.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_513.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_513 * { box-sizing: border-box; } #kalendar_stacks_in_513 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #kalendar_stacks_in_513 .kalendar-header.header-bg-color { background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_513 .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_513 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_513 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(51, 51, 51, 1.00), rgba(127, 127, 127, 1.00)); } #kalendar_stacks_in_513 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_513 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513 .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_513 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513 .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_513 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.20); flex-direction: row-reverse; } #kalendar_stacks_in_513 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_513 .kalendar-header { align-items: center; color: rgba(230, 230, 230, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_513 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_513 .kalendar-header-desktop h2, #kalendar_stacks_in_513 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_513 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_513 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_513 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_513 .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(230, 230, 230, 1.00); border-radius: 2px; } #kalendar_stacks_in_513 .kalendar-header-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(230, 230, 230, 1.00); } #kalendar_stacks_in_513 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_513 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(230, 230, 230, 1.00); font-size: 20px; } #kalendar_stacks_in_513 .kalendar-header-title p { margin: 0 0 10px; color: rgba(128, 255, 8, 1.00); font-size: 42px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(0, 0, 0, 0.20); color: rgba(255, 255, 255, 1.00); display: flex; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_513 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(255, 255, 255, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_513 .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_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_513 .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_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_513 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_513 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_513 .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_513 .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_513 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_513 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_513 .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: 2px; } #kalendar_stacks_in_513 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_513 .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_513 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_513 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_513 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-notice { color: rgba(255, 255, 255, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .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_513 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_513 .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_513 .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_513 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_513 .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_513 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_513 .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_513 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 18px; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 14px; } #kalendar_stacks_in_513 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; margin-right: 6px; } #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_513.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_513.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_513.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_513.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_513.months .kalendar-content-titles.group { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_513.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_513.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_513.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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_513.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_513 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 2px; } #kalendar_stacks_in_513 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .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: 2px; } #kalendar_stacks_in_513 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-sidebar-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 2px; 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_513 .kalendar-sidebar-today:hover, #kalendar_stacks_in_513 .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(0, 114, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_513 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .kalendar-sidebar-key li .key-title { font-size: 14px; } #kalendar_stacks_in_513 .kalendar-sidebar-key li .key-toggle { width: 18px; height: 18px; border-radius: 2px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_513 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_513 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_513 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_513 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_513 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_513 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_513 .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_513 .kalendar-sidebar-datepicker-loader svg { fill: rgba(255, 255, 255, 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_513 .datepicker_stacks_in_513.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(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.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: 16px; color: rgba(255, 255, 255, 1.00); border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(33, 255, 6, 0.70); font-size: 12px; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 16px; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.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(0, 114, 255, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.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_513 .datepicker_stacks_in_513.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_513 .kalendar-event-modal { z-index: 500000; 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_513 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(255, 255, 255, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_513 .kalendar-event-modal-inner.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_513 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_513 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_513 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 22px; } #kalendar_stacks_in_513 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_513 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(255, 255, 255, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-content a { color: rgba(0, 114, 255, 1.00); text-decoration: underline; } #kalendar_stacks_in_513 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_513 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_513 .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: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 14px; height: 14px; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_513 .kalendar-event-modal-location { font-size: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_513 .kalendar-event-modal-location svg { margin-right: 10px; height: 14px; width: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_513.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_513.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_513.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_513 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_513 .kalendar-event-modal-header h1 { text-align: center; font-size: 20px; } #kalendar_stacks_in_513 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time { font-size: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .time svg { width: 14px; height: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_513 .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_513 .kalendar-event-modal-location { text-align: center; font-size: 14px; } #kalendar_stacks_in_513 .kalendar-event-modal-location svg { width: 14px; height: 14px; } } @media (max-width: 700px) { #kalendar_stacks_in_513 .kalendar-header { min-height: 0; } #kalendar_stacks_in_513 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_513 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_513 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_513 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_513 .kalendar-header-title p { font-size: 16px; } #kalendar_stacks_in_513 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_513 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_513 .kalendar-content .kalendar-events { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_513 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_513.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_513.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_513 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_513 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_513 .kalendar-event { display: none; } /* */ /* */ #kalendar_stacks_in_513 .Feiertage_Bayern_2021 { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(56, 143, 248, 1.00); background: linear-gradient(to bottom right, rgba(56, 143, 248, 1.00), rgba(251, 2, 7, 1.00)); /* */ } #kalendar_stacks_in_513 .Feiertage_Bayern_2021 svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .Feiertage_Bayern_2021 .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_513 .Feiertage_Bayern_2021 .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_513 .Feiertage_Bayern_2021 .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_513 .ARTISSIMO { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(203, 108, 0, 1.00); background: linear-gradient(to bottom, rgba(203, 108, 0, 1.00), rgba(251, 211, 0, 1.00)); /* */ } #kalendar_stacks_in_513 .ARTISSIMO svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_513 .ARTISSIMO .subtext svg{ fill: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_513 .ARTISSIMO .subtext{ color: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_513 .ARTISSIMO .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(17, 128, 2, 0.30); }#kalendar_stacks_in_519 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_519.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_519.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_519.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_519.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_519.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_519.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519.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_519.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519.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_519.main-font-preset { font-family: "Roboto", "Roboto", sans-serif; } #kalendar_stacks_in_519.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_519.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_519 * { box-sizing: border-box; } #kalendar_stacks_in_519 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #kalendar_stacks_in_519 .kalendar-header.header-bg-color { background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_519 .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_519 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_519 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(51, 51, 51, 1.00), rgba(127, 127, 127, 1.00)); } #kalendar_stacks_in_519 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_519 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519 .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_519 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519 .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_519 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.20); flex-direction: row-reverse; } #kalendar_stacks_in_519 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_519 .kalendar-header { align-items: center; color: rgba(230, 230, 230, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_519 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_519 .kalendar-header-desktop h2, #kalendar_stacks_in_519 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_519 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_519 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_519 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_519 .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(230, 230, 230, 1.00); border-radius: 2px; } #kalendar_stacks_in_519 .kalendar-header-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(230, 230, 230, 1.00); } #kalendar_stacks_in_519 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_519 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(230, 230, 230, 1.00); font-size: 20px; } #kalendar_stacks_in_519 .kalendar-header-title p { margin: 0 0 10px; color: rgba(128, 255, 8, 1.00); font-size: 50px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(0, 0, 0, 0.20); color: rgba(255, 255, 255, 1.00); display: flex; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_519 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(255, 255, 255, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_519 .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_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_519 .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_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_519 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_519 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_519 .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_519 .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_519 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_519 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_519 .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: 2px; } #kalendar_stacks_in_519 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_519 .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_519 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_519 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_519 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-notice { color: rgba(255, 255, 255, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .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_519 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_519 .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_519 .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_519 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_519 .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_519 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_519 .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_519 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 18px; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 14px; } #kalendar_stacks_in_519 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; margin-right: 6px; } #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_519.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_519.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_519.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_519.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_519.months .kalendar-content-titles.group { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_519.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_519.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_519.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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_519.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_519 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 2px; } #kalendar_stacks_in_519 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .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: 2px; } #kalendar_stacks_in_519 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-sidebar-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 2px; 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_519 .kalendar-sidebar-today:hover, #kalendar_stacks_in_519 .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(0, 114, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_519 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .kalendar-sidebar-key li .key-title { font-size: 14px; } #kalendar_stacks_in_519 .kalendar-sidebar-key li .key-toggle { width: 18px; height: 18px; border-radius: 2px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_519 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_519 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_519 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_519 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_519 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_519 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_519 .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_519 .kalendar-sidebar-datepicker-loader svg { fill: rgba(255, 255, 255, 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_519 .datepicker_stacks_in_519.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(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.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: 16px; color: rgba(255, 255, 255, 1.00); border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(33, 255, 6, 0.70); font-size: 12px; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 16px; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.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(0, 114, 255, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.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_519 .datepicker_stacks_in_519.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_519 .kalendar-event-modal { z-index: 500000; 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_519 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(255, 255, 255, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_519 .kalendar-event-modal-inner.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_519 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_519 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_519 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 22px; } #kalendar_stacks_in_519 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_519 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(255, 255, 255, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-content a { color: rgba(0, 114, 255, 1.00); text-decoration: underline; } #kalendar_stacks_in_519 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_519 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_519 .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: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 14px; height: 14px; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_519 .kalendar-event-modal-location { font-size: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_519 .kalendar-event-modal-location svg { margin-right: 10px; height: 14px; width: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_519.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_519.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_519.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_519 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_519 .kalendar-event-modal-header h1 { text-align: center; font-size: 20px; } #kalendar_stacks_in_519 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time { font-size: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .time svg { width: 14px; height: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_519 .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_519 .kalendar-event-modal-location { text-align: center; font-size: 14px; } #kalendar_stacks_in_519 .kalendar-event-modal-location svg { width: 14px; height: 14px; } } @media (max-width: 700px) { #kalendar_stacks_in_519 .kalendar-header { min-height: 0; } #kalendar_stacks_in_519 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_519 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_519 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_519 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_519 .kalendar-header-title p { font-size: 16px; } #kalendar_stacks_in_519 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_519 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_519 .kalendar-content .kalendar-events { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_519 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_519.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_519.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_519 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_519 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_519 .kalendar-event { display: none; } /* */ /* */ #kalendar_stacks_in_519 .ARTISSIMO { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(203, 108, 0, 1.00); background: linear-gradient(to bottom, rgba(203, 108, 0, 1.00), rgba(251, 211, 0, 1.00)); /* */ } #kalendar_stacks_in_519 .ARTISSIMO svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_519 .ARTISSIMO .subtext svg{ fill: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_519 .ARTISSIMO .subtext{ color: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_519 .ARTISSIMO .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(17, 128, 2, 0.30); }.cd-gallery-container li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .cd-gallery-container ol, .cd-gallery-container ul { list-style: none; } /* Main styles */ .cd-container * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-container *, .cd-container *:after, .cd-container *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cd-container a { color: #383838; text-decoration: none; } .cd-container { width: 100%; max-width: 1200px; margin: 0 auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-container ul, .cd-container ol, ul.cd-container, .cd-filter ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .cd-gallery-container { margin: 0 auto; padding-left: 3em; padding-right: 3em; } .cd-filter { position: relative; height: 40px; width: 150px; margin: 0 auto; cursor: pointer; z-index: 10; } .cd-filter::after { /* small arrow icon */ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("../files/images/icon-small-arrow.svg") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } .cd-filter ul { position: absolute; top: 0; left: 0; background: #FFF; border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .cd-filter li { display: none; } .cd-filter li:first-child { display: block; /* this way the placehodler is alway visible */ } .cd-filter li:last-child a { border-radius: 0 0 .25em .25em; } .cd-filter a { display: block; height: 40px; width: 150px; line-height: 40px; padding-left: 14px; font-size: 14px; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .cd-filter.stacks_in_288 a { color: #2292E1; } .cd-filter.stacks_in_288 a.selected { background: #1A7179; color: #FFFFFF; } .no-touch .cd-filter.stacks_in_288 a.selected:hover { background: #1F858E; } .cd-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); /* small arrow rotation */ } .cd-filter.is-open ul li { display: block; } .cd-filter.is-open .placeholder a { opacity: .4; /* reduces the opacity of the placeholder on mobile when the menu is open */ } @media only screen and (min-width: 768px) { .cd-filter { height: auto; width: auto; } .cd-filter::after { display: none; } .cd-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; } .cd-filter li { display: inline-block; margin: 0 .4em; } .cd-filter li:first-child { display: inline-block; } .cd-filter li.placeholder { display: none !important; } .cd-filter li.placeholder a { display: none; } .cd-filter a { display: inline-block; padding: 1em 2em; height: auto; width: auto; line-height: 1; border-radius: 50em !important; } .no-touch .cd-filter a:hover { box-shadow: inset 0 0 0 2px #1F858E; } .cd-filter a.selected:hover { box-shadow: none; /* removes the hover effect from the selected item */ } .cd-filter.is-open ul li { display: inline-block; } } /* -------------------------------- xgallery -------------------------------- */ .cd-gallery { margin-top: 2em; position: relative; z-index: 5; } .cd-gallery > li { position: relative; margin-bottom: 1em; } .cd-gallery .cd-item-wrapper { /* this is the item that rotates */ position: relative; } .touch .cd-gallery .cd-item-wrapper { /* fix a bug on IOS8 - rotating elements dissapear*/ -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; } .cd-gallery .cd-item-wrapper.is-switched .is-visible { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: cd-rotate 0.5s; -moz-animation: cd-rotate 0.5s; animation: cd-rotate 0.5s; } .cd-gallery .cd-item-wrapper.is-switched .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse 0.5s; -moz-animation: cd-rotate-inverse 0.5s; animation: cd-rotate-inverse 0.5s; opacity: 0; } .cd-gallery .cd-item-wrapper.is-switched .is-selected { opacity: 1; } .cd-gallery .cd-item-wrapper > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-gallery li.is-visible { /* the front item, visible by default */ position: relative; z-index: 5; } .cd-gallery li.is-hidden { /* the hidden items, right behind the front one */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .cd-gallery li.is-selected { /* the next item that will be visible */ z-index: 3 !important; } @media only screen and (min-width: 480px) { .cd-gallery > li { width: 100%; float: left; margin-right: 4%; margin-bottom: 1.2em; } .cd-gallery > li:nth-of-type(2n) { margin-right: 0; } } @media only screen and (min-width: 768px) { .cd-gallery > li { width: 100%; float: left; } .cd-gallery > li:nth-of-type(2n) { margin-right: 4%; } .cd-gallery > li:nth-of-type(4n) { margin-right: 0; } } @media only screen and (min-width: 1200px) { .cd-gallery { margin-top: 4em; } } @media only screen and (max-width: 680px) { .cd-gallery-container { padding-left: 0em; padding-right: 0em; } } /* -------------------------------- xkeyframes -------------------------------- */ @-webkit-keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(0); } 70% { -webkit-transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(180deg); } } @-moz-keyframes cd-rotate { 0% { -moz-transform: perspective(800px) rotateY(0); } 70% { -moz-transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -moz-transform: perspective(800px) rotateY(180deg); } } @keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); -ms-transform: perspective(800px) rotateY(0); -o-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } 70% { -webkit-transform: perspective(800px) rotateY(200deg); -moz-transform: perspective(800px) rotateY(200deg); -ms-transform: perspective(800px) rotateY(200deg); -o-transform: perspective(800px) rotateY(200deg); transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-webkit-keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(-180deg); } 70% { -webkit-transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse { 0% { -moz-transform: perspective(800px) rotateY(-180deg); } 70% { -moz-transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -moz-transform: perspective(800px) rotateY(0); } } @keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 70% { -webkit-transform: perspective(800px) rotateY(20deg); -moz-transform: perspective(800px) rotateY(20deg); -ms-transform: perspective(800px) rotateY(20deg); -o-transform: perspective(800px) rotateY(20deg); transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); -ms-transform: perspective(800px) rotateY(0); -o-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } } #stacks_in_288 { background-color: rgba(102, 255, 102, 0.30); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 3px; } #kalendar_stacks_in_348 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_348.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_348.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_348.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_348.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_348.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_348.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348.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_348.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348.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_348.main-font-preset { font-family: "Roboto", "Roboto", sans-serif; } #kalendar_stacks_in_348.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_348.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_348 * { box-sizing: border-box; } #kalendar_stacks_in_348 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #kalendar_stacks_in_348 .kalendar-header.header-bg-color { background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_348 .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_348 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_348 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(51, 51, 51, 1.00), rgba(127, 127, 127, 1.00)); } #kalendar_stacks_in_348 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_348 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348 .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_348 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348 .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_348 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.20); flex-direction: row-reverse; } #kalendar_stacks_in_348 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_348 .kalendar-header { align-items: center; color: rgba(230, 230, 230, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_348 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_348 .kalendar-header-desktop h2, #kalendar_stacks_in_348 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_348 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_348 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_348 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_348 .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(230, 230, 230, 1.00); border-radius: 2px; } #kalendar_stacks_in_348 .kalendar-header-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(230, 230, 230, 1.00); } #kalendar_stacks_in_348 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_348 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(230, 230, 230, 1.00); font-size: 20px; } #kalendar_stacks_in_348 .kalendar-header-title p { margin: 0 0 10px; color: rgba(128, 255, 8, 1.00); font-size: 42px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(0, 0, 0, 0.20); color: rgba(255, 255, 255, 1.00); display: flex; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_348 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(255, 255, 255, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_348 .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_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_348 .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_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_348 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_348 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_348 .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_348 .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_348 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_348 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_348 .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: 2px; } #kalendar_stacks_in_348 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_348 .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_348 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_348 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_348 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-notice { color: rgba(255, 255, 255, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .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_348 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_348 .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_348 .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_348 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_348 .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_348 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_348 .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_348 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 18px; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 14px; } #kalendar_stacks_in_348 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; margin-right: 6px; } #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_348.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_348.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_348.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_348.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_348.months .kalendar-content-titles.group { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_348.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_348.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_348.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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_348.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_348 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 2px; } #kalendar_stacks_in_348 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .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: 2px; } #kalendar_stacks_in_348 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-sidebar-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 2px; 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_348 .kalendar-sidebar-today:hover, #kalendar_stacks_in_348 .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(0, 114, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_348 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .kalendar-sidebar-key li .key-title { font-size: 14px; } #kalendar_stacks_in_348 .kalendar-sidebar-key li .key-toggle { width: 18px; height: 18px; border-radius: 2px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_348 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_348 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_348 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_348 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_348 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_348 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_348 .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_348 .kalendar-sidebar-datepicker-loader svg { fill: rgba(255, 255, 255, 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_348 .datepicker_stacks_in_348.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(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.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: 16px; color: rgba(255, 255, 255, 1.00); border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(33, 255, 6, 0.70); font-size: 12px; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 16px; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.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(0, 114, 255, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.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_348 .datepicker_stacks_in_348.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_348 .kalendar-event-modal { z-index: 500000; 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_348 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(255, 255, 255, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_348 .kalendar-event-modal-inner.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_348 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_348 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_348 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 22px; } #kalendar_stacks_in_348 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_348 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(255, 255, 255, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-content a { color: rgba(0, 114, 255, 1.00); text-decoration: underline; } #kalendar_stacks_in_348 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_348 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_348 .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: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 14px; height: 14px; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_348 .kalendar-event-modal-location { font-size: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_348 .kalendar-event-modal-location svg { margin-right: 10px; height: 14px; width: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_348.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_348.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_348.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_348 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_348 .kalendar-event-modal-header h1 { text-align: center; font-size: 20px; } #kalendar_stacks_in_348 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time { font-size: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .time svg { width: 14px; height: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_348 .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_348 .kalendar-event-modal-location { text-align: center; font-size: 14px; } #kalendar_stacks_in_348 .kalendar-event-modal-location svg { width: 14px; height: 14px; } } @media (max-width: 700px) { #kalendar_stacks_in_348 .kalendar-header { min-height: 0; } #kalendar_stacks_in_348 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_348 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_348 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_348 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_348 .kalendar-header-title p { font-size: 16px; } #kalendar_stacks_in_348 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_348 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_348 .kalendar-content .kalendar-events { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_348 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_348.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_348.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_348 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_348 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_348 .kalendar-event { display: none; } /* */ /* */ #kalendar_stacks_in_348 .Feiertage_Bayern_2021 { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(56, 143, 248, 1.00); background: linear-gradient(to bottom right, rgba(56, 143, 248, 1.00), rgba(251, 2, 7, 1.00)); /* */ } #kalendar_stacks_in_348 .Feiertage_Bayern_2021 svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .Feiertage_Bayern_2021 .subtext svg{ fill: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_348 .Feiertage_Bayern_2021 .subtext{ color: rgba(255, 255, 255, 0.50); } #kalendar_stacks_in_348 .Feiertage_Bayern_2021 .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); }#kalendar_stacks_in_348 .ARTISSIMO { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(203, 108, 0, 1.00); background: linear-gradient(to bottom, rgba(203, 108, 0, 1.00), rgba(251, 211, 0, 1.00)); /* */ } #kalendar_stacks_in_348 .ARTISSIMO svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_348 .ARTISSIMO .subtext svg{ fill: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_348 .ARTISSIMO .subtext{ color: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_348 .ARTISSIMO .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(17, 128, 2, 0.30); }#kalendar_stacks_in_291 { width: 100%; margin: 0 auto; box-sizing: border-box; max-width: 1000px; border-radius: 4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_291.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_291.main-bg-gradient-2 { background: linear-gradient(to bottom, rgba(34, 34, 34, 1.00), rgba(85, 85, 85, 1.00)); } #kalendar_stacks_in_291.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_291.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_291.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_291.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291.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_291.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291.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_291.main-font-preset { font-family: "Roboto", "Roboto", sans-serif; } #kalendar_stacks_in_291.main-font-custom { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_291.main-font-google { font-family: "", "Roboto", sans-serif; } #kalendar_stacks_in_291 * { box-sizing: border-box; } #kalendar_stacks_in_291 .kalendar-header { display: flex; flex: 1 0 auto; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } #kalendar_stacks_in_291 .kalendar-header.header-bg-color { background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-header.header-bg-color::before { opacity: 0; } #kalendar_stacks_in_291 .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_291 .kalendar-header.header-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_291 .kalendar-header.header-bg-gradient-3 { background: linear-gradient(to bottom, rgba(0, 0, 0, 1.00), rgba(51, 51, 51, 1.00), rgba(127, 127, 127, 1.00)); } #kalendar_stacks_in_291 .kalendar-header.header-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_291 .kalendar-header.header-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291 .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_291 .kalendar-header.header-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291 .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_291 .kalendar-content { display: flex; flex: 1 0 auto; border-top: 1px solid rgba(0, 0, 0, 0.20); flex-direction: row-reverse; } #kalendar_stacks_in_291 .kalendar-content .kalendar-sidebar { width: 100%; flex: 0 1 auto; max-width: 300px; min-width: 300px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events { width: 100%; flex: 0 1 auto; max-width: calc(100% - 300px); } #kalendar_stacks_in_291 .kalendar-header { align-items: center; color: rgba(230, 230, 230, 1.00); flex-direction: row-reverse; min-height: 130px; padding: 20px 25px; } #kalendar_stacks_in_291 .kalendar-header-desktop { display: flex; flex: 1 0 auto; } #kalendar_stacks_in_291 .kalendar-header-desktop h2, #kalendar_stacks_in_291 .kalendar-header-desktop p { text-align: left; } #kalendar_stacks_in_291 .kalendar-header-mobile { display: none; flex: 1 0 auto; align-items: center; } #kalendar_stacks_in_291 .kalendar-header-mobile .kalendar-header-title-inner { display: flex; align-items: center; } #kalendar_stacks_in_291 .kalendar-header-mobile .kalendar-header-title-inner h2 { flex: 1 0 auto; padding: 0 10px; } #kalendar_stacks_in_291 .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(230, 230, 230, 1.00); border-radius: 2px; } #kalendar_stacks_in_291 .kalendar-header-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-header-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-header-arrow svg { width: 22px; height: 22px; fill: rgba(230, 230, 230, 1.00); } #kalendar_stacks_in_291 .kalendar-header-title { flex: 1 0 auto; } #kalendar_stacks_in_291 .kalendar-header-title h2 { margin: 0; font-weight: bold; color: rgba(230, 230, 230, 1.00); font-size: 20px; } #kalendar_stacks_in_291 .kalendar-header-title p { margin: 0 0 10px; color: rgba(128, 255, 8, 1.00); font-size: 50px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles { border-top: 1px solid rgba(0, 0, 0, 0.20); color: rgba(255, 255, 255, 1.00); display: flex; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles.mobile { display: none; } #kalendar_stacks_in_291 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 100px; flex: 1 0 auto; text-align: center; justify-content: center; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: none; fill: rgba(255, 255, 255, 1.00); width: 22px; height: 22px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls { padding: 0; border-bottom: none; } #kalendar_stacks_in_291 .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_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span svg { width: 22px; height: 22px; } #kalendar_stacks_in_291 .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_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.controls span.right { margin-left: auto; } #kalendar_stacks_in_291 .kalendar-key-switch { top: 15px; left: 15px; position: absolute; display: none; align-items: center; justify-content: space-between; } #kalendar_stacks_in_291 .kalendar-key-switch span { color: rgba(255, 255, 255, 1.00); line-height: none; margin-left: 10px; } #kalendar_stacks_in_291 .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_291 .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_291 .kalendar-key-switch .key-switch.on { justify-content: flex-end; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-view-toggles.months .kalendar-view-toggle.month::before { display: block; } #kalendar_stacks_in_291 .kalendar-view-toggles.days .kalendar-view-toggle.day::before { display: block; } #kalendar_stacks_in_291 .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: 2px; } #kalendar_stacks_in_291 .kalendar-view-toggles .kalendar-view-toggle:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } #kalendar_stacks_in_291 .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_291 .kalendar-view-toggles .kalendar-view-toggle-text { z-index: 2; position: relative; pointer-events: none; } #kalendar_stacks_in_291 .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: 2px; background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-events { position: relative; padding-top: 50px; } #kalendar_stacks_in_291 .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(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-notice { color: rgba(255, 255, 255, 1.00); display: flex; padding: 20px; min-height: 100%; align-items: center; justify-content: center; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-list { margin: 0; padding: 0; list-style: none; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-list:last-child .kalendar-event-item:last-child { border-bottom: none !important; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item { display: flex; padding-bottom: 15px; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .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_291 .kalendar-event-list .kalendar-event-item-date .date-top, #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-date .date-bottom { text-align: center; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-date .date-top span, #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_291 .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_291 .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_291 .kalendar-event-list .kalendar-event-item-date .date-bottom { color: rgba(255, 255, 255, 0.50); font-size: 16px; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-card { display: flex; flex: 1 0 auto; padding: 0 10px; max-width: calc(100% - 100px); } #kalendar_stacks_in_291 .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_291 .kalendar-event-list .kalendar-event-item-card-content { width: 100%; margin-right: auto; max-width: calc(100% - 45px); } #kalendar_stacks_in_291 .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_291 .kalendar-event-list .kalendar-event-item-card-more svg { width: 18px; height: 18px; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-card .card-title { overflow: hidden; margin-bottom: 5px; text-overflow: ellipsis; font-size: 18px; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-card .card-date-time { display: flex; align-items: center; font-size: 14px; } #kalendar_stacks_in_291 .kalendar-event-list .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; margin-right: 6px; } #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item:nth-child(2) { padding-top: 15px; } #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item:nth-child(2) .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top span, #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_291.days .kalendar-event-list .kalendar-event-item.all-day:nth-child(2) .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_291.months .kalendar-event-group { position: relative; } #kalendar_stacks_in_291.months .kalendar-event-group .kalendar-event-divider { top: 50px; } #kalendar_stacks_in_291.months .kalendar-event-group:first-child .kalendar-content-titles.group { border-top: none; } #kalendar_stacks_in_291.months .kalendar-content-titles.group { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291.months .kalendar-content-titles.group:only-child { display: none; } #kalendar_stacks_in_291.months .kalendar-content-titles.group .kalendar-content-title.left { font-weight: bold; } #kalendar_stacks_in_291.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: none; } #kalendar_stacks_in_291.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: 2px; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item:first-child { padding-top: 15px; } #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item:first-child .kalendar-event-item-date .date-bottom span { display: block; } #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top span, #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom span { display: none; } #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-top svg, #kalendar_stacks_in_291.months .kalendar-event-list .kalendar-event-item.all-day:first-child .kalendar-event-item-date .date-bottom svg { display: block; } #kalendar_stacks_in_291 .kalendar-sidebar { z-index: 1; display: flex; margin: 0 auto; max-width: 300px; position: relative; padding: 0 10px 10px; flex-direction: column; color: rgba(255, 255, 255, 1.00); border-left: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-sidebar-controls { height: 50px; display: flex; padding: 0 5px; align-items: center; color: rgba(255, 255, 255, 1.00); border-bottom: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-sidebar-month { height: 35px; display: flex; flex: 1 0 auto; cursor: pointer; align-items: center; justify-content: center; font-size: 15px; border-radius: 2px; } #kalendar_stacks_in_291 .kalendar-sidebar-month:hover { color: rgba(255, 255, 255, 1.00); background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .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: 2px; } #kalendar_stacks_in_291 .kalendar-sidebar-arrow svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-sidebar-arrow:hover { background: rgba(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-sidebar-arrow:hover svg { fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-sidebar-today { color: rgba(255, 255, 255, 1.00); font-size: 14px; border-radius: 2px; 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_291 .kalendar-sidebar-today:hover, #kalendar_stacks_in_291 .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(0, 114, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-sidebar-key { margin: 10px 0 0; list-style: none; padding: 15px 0px; border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-sidebar-key-switch { display: none; } #kalendar_stacks_in_291 .kalendar-sidebar-key li { display: flex; padding: 10px; cursor: pointer; border-radius: 4px; align-items: center; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .kalendar-sidebar-key li .key-title { font-size: 14px; } #kalendar_stacks_in_291 .kalendar-sidebar-key li .key-toggle { width: 18px; height: 18px; border-radius: 2px; display: flex; margin-left: auto; align-items: center; justify-content: center; } #kalendar_stacks_in_291 .kalendar-sidebar-key li .key-toggle svg { width: 24px; height: 24px; } #kalendar_stacks_in_291 .kalendar-sidebar-key li.off .key-toggle { opacity: 0.5; } #kalendar_stacks_in_291 .kalendar-sidebar-key li.off .key-title { text-decoration: line-through; } #kalendar_stacks_in_291 .kalendar-sidebar-datepicker { position: relative; } #kalendar_stacks_in_291 .kalendar-sidebar-datepicker.loading .vdp-datepicker { opacity: 0.2; pointer-events: none; } #kalendar_stacks_in_291 .kalendar-sidebar-datepicker.loading .kalendar-sidebar-datepicker-loader { display: flex; } #kalendar_stacks_in_291 .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_291 .kalendar-sidebar-datepicker-loader svg { fill: rgba(255, 255, 255, 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_291 .datepicker_stacks_in_291.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(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar header { display: none; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell { padding: 0; border: none; background: none; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.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: 16px; color: rgba(255, 255, 255, 1.00); border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.00); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell .date { line-height: 1; margin-bottom: 3px; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell .dots { left: 50%; bottom: 5px; display: flex; line-height: 1; position: absolute; transform: translateX(-50%); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell .dots .dot { margin: 0 1px; border-radius: 50%; width: 4px; height: 4px; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell.day-header { text-transform: uppercase; color: rgba(33, 255, 6, 0.70); font-size: 12px; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day { height: 40px; transition: all 0.2s; font-size: 16px; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected .cell-inner { background: none; color: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.selected:hover .cell-inner { color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(0, 114, 255, 1.00); background: rgba(0, 0, 0, 0.00); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.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(0, 114, 255, 1.00); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day.highlighted .cell-inner .dot { background: rgba(0, 0, 0, 0.50); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events { position: relative; } #kalendar_stacks_in_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events .cell-event-dropdown.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.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_291 .datepicker_stacks_in_291.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day .cell-inner.has-events:hover .cell-event-dropdown { display: block; } #kalendar_stacks_in_291 .kalendar-event-modal { z-index: 500000; 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_291 .kalendar-event-modal-inner { max-height: 100%; width: 100%; flex: 1 0 auto; margin: 0 auto; max-width: 600px; color: rgba(255, 255, 255, 1.00); border-radius: 4px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } #kalendar_stacks_in_291 .kalendar-event-modal-inner.main-bg-color { background: rgba(51, 51, 51, 1.00); } #kalendar_stacks_in_291 .kalendar-event-modal-inner.main-bg-color::before { opacity: 0; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-inner.main-bg-gradient-2::before { opacity: 0; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-inner.main-bg-gradient-3::before { opacity: 0; } #kalendar_stacks_in_291 .kalendar-event-modal-inner.main-bg-image-ov-color { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-inner.main-bg-image-ov-gradient { background: url() no-repeat center center; background-size: cover; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-header { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 20px; } #kalendar_stacks_in_291 .kalendar-event-modal-header h1 { line-height: 1; text-align: left; margin: 15px 0 10px; font-weight: normal; color: inherit !important; font-size: 22px; } #kalendar_stacks_in_291 .kalendar-event-modal-header h1 span { margin-left: 10px; color: inherit !important; font-size: 12px; } #kalendar_stacks_in_291 .kalendar-event-modal-content { height: 100%; font-size: 14px; overflow-y: scroll; max-height: 500px; color: rgba(255, 255, 255, 1.00); line-height: calc(14px * 1.618); } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-content a { color: rgba(0, 114, 255, 1.00); text-decoration: underline; } #kalendar_stacks_in_291 .kalendar-event-modal-close { width: 24px; height: 24px; margin-left: auto; } #kalendar_stacks_in_291 .kalendar-event-modal-close svg { width: 24px; height: 24px; cursor: pointer; align-items: center; display: inline-flex; justify-content: center; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time { display: flex; margin-top: 20px; } #kalendar_stacks_in_291 .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: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time:first-child { margin-right: 10px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time:last-child { margin-left: 10px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time:only-child { margin: 0 10px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time svg { margin-right: 6px; width: 14px; height: 14px; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-date-time .dots::after { display: table; white-space: nowrap; text-overflow: clip; content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; } #kalendar_stacks_in_291 .kalendar-event-modal-location { font-size: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-location span:not(:only-child):last-child { margin-left: 10px; } #kalendar_stacks_in_291 .kalendar-event-modal-location svg { margin-right: 10px; height: 14px; width: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-description { padding: 10px 20px; } #kalendar_stacks_in_291.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_291.hide-sidebar.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_291.hide-sidebar .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } @media (max-width: 450px) { #kalendar_stacks_in_291 .kalendar-events .kalendar-event-item-card-more { display: none; } #kalendar_stacks_in_291 .kalendar-event-modal-header h1 { text-align: center; font-size: 20px; } #kalendar_stacks_in_291 .kalendar-event-modal-header h1 span { width: 100%; display: block; margin-left: 0; margin-top: 10px; font-size: 12px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time { flex-direction: column; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time:first-child, #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time:last-child { margin: 0; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time { font-size: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .time svg { width: 14px; height: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-date-time .dots { margin: 5px 0; overflow: hidden; } #kalendar_stacks_in_291 .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_291 .kalendar-event-modal-location { text-align: center; font-size: 14px; } #kalendar_stacks_in_291 .kalendar-event-modal-location svg { width: 14px; height: 14px; } } @media (max-width: 700px) { #kalendar_stacks_in_291 .kalendar-header { min-height: 0; } #kalendar_stacks_in_291 .kalendar-header-desktop { display: none; } #kalendar_stacks_in_291 .kalendar-header-mobile { display: flex; } #kalendar_stacks_in_291 .kalendar-header-mobile .kalendar-header-title { text-align: center; } #kalendar_stacks_in_291 .kalendar-header-title h1 { font-size: 24px; } #kalendar_stacks_in_291 .kalendar-header-title p { font-size: 16px; } #kalendar_stacks_in_291 .kalendar-content { flex-direction: column; } #kalendar_stacks_in_291 .kalendar-content .kalendar-key-switch { display: flex; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles.mobile { display: flex; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events { max-width: 100%; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-divider { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-content-title.left { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-content-title:not(.left) { text-align: center; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-card { max-width: calc(100%); } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title { font-size: 16px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-card .card-title span { font-size: 12px; margin-left: auto; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time { font-size: 14px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-card .card-date-time svg { width: 14px; height: 14px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events .kalendar-event-item-date { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-sidebar { border: none; padding: 15px; margin: 0 auto; max-width: 400px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-sidebar-controls { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-sidebar-key.hide-keys { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-sidebar .cell-event-dropdown { display: none !important; } #kalendar_stacks_in_291 .kalendar-content .kalendar-events { border-top: 1px solid rgba(0, 0, 0, 0.20); } #kalendar_stacks_in_291 .kalendar-content .kalendar-event-item-more { display: none; } #kalendar_stacks_in_291.months .kalendar-content-titles.group .kalendar-content-title span:not(.mobile) { display: none; } #kalendar_stacks_in_291.months .kalendar-content-titles.group .kalendar-content-title span.mobile { display: block; } } @media (max-width: px) { #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.left { width: 55px; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.left span { display: none; } #kalendar_stacks_in_291 .kalendar-content .kalendar-content-titles .kalendar-content-title.left svg { display: block; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-divider { width: calc(55px - 1px); } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-item-date { width: 55px; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-item-date .date-top { font-size: 18px; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-item-date .date-bottom { font-size: 14px; } #kalendar_stacks_in_291 .kalendar-events .kalendar-event-item-card { max-width: calc(100% - 55px); } } /* */ #kalendar_stacks_in_291 .kalendar-event { display: none; } /* */ /* */ #kalendar_stacks_in_291 .ARTISSIMO { color: rgba(255, 255, 255, 1.00); /* */ /* */ background: rgba(203, 108, 0, 1.00); background: linear-gradient(to bottom, rgba(203, 108, 0, 1.00), rgba(251, 211, 0, 1.00)); /* */ } #kalendar_stacks_in_291 .ARTISSIMO svg{ fill: rgba(255, 255, 255, 1.00); } #kalendar_stacks_in_291 .ARTISSIMO .subtext svg{ fill: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_291 .ARTISSIMO .subtext{ color: rgba(128, 0, 128, 1.00); } #kalendar_stacks_in_291 .ARTISSIMO .highlight{ color: rgba(255, 255, 255, 1.00); background: rgba(17, 128, 2, 0.30); }.cd-gallery-container li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .cd-gallery-container ol, .cd-gallery-container ul { list-style: none; } /* Main styles */ .cd-container * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-container *, .cd-container *:after, .cd-container *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cd-container a { color: #383838; text-decoration: none; } .cd-container { width: 100%; max-width: 1200px; margin: 0 auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-container ul, .cd-container ol, ul.cd-container, .cd-filter ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .cd-gallery-container { margin: 0 auto; padding-left: 3em; padding-right: 3em; } .cd-filter { position: relative; height: 40px; width: 150px; margin: 0 auto; cursor: pointer; z-index: 10; } .cd-filter::after { /* small arrow icon */ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("../files/images/icon-small-arrow.svg") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } .cd-filter ul { position: absolute; top: 0; left: 0; background: #FFF; border-radius: 0.25em; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .cd-filter li { display: none; } .cd-filter li:first-child { display: block; /* this way the placehodler is alway visible */ } .cd-filter li:last-child a { border-radius: 0 0 .25em .25em; } .cd-filter a { display: block; height: 40px; width: 150px; line-height: 40px; padding-left: 14px; font-size: 14px; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; } .cd-filter.stacks_in_99 a { color: #2292E1; } .cd-filter.stacks_in_99 a.selected { background: #008000; color: #FFFF00; } .no-touch .cd-filter.stacks_in_99 a.selected:hover { background: #1F858E; } .cd-filter.is-open::after { -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); /* small arrow rotation */ } .cd-filter.is-open ul li { display: block; } .cd-filter.is-open .placeholder a { opacity: .4; /* reduces the opacity of the placeholder on mobile when the menu is open */ } @media only screen and (min-width: 768px) { .cd-filter { height: auto; width: auto; } .cd-filter::after { display: none; } .cd-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; } .cd-filter li { display: inline-block; margin: 0 .4em; } .cd-filter li:first-child { display: inline-block; } .cd-filter li.placeholder { display: none !important; } .cd-filter li.placeholder a { display: none; } .cd-filter a { display: inline-block; padding: 1em 2em; height: auto; width: auto; line-height: 1; border-radius: 50em !important; } .no-touch .cd-filter a:hover { box-shadow: inset 0 0 0 2px #1F858E; } .cd-filter a.selected:hover { box-shadow: none; /* removes the hover effect from the selected item */ } .cd-filter.is-open ul li { display: inline-block; } } /* -------------------------------- xgallery -------------------------------- */ .cd-gallery { margin-top: 2em; position: relative; z-index: 5; } .cd-gallery > li { position: relative; margin-bottom: 1em; } .cd-gallery .cd-item-wrapper { /* this is the item that rotates */ position: relative; } .touch .cd-gallery .cd-item-wrapper { /* fix a bug on IOS8 - rotating elements dissapear*/ -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; } .cd-gallery .cd-item-wrapper.is-switched .is-visible { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-animation: cd-rotate 0.5s; -moz-animation: cd-rotate 0.5s; animation: cd-rotate 0.5s; } .cd-gallery .cd-item-wrapper.is-switched .is-hidden { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-animation: cd-rotate-inverse 0.5s; -moz-animation: cd-rotate-inverse 0.5s; animation: cd-rotate-inverse 0.5s; opacity: 0; } .cd-gallery .cd-item-wrapper.is-switched .is-selected { opacity: 1; } .cd-gallery .cd-item-wrapper > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-gallery li.is-visible { /* the front item, visible by default */ position: relative; z-index: 5; } .cd-gallery li.is-hidden { /* the hidden items, right behind the front one */ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .cd-gallery li.is-selected { /* the next item that will be visible */ z-index: 3 !important; } @media only screen and (min-width: 480px) { .cd-gallery > li { width: 100%; float: left; margin-right: 4%; margin-bottom: 1.2em; } .cd-gallery > li:nth-of-type(2n) { margin-right: 0; } } @media only screen and (min-width: 768px) { .cd-gallery > li { width: 100%; float: left; } .cd-gallery > li:nth-of-type(2n) { margin-right: 4%; } .cd-gallery > li:nth-of-type(4n) { margin-right: 0; } } @media only screen and (min-width: 1200px) { .cd-gallery { margin-top: 4em; } } @media only screen and (max-width: 680px) { .cd-gallery-container { padding-left: 0em; padding-right: 0em; } } /* -------------------------------- xkeyframes -------------------------------- */ @-webkit-keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(0); } 70% { -webkit-transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(180deg); } } @-moz-keyframes cd-rotate { 0% { -moz-transform: perspective(800px) rotateY(0); } 70% { -moz-transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -moz-transform: perspective(800px) rotateY(180deg); } } @keyframes cd-rotate { 0% { -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); -ms-transform: perspective(800px) rotateY(0); -o-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } 70% { -webkit-transform: perspective(800px) rotateY(200deg); -moz-transform: perspective(800px) rotateY(200deg); -ms-transform: perspective(800px) rotateY(200deg); -o-transform: perspective(800px) rotateY(200deg); transform: perspective(800px) rotateY(200deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(180deg); -moz-transform: perspective(800px) rotateY(180deg); -ms-transform: perspective(800px) rotateY(180deg); -o-transform: perspective(800px) rotateY(180deg); transform: perspective(800px) rotateY(180deg); } } @-webkit-keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(-180deg); } 70% { -webkit-transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(0); } } @-moz-keyframes cd-rotate-inverse { 0% { -moz-transform: perspective(800px) rotateY(-180deg); } 70% { -moz-transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -moz-transform: perspective(800px) rotateY(0); } } @keyframes cd-rotate-inverse { 0% { -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } 70% { -webkit-transform: perspective(800px) rotateY(20deg); -moz-transform: perspective(800px) rotateY(20deg); -ms-transform: perspective(800px) rotateY(20deg); -o-transform: perspective(800px) rotateY(20deg); transform: perspective(800px) rotateY(20deg); /* this creates the bounce effect */ } 100% { -webkit-transform: perspective(800px) rotateY(0); -moz-transform: perspective(800px) rotateY(0); -ms-transform: perspective(800px) rotateY(0); -o-transform: perspective(800px) rotateY(0); transform: perspective(800px) rotateY(0); } } #stacks_in_99 { border: solid rgba(204, 204, 204, 1.00); border-width: 1px; margin: 3px; } /* Start Height stack CSS code */ .stacks_in_158heightContainer{ height: 700px; min-height: 700px; max-height: 700px; overflow-y: auto !important; } /* End Height stack CSS code *//* 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:15px; 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:#4A4A4A; } /* current day */ td.fc-today .fc-day-number { color: #FB0207; } /* week number */ .fc .fc-week .fc-week-number { color: #4A4A4A;} /* table headers */ .fc-day-header, .fc-widget-header{ color: #222222; background-color:#F1F1F1; } /* main title */ .fc-toolbar h2 { color: #111111; } /* 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:15px; } 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: 15px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } /* @end */ #stacks_in_193 { border: solid rgba(17, 128, 2, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 0px 0px; padding: 30px 0px 0px 0px; } /* DATESNAP EVENT ( My Event ) v.2.0.3 STYLESHEET */ /* DATESNAP EVENT ( My Event ) v.2.0.3 STYLESHEET */ /* Start Height stack CSS code */ .stacks_in_160heightContainer{ height: 700px; min-height: 700px; max-height: 700px; overflow-y: auto !important; } /* End Height stack CSS code *//* 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:15px; 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:#4A4A4A; } /* 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: #222222; background-color:#F1F1F1; } /* main title */ .fc-toolbar h2 { color: #111111; } /* 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:15px; } 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: 18px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } /* @end */ #stacks_in_112 { border: solid rgba(15, 128, 255, 1.00); border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 0px 0px; padding: 30px 0px 0px 0px; } /* DATESNAP EVENT ( Urlaub ) v.2.0.3 STYLESHEET */ /* DATESNAP EVENT ( My Event ) v.2.0.3 STYLESHEET */ #stacks_in_509 .trigger_myID { cursor: pointer; display: inline-block; color: #515151; font-size: 26px; line-height: 26px; padding-left: 1px; } #stacks_in_509 .toggle_open .closed_icon { display: none; } #stacks_in_509 .toggle_closed .open_icon { display: none; } #stacks_in_509 .toggle_open .closed_image { display: none; } #stacks_in_509 .toggle_closed .open_image { display: none; } #stacks_in_509 { position: relative; text-align: center; } #stacks_in_509 .trigger_label, #stacks_in_509 .trigger_label_open { font-size: 18px; color: #515151; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_509 .trigger_label_open { display: none; } /* 1.0.1.4 php requirement removed - bug + now supports radio buttons + customize "on" and "off" text + you can adjust the width of the toggle to fit the customized text */ #stacks_in_508, #stacks_in_508 .toggle-this-wrap-outer { width: 100%; } #stacks_in_508 .toggle-this-wrap-outer, #stacks_in_508 .toggle-this-wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ } #stacks_in_508 .toggle-this-wrap-inner { width: auto; } #stacks_in_508 .toggle-this-wrap-inner > div { -ms-flex-item-align: center; align-self: center; } #stacks_in_508 .toggle-this-wrap-inner .tt-label-left, #stacks_in_508 .toggle-this-wrap-inner .tt-label-right { font-size: 17.000000px; line-height: 17.000000px; } /* */ #stacks_in_508 .toggle-this { margin: 10px 5px; } #stacks_in_508 .toggle-this.ts-3 { margin: 10px 10px; } #stacks_in_508 .toggle-this > * { z-index: 1; } #stacks_in_508 .toggle-this:after { content: ""; display: block; position: absolute; top: -10px; left: -10px; width: 80px; height: 50px; border-radius: 50px; z-index: 0; } #stacks_in_508 .toggle-this, #stacks_in_508 .toggle-this .label-bg, #stacks_in_508 .toggle-this .label-bg > .left-color, #stacks_in_508 .toggle-this .label-bg > .right-color { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 60px; height: 30px; border-radius: 30px; } #stacks_in_508 .toggle-this .label-bg > div > div, #stacks_in_508 .toggle-this label, #stacks_in_508 .toggle-this label:after, #stacks_in_508 .toggle-this label:before { width: 30px; height: 30px; } #stacks_in_508 input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 4; } #stacks_in_508 .toggle-this label, #stacks_in_508 .toggle-this .label-bg, #stacks_in_508 .toggle-this label:after, #stacks_in_508 .toggle-this .label-bg > .left-color, #stacks_in_508 .toggle-this .label-bg > .right-color, #stacks_in_508 .toggle-this .label-bg > div > div { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; } #stacks_in_508 .toggle-this .label-bg > div > div { left: 22.500000px; } #stacks_in_508 .toggle-this.ts-type-4.ts-1 .label-bg > div > div { left: 27.500000px; } #stacks_in_508 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div { left: 0px; } #stacks_in_508 input:checked + .toggle-this label { -webkit-transform: translate(30px,0); transform: translate(30px,0); } #stacks_in_508 .toggle-this:before { width: 70px; height: 40px; border-radius: 40px; top: -5px; left: -5px; } #stacks_in_508 .toggle-this.ts-type-4:after { width: 100px; } #stacks_in_508 .toggle-this.ts-type-2:before { width: 70px; height: 20px; border-radius: 20px; top: 5.000000px; left: -5px; } #stacks_in_508 .toggle-this.ts-type-4, #stacks_in_508 .toggle-this.ts-type-4 .label-bg, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color { width: 80px; height: 30px; } #stacks_in_508 .toggle-this.ts-type-4 label, #stacks_in_508 .toggle-this.ts-type-4 label:after, #stacks_in_508 .toggle-this.ts-type-4 label:before { width: 30px; height: 30px; } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > div > div { width: 52.500000px; height: 45px; } #stacks_in_508 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(50px,0); transform: translate(50px,0); } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { line-height: 30px; } #stacks_in_508 .toggle-this.ts-type-4:before { width: 90px; height: 40px; border-radius: 40px; top: -5px; left: -5px; } #stacks_in_508 .toggle-this.ts-type-5, #stacks_in_508 .toggle-this.ts-type-5 .label-bg, #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color, #stacks_in_508 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { width: 30px; } #stacks_in_508 .toggle-this.ts-type-5:before { width: 40px; } #stacks_in_508 .toggle-this.ts-type-2 .label-bg { height: 9.000000px; top: 10.500000px; } /* */ /* */ /* TOGGLE */ #stacks_in_508 .toggle-this label { z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; } #stacks_in_508 .toggle-this label:after { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid rgba(0,0,0,0.15); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border-radius: 50%; top: 0px; left: 0px; z-index: 2; } #stacks_in_508 .toggle-this.ts-1 label:after { top: -1px; } #stacks_in_508 .toggle-this.ts-2 label:after { border: 0px solid transparent; top: 0px; } /* BACKGROUND */ #stacks_in_508 .toggle-this .label-bg { top: 0px; left: 0px; border: 1px solid rgba(0,0,0,0.15); height: 100%; z-index: 1; overflow: hidden; } #stacks_in_508 .toggle-this .label-bg > .left-color, #stacks_in_508 .toggle-this .label-bg > .right-color { right: 0; left: auto; height: 100%; width: 75%; z-index: 1; -webkit-transition: width 150ms ease; transition: width 150ms ease; } #stacks_in_508 .toggle-this .label-bg > .right-color { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } #stacks_in_508 .toggle-this .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); border-bottom-right-radius: 0px; border-top-right-radius: 0px; right: auto; left: 0; } #stacks_in_508 .toggle-this .label-bg > .left-color > div { left: 0; } #stacks_in_508 input + .toggle-this .label-bg > .left-color { width: 0%; } #stacks_in_508 input:checked + .toggle-this .label-bg > .left-color { width: 75%; } #stacks_in_508 input:checked + .toggle-this .label-bg > .right-color { width: 0%; } /* ICONS */ #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 15.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ /* */ #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(1) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .right-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; background: #fff; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* TEXT */ #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color { overflow: hidden; } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color > div:after, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { content: "aus"; display: block; width: 100%; height: 100%; font-family: arial; font-size: 15.000000px; text-align: center; } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { content: "ein"; } #stacks_in_508 .toggle-this.ts-type-4, #stacks_in_508 .toggle-this.ts-type-4 .label-bg, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color, #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color { width: 80px; } #stacks_in_508 .toggle-this.ts-type-4:before { width: 90px; } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > div > div { width: calc(100% - 30px); } #stacks_in_508 input + .toggle-this.ts-type-4 .label-bg > .left-color { /* width: 0; */ width: 100%; transform: translate(-100%,0); transition: transform 150ms ease; } #stacks_in_508 input:checked + .toggle-this.ts-type-4 .label-bg > .left-color { transform: translate(0%,0); } #stacks_in_508 input:checked + .toggle-this.ts-type-4 label { -webkit-transform: translate(50px,0); transform: translate(50px,0); } /* THIN */ #stacks_in_508 .toggle-this.ts-type-2.ts-2 .label-bg { width: 90%; left: 5%; } #stacks_in_508 .toggle-this.ts-type-2.ts-3 { -webkit-transform: scale(.8); transform: scale(.8); } #stacks_in_508 .toggle-this.ts-type-2.ts-3 label:before { -webkit-transform: scale(1.3); transform: scale(1.3); } #stacks_in_508 .toggle-this.ts-type-2.ts-3 label:after { -webkit-transform: scale(.9); transform: scale(.9); } /* CHECKBOX */ #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .right-color { display: none; } #stacks_in_508 .toggle-this.ts-type-5 label { display: none; } #stacks_in_508 input + .toggle-this.ts-type-5 .label-bg > .left-color { width: 100%; -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_508 input + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 0; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } #stacks_in_508 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color > div > span { opacity: 1; } #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { position: absolute; top: 50%; left: auto; right: 60%; width: 15.000000px; height: 3px; margin: -2px 0px 0px -1.5px; border-radius: 2px; } /* */ #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span { right: auto; left: 32%; top: 45%; margin: 0; } /* */ #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(1) { display: none; } #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2) { -webkit-transform-origin: center; transform-origin: center; width: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; border-radius: 2px; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: rotate(-90deg) translate(0,50%); transform: rotate(-90deg) translate(0,50%); } /* PRESETS */ #stacks_in_508 .toggle-this.ts-2 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.8); transform: scale(.8); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_508 .toggle-this.ts-2 .label-bg { border: 1px solid transparent; background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_508 .toggle-this.ts-2 .label-bg > .left-color, #stacks_in_508 .toggle-this.ts-2 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_508 .toggle-this.ts-2 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-2 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_508 .toggle-this.ts-2 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_508 .toggle-this.ts-2 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } #stacks_in_508 .toggle-this.ts-2.ts-type-5 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color > div > span{ left: 33%; } #stacks_in_508 .toggle-this:before { content: ""; position: absolute; z-index: 1; } #stacks_in_508 .toggle-this.ts-3:before { -webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2), inset 0px -5px 5px rgba(0,0,0,0); box-shadow: inset 0px 5px 5px rgba(0,0,0,0.15), inset 0px -5px 5px rgba(255,255,255,0.4); } #stacks_in_508 .toggle-this.ts-type-2.ts-3:after { -webkit-box-shadow: none; box-shadow: none; } #stacks_in_508 .toggle-this.ts-3 label:after { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.7); transform: scale(.7); -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,.10)), to(rgba(0,0,0,0))); background-image: ease-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 100%); } #stacks_in_508 .toggle-this.ts-3 label:before { content: ""; display: block; position: absolute; top: 0; left: 0; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0px solid transparent; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; top: 0px; left: 0px; z-index: 2; -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(1); transform: scale(1); background-image: -webkit-gradient(ease, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))); background-image: ease-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%); } #stacks_in_508 .toggle-this.ts-3 .label-bg { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.15); background: rgba(0,0,0,0.15); -webkit-transition: background 150ms ease; transition: background 150ms ease; } #stacks_in_508 .toggle-this.ts-3 .label-bg > .left-color, #stacks_in_508 .toggle-this.ts-3 .label-bg > .right-color { background: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_508 .toggle-this.ts-3.ts-type-5 .label-bg > .left-color { -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3); } #stacks_in_508 .toggle-this.ts-3 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-3 .label-bg > .right-color > div > span { right: auto; left: 20%; } #stacks_in_508 .toggle-this.ts-3 .label-bg > .right-color > div { right: 0; left: auto; } #stacks_in_508 .toggle-this.ts-3 .label-bg > .left-color > div > span { right: auto; left: 40%; top: 45%; margin: 0; } /* COLORS */ #stacks_in_508 .toggle-this.ts-3:after, #stacks_in_508 .toggle-this:before { background-color: rgba(255, 255, 255, 0.00); } #stacks_in_508 .toggle-this.ts-type-5.ts-3:after, #stacks_in_508 .toggle-this.ts-type-5:before { background-color: transparent; } #stacks_in_508 .toggle-this .label-bg > .right-color, #stacks_in_508 .toggle-this.ts-2 .label-bg, #stacks_in_508 .toggle-this.ts-3 .label-bg, #stacks_in_508 input + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(221, 221, 221, 1.00); } #stacks_in_508 .toggle-this.ts-type-2.ts-2 label:after { border: 1px solid rgba(0,0,0,0.15); } #stacks_in_508 .toggle-this label:after, #stacks_in_508 .toggle-this label:before { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_508 .toggle-this.ts-type-5 label:after, #stacks_in_508 .toggle-this.ts-type-5 label:before { background-color: transparent; } #stacks_in_508 .toggle-this .label-bg > .left-color, #stacks_in_508 input:checked + .toggle-this.ts-2 .label-bg, #stacks_in_508 input:checked + .toggle-this.ts-3 .label-bg, #stacks_in_508 input:checked + .toggle-this.ts-type-5 .label-bg > .left-color { background-color: rgba(71, 152, 209, 1.00); } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .right-color > div > span { background-color: rgba(76, 76, 76, 1.00); } #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span, #stacks_in_508 .toggle-this.ts-type-3 .label-bg > .left-color > div > span:nth-child(2):after { background-color: rgba(255, 255, 255, 1.00); } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .right-color > div:after { color: rgba(76, 76, 76, 1.00); } #stacks_in_508 .toggle-this.ts-type-4 .label-bg > .left-color > div:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2), #stacks_in_508 .toggle-this.ts-type-5 .label-bg > .left-color > div > span:nth-child(2):after { background: rgba(255, 255, 255, 1.00); } #stacks_in_508 .toggle-this.ts-type-4.ts-1 .label-bg > .right-color > div:after { } #stacks_in_508 .toggle-this.ts-type-4.ts-1 .label-bg > .left-color > div:after { } #stacks_in_508 .toggle-this.ts-type-4.ts-2 .label-bg > .right-color > div:after, #stacks_in_508 .toggle-this.ts-type-4.ts-2 .label-bg > .left-color > div:after { text-shadow: none; } /* */ /* */ /* */ /* TOGGLE STATES/ACTIONS */ /* */ /* */ /* */ /* */ /* */ #stacks_in_174>.s3_row { margin: 0 -0px; } #stacks_in_174>.s3_row>.s3_column_left { width: 66.00%; } #stacks_in_174>.s3_row>.s3_column_right { width: 34.000000%; } #stacks_in_174>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_174 { border: solid rgba(179, 179, 179, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 40px 20px 20px 20px; } #stacks_out_174 { width: 360px; } #stacks_in_170 { margin: 40px 10px 0px 20px; } @media print { #stacks_in_168 { display: none; } } #stacks_in_168 { margin: 44px 0px 0px 0px; padding: 0px 20px 10px 10px; } #stacks_out_168 { width: 100px; margin-left:0; } #stacks_in_172 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 20px; padding: 20px; } #stacks_out_172 { width: 250px; } .addthisevent {visibility:hidden;} #stacks_in_169 { margin: 20px; } #stacks_in_233 { margin: 16px; padding: 17px; } #diamonds_stacks_in_495 .loadcenter_wrap { position: relative; -webkit-perspective: 500; -ms-perspective: 500; -o-perspective: 500; perspective: 500; } #diamonds_stacks_in_495.loadcenter { height: 320px; width: 320px; padding-left: 20px; } #diamonds_stacks_in_495.loadcenter svg { position: absolute; top: 0; left: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } #diamonds_stacks_in_495.loadcenter path { fill: none; stroke: #000000; stroke-width: 2; fill: none; -webkit-transition: all .3s; transition: all .3s; } #diamonds_stacks_in_495.loadcenter .l1 path { stroke-dasharray: 450; stroke-dashoffset: 900; -webkit-animation: LOADING1 4s linear 0s infinite; -ms-animation: LOADING1 4s linear 0s infinite; animation: LOADING1 4s linear 0s infinite; } #diamonds_stacks_in_495.loadcenter .l2 path { stroke-dasharray: 340; stroke-dashoffset: 340; -webkit-animation: LOADING2 3s linear 0s infinite; -ms-animation: LOADING2 3s linear 0s infinite; animation: LOADING2 3s linear 0s infinite; } #diamonds_stacks_in_495.loadcenter .l3 path { stroke-dasharray: 230; stroke-dashoffset: 230; -webkit-animation: LOADING3 2s linear 0s infinite; -ms-animation: LOADING3 2s linear 0s infinite; animation: LOADING3 2s linear 0s infinite; } @-webkit-keyframes LOADING1 { 0% { stroke-dashoffset: -900; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 900; } } @keyframes LOADING1 { 0% { stroke-dashoffset: -900; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 900; } } @-webkit-keyframes LOADING2 { 0% { stroke-dashoffset: 340; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -340; } } @keyframes LOADING2 { 0% { stroke-dashoffset: 340; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -340; } } @-webkit-keyframes LOADING3 { 0% { stroke-dashoffset: -230; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 230; } } @keyframes LOADING3 { 0% { stroke-dashoffset: -230; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 230; } } #diamonds_stacks_in_495 .loadcenter_wrap .l1 { -webkit-animation: TURN 2.5s linear 0s infinite; animation: TURN 2.5s linear 0s infinite; } #diamonds_stacks_in_495 .loadcenter_wrap .l2 { -webkit-animation: TURN 2s linear 0s infinite; animation: TURN 2s linear 0s infinite; } #diamonds_stacks_in_495 .loadcenter_wrap .l3 { -webkit-animation: TURN 1.5s linear 0s infinite; animation: TURN 1.5s linear 0s infinite; } @-webkit-keyframes TURN { 0% { -webkit-transform: rotateY(0deg); opacity: 1 } 25% { -webkit-transform: rotateY(90deg); opacity: .6 } 50% { -webkit-transform: rotateY(180deg); opacity: 1 } 75% { -webkit-transform: rotateY(270deg); opacity: .6 } 100% { -webkit-transform: rotateY(360deg); opacity: 1 } } @-webkit-keyframes TURNBACK { 0% { -webkit-transform: rotateY(360deg); opacity: 1 } 25% { -webkit-transform: rotateY(270deg); opacity: .6 } 50% { -webkit-transform: rotateY(180deg); opacity: 1 } 75% { -webkit-transform: rotateY(90deg); opacity: .6 } 100% { -webkit-transform: rotateY(0deg); opacity: 1 } } #stacks_in_495 { margin: 5px; padding: 20px; } .stacks_in_243 { }