.calendar_diakon{
	background:#f6f6f6;
}
.calendar_diakon .ui-datepicker{
	width:100%;
}
.ttw-webinar-page__sidebar .wrapper_calendar_diakon{
	margin-bottom:50px;
}
.wrapper_calendar_diakon{  
	padding:20px;
	box-shadow: 0px 0px 2px 1px #e8e8e8;
	background:#f4f4f4;
	margin:0px auto;
	border-radius:var(--ttw-radius);
}
.calendar_diakon .ui-widget-content{
	background:#f4f4f4;
}

.calendar_diakon .ui-datepicker-prev span{
	display:none !important;
}
.calendar_diakon .ui-datepicker-next span{
	display:none  !important;
}
.calendar_diakon .ui-datepicker-prev{
    background-image: url('./images/right-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    border-radius: 50%;
    background-position: center !important;
    background-size: 14px !important;
	transform:rotate(180deg);
	border:none !important;
	background-position-x: 9px !important;
	background-position-y: center !important;
	left: 1px !important;
    top: 2px !important;
	cursor:pointer;
	width:32px !important;
	height:32px !important;
}
.calendar_diakon .ui-datepicker-next{
    background-image: url('./images/right-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    border-radius: 50%;
    background-position-y: center !important;
    background-size: 14px !important;
    border: none !important;
    right: 1px !important;
    top: 2px !important;
    background-position-x: 9px !important;
	cursor:pointer;
	width:32px !important;
	height:32px !important;
}
.calendar_diakon .ui-widget-header{
	background:none;
	border:none;
}


.calendar_diakon .ui-datepicker .ui-state-default{
	background:#fff;
	border:none;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
	height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: 2px 2px 1px 1px #f0f0f0;
	cursor:pointer;
}
.calendar_diakon .ui-datepicker td{
	background-color:transparent  !important;
	padding:3px;
}
.calendar_diakon .ui-datepicker td.ui-datepicker-other-month a{
	color:#bebebe !important;
} 
.calendar_diakon .ui-widget.ui-widget-content {
    border: none;
	padding:0px;
	box-sizing:border-box;
}

.wrapper_calendar_diakon #events-list{
	margin-top:10px;
}
.wrapper_calendar_diakon #events-list #events-container{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.wrapper_calendar_diakon #events-list #events-container .event-name{
    display: block;
    padding: 2px 13px;
    border-radius: 20px;
    font-size: 13px;
	cursor:pointer;
	font-weight:500;
	transition:all .2s;
}
.wrapper_calendar_diakon #events-list #events-container .event-name.active{
    box-shadow: 5px 2px 8px 1px #c0bdbd;
    opacity: .9;
}
.wrapper_calendar_diakon .ui-state-active,.wrapper_calendar_diakon .ui-widget-content .ui-state-active{
	color:inherit;
}
.calendar_diakon .ui-datepicker td.event-day.hidden_event a{
	background:#fff;
	color:#000;
}


.wrapper_calendar_diakon .type-event-club:not(.ui-datepicker-other-month), .wrapper_calendar_diakon .calendar_diakon .type-event-club:not(.ui-datepicker-other-month) a{
	background:#dc8580;
	color:#fff;
}
.wrapper_calendar_diakon .type-event-vebinar:not(.ui-datepicker-other-month), .wrapper_calendar_diakon .calendar_diakon .type-event-vebinar:not(.ui-datepicker-other-month) a{
	background:#fb5e00;
	color:#fff;
}
.wrapper_calendar_diakon .type-event-seminar:not(.ui-datepicker-other-month), .wrapper_calendar_diakon .calendar_diakon .type-event-seminar:not(.ui-datepicker-other-month) a{
	background:#fff53e;
}


.wrapper_calendar_diakon .ui-datepicker .ui-datepicker-title select{
	width:auto;
	padding:6.5px 21px 6.5px 10px;
	box-shadow: 2px 2px 1px 1px #f0f0f0;
	border:none;
	border-radius: 10px;
	outline:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	height: 32px;
    line-height: 19px;
	position:relative;
	background-image:url('./images/caret-arrow-up.png');
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 88%;
	background-size: 15px;
}
.calendar_diakon .ui-datepicker-title{
	display:flex;
	justify-content:center;
	gap:5px;
}