.hasDatepicker {display:inline-block;border:1px solid #ddd;padding:15px;}
.hasDatepicker .ui-datepicker-calendar{margin-bottom:0;}
.calendar-group {font-size:15px;position: relative;width:100%;padding:15px;transition:all 1s;background:#fff;}
.calendar-group.active {right:0px;transition:all 1s;}

.calendar-group .calendar_box{position:relative;overflow: auto;margin:0 auto;}
.calendar-group .calendar_box::-webkit-scrollbar {width: 0px; background: transparent;}
.calendar-group .ui-state-default{color:#000}
.calendar-group .active{}
.calendar-group .active a{position:relative}
.calendar-group .active a:after{content:'';width:6px;height:6px;background:#0F4C81;border-radius:50%;display:inline-block;position:absolute;bottom:-6px;left:calc(50% - 3px);}

.calendar-group .ui-datepicker-current-day{background:#062b56;color:#fff}
.calendar-group .ui-datepicker-current-day a{color:#fff}
.calendar-group .ui-datepicker-current-day.active a:after{display:none}
.calendar-group .ui-datepicker-today{background:#b12009;color:#fff}
.calendar-group .ui-datepicker-today a{color:#fff}

.calendar-group .calendar_place{display:inline-block;width:100%;max-width:315px;}
.calendar-group .event_place{display:inline-block;width:100%;max-width:315px;text-align:left;}
@media (min-width: 700px){
.calendar-group .calendar_place{display:block;float:left;width:100%;max-width:315px;}
.calendar-group .event_place{display:block;float:right;width:calc(100% - 350px);max-width:calc(100% - 350px);text-align:left;}	
}
.calendar-group .open_calendar{position:absolute;line-height:1;left:-60px;top:calc(50% - 135px);background:#fff;text-align:center;font-size:30px;width:60px;padding:18px;border-top-left-radius:5px;border-bottom-left-radius:5px;cursor:pointer;border:1px solid #000;border-right:0;transition: visibility 1s, opacity 0.5s linear;}
.calendar-group .open_calendar i{color:#b12009;}
.calendar-group ul{list-style:none;margin-left:0!important;padding-left:0;margin-top:0!important;}
.calendar-group ul li{width:100%;display:inline-block;border-bottom:1px solid #ddd;padding-bottom:23px;padding-top:16px;}
.calendar-group ul li:first-child{padding-top:0px;}
.calendar-group ul li .calendar-image{width:30%;max-width:100px;display:block;float:left;margin-right:15px;}
.calendar-group ul li .calendar-image img{max-width:100%;}
.calendar-group ul li .calendar-text{display:block;float:left;width:calc(70% - 15px);}
#content .calendar-group ul li .calendar-text h3{padding-top:0px;margin-bottom:10px;line-height:16px;}
.calendar-group ul li .calendar-text h3 a{text-decoration:none;font-size:15px;line-height:16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.calendar-group ul li .calendar-text p{margin-bottom:0;}
.calendar-group .ui-datepicker-header{text-align:center}
.calendar-group .ui-icon{text-indent:1px;cursor:pointer;}
.calendar-group .ui-datepicker-prev{float:left}
.calendar-group .ui-datepicker-next{float:right}
.calendar-group .ui-datepicker-title{width:100%;display:inline-block;font-weight:600;margin-top:5px;margin-bottom:5px;text-transform:uppercase;}
.calendar-group .ui-datepicker-calendar{text-align:center}
.calendar-group .ui-datepicker-calendar th{text-align:center;font-weight:bold;}
.calendar-group .ui-datepicker-calendar{border:0;}
.calendar-group .ui-datepicker-calendar th{border:0;width:45px;height:38px;padding:0;vertical-align:middle;border-radius:50%}
.calendar-group .ui-datepicker-calendar td{border:0;width:45px;height:38px;padding:0;vertical-align:middle;border-radius:50%}
.calendar-group .ui-datepicker-calendar a{text-decoration:none;}
.calendar-group .ui-datepicker-prev{text-decoration:none}
.calendar-group .ui-datepicker-next{text-decoration:none}
.calendar-group .ui-icon-circle-triangle-w{text-decoration:none;color:#000;text-transform:uppercase;font-size:12px;}
.calendar-group .ui-icon-circle-triangle-w:before{content:"<";color:#0F4C81;font-weight:600;display:block;float:left;font-size:12px;text-decoration:none;margin-right:5px;margin-top:3px;}
.calendar-group .ui-icon-circle-triangle-e{text-decoration:none;color:#000;text-transform:uppercase;font-size:12px;}
.calendar-group .ui-icon-circle-triangle-e:after{content:">";color:#0F4C81;font-weight:600;display:block;float:right;font-size:12px;text-decoration:none;margin-left:5px;margin-top:3px;}

.empty_resoult{text-align:center;padding-top:15px;}
.empty_resoult a{color:#fff;background:#b12009;display:inline-block;padding:5px 10px;margin-top:20px;text-align:center;border-radius:5px;text-decoration:none;}
.empty_resoult a:hover{text-decoration:none;color:#fff;}

.close-mobile{width:40px;height:40px;border:1px solid #abb8c3;border-radius:5px;float:right;margin-right:3px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;}
.close-mobile i {font-size:30px;color:#abb8c3}
.close-mobile{display:none;}
@media (max-width: 700px){
	.calendar-group{border-left:none;}
	.close-mobile{width:50px;height:50px;position:absolute;top:0px;right:0px;border:1px solid #000;border-radius:5px;float:right;margin-right:0px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}
	.close-mobile i {font-size:30px;color:#000}
	.calendar-group {width:100%;right:-100%;text-align:center;}
	.calendar-group.active {right:0px;}
	.calendar-group .calendar_place{margin-top:60px;}
}