@keyframes animation-lights {
    0% {
        filter: brightness(0.4);
    }
    20% {
        filter: brightness(0.9);
    }
    50% {
        filter: brightness(1);
    }
    80% {
        filter: brightness(0.9);
    }
    100% {
        filter: brightness(0.4);
    }
}
.calendar-event-newyear {
    /*.navigation-side-menu::before {
    	position        : relative !important;
    	display         : block !important;
    	overflow        : visible;
    	height          : 22px;
    	content         : '';
    	background      : url(/public/images/calendar-events/newyear/snow1.png) no-repeat center top 9px !important;
    	background-size : 240px !important;

    	html.dark & {
    		filter : brightness(80%) invert(100%);
    	}
    }*/
}
.calendar-event-newyear #scrolltop {
    background: transparent url(/public/images/calendar-events/newyear/new-year-ball1.png) no-repeat center !important;
    background-size: contain !important;
}
.calendar-event-newyear #scrolltop .fa {
    padding-bottom: 42px !important;
    color: #52010b !important;
}
.calendar-event-newyear .navigation-side-menu::after {
    position: relative !important;
    display: block !important;
    overflow: visible;
    height: 160px;
    content: "";
    animation: animation-lights 5s infinite;
    background: url(/public/images/calendar-events/newyear/lights.png) no-repeat top 0 left 31px !important;
    background-size: 21px !important;
}
.calendar-event-newyear .navigation-paginator::before {
    background-position: center top 18px !important;
    background-size: 80px !important;
}
.calendar-event-newyear .navbar {
    background: repeat-y url(/public/images/calendar-events/newyear/header-white.png) !important;
    background-size: cover !important;
}
html.dark .calendar-event-newyear .navbar {
    background-image: url(/public/images/calendar-events/newyear/header-black.png) !important;
}
.calendar-event-newyear #input_comment {
    background: repeat-y url(/public/images/calendar-events/newyear/textarea-white.jpg) !important;
    background-size: 100% !important;
}
html.dark .calendar-event-newyear #input_comment {
    background-image: url(/public/images/calendar-events/newyear/textarea-black.jpg) !important;
}
.calendar-event-newyear .pull-right > .navigation-paginator::before {
    height: 0;
    content: none;
}

.calendar-event-halloween #scrolltop {
    background: transparent url(/public/images/calendar-events/halloween/pumpkin.png) no-repeat center !important;
    background-size: contain !important;
}
.calendar-event-halloween #scrolltop .fa {
    padding-bottom: 32px !important;
    color: #fed51c !important;
}
.calendar-event-halloween .navigation-side-menu::after {
    position: relative !important;
    display: block !important;
    overflow: visible;
    height: 160px;
    content: "";
    background: url(/public/images/calendar-events/halloween/spider.png) no-repeat top 0 left 6px !important;
    background-size: 55px !important;
}

.calendar-event-cosmoday #scrolltop {
    background: transparent url(/public/images/calendar-events/cosmoday/up.png) no-repeat center !important;
    background-size: contain !important;
}
.calendar-event-cosmoday #scrolltop .fa {
    padding-bottom: 54px !important;
    color: #322f5e !important;
}
.calendar-event-cosmoday .navigation-side-menu::after {
    position: relative !important;
    display: block !important;
    overflow: visible;
    height: 160px;
    content: "";
    background: no-repeat center center url(/public/images/calendar-events/cosmoday/gagarin.png) !important;
    background-size: 110px !important;
}

.calendar-event-xgm-birthday #scrolltop {
    background: transparent url(/public/images/calendar-events/xgm-birthday/up.png) no-repeat center !important;
    background-size: contain !important;
}
.calendar-event-xgm-birthday #scrolltop .fa {
    padding-bottom: 54px !important;
    color: #ffffff !important;
}
.calendar-event-xgm-birthday .navigation-side-menu::after {
    position: relative !important;
    display: block !important;
    overflow: visible;
    height: 160px;
    content: "";
    background: no-repeat center center url(/public/images/calendar-events/xgm-birthday/cake.png) !important;
    background-size: 110px !important;
    margin-top: var(--space-standard);
}

.calendar-event-victoryday .navigation-side-menu::after {
    position: relative !important;
    display: block !important;
    overflow: visible;
    height: 160px;
    content: "";
    background: no-repeat center center url(/public/images/calendar-events/victoryday/billboard.png) !important;
    background-size: 110px !important;
}