.title{text-align:center}.calendar-container{font-size:18px;border:1px solid #0d3254;margin:0;border-radius:1px;background:hsla(0,4%,85%,.15)}.calendar,.calendar-container{overflow:hidden;position:relative;text-align:center}.calendar{height:100%;color:#000;font:15px/1em inherit;text-transform:capitalize;background:hsla(0,0%,95%,.5);width:100%}.calendar a{text-decoration:none;color:inherit}.calendar header{margin-bottom:25px;margin-top:20px}.calendar header .btn{height:2.5em;border:2px solid #0d3254;color:#0d3254;position:absolute;opacity:.75;min-width:0!important;text-align:center;border-radius:50%;width:2.5em;line-height:2.5em;touch-action:auto;display:inline-block}.calendar header .btn:hover{color:#333;opacity:1;background:#fff}.calendar header .btn:before{height:9px;transform:rotate(45deg);content:"";position:absolute;border-style:solid;border-width:2px 2px 0 0;top:11px;transform-origin:center center;left:10px;width:9px}.calendar header .btn-prev{transform:rotate(-180deg);top:15px;left:15px}.calendar header .btn-next{right:15px;top:15px}.calendar header .btn-next:before{transform:rotate(45deg)}.calendar header .month{padding:0;font-size:24px;color:#0d3254;text-transform:uppercase;margin:0;display:contents}.calendar header .month .year{font-size:24px;font-weight:600;color:#0d3254;display:contents}.calendar table{margin:0;border-spacing:0;width:100%}.calendar thead{font-size:18px;font-weight:600}.calendar td{height:60px;padding:0 .1em 1.4em}.calendar .day{height:2em;border:2px solid transparent;font-weight:600;position:relative;border-radius:50%;cursor:pointer;width:2em;line-height:1.75em;display:inline-block}.calendar .day:hover{border:2px solid red}.calendar .day.today{color:#fff;background:#0d3254}.calendar .day.today.has-event:after{background:transparent}.calendar .day.wrong-month{color:#999}.calendar .day.wrong-month:hover{border:2px solid transparent}.calendar .day.has-event:after{height:2em;border:2px solid #0d3254;content:"";position:absolute;top:-2px;border-radius:50%;background:transparent;left:-2px;width:2em;line-height:1.25em}.calendar .day.has-event:active,.calendar .day.has-event:focus,.calendar .day.has-event:hover{color:#fff;background:#0d3254}.calendar .day.disabled{cursor:default}.calendar .day.disabled:hover{border:2px solid transparent}.calendar .event-container{height:100%;padding:60px;position:absolute;top:0;box-sizing:border-box;background:#2eabe2;left:0;width:100%;display:none}.calendar .event-container .event-wrapper{animation:event .3s;overflow-y:auto;max-height:100%}.calendar .event-container .close{animation:close .3s;height:44px;right:11px;position:absolute;opacity:1;top:11px;background:url(https://veelpins.online/assets/images/pagespecial/close.svg);cursor:pointer;width:44px}.calendar .event-container .event{padding:15px;margin-bottom:15px;color:#fff;position:relative;border-bottom:2px solid #fff;text-align:left;box-sizing:border-box;box-shadow:none;background:transparent;width:100%}.calendar .event-container .event-date{font-size:18px;font-weight:600;margin-bottom:15px}.calendar .event-container .event-hour{font-size:18px;font-weight:600;float:right}.calendar .event-container .event-summary{font-size:18px;font-weight:600;text-transform:uppercase}.calendar .filler{height:2em;transform:translate(-50%,-50%);position:absolute;border-radius:50%;background:#2eabe2;width:2em}.takvim{height:100%}@keyframes event{0%{opacity:0;margin-top:15px}to{opacity:1;margin-top:0}}@keyframes close{0%{opacity:0}to{opacity:1}}@media screen and (max-width:991px){.calendar{padding:15px 0 5px}.calendar-container{margin:0 0 95px;border-radius:4px}.calendar table{margin:10px 0 0 5px;width:calc(100% - 10px)}.calendar header{margin-top:2.5px}.calendar header .month,.calendar header .month .year{color:#0d3254}.calendar header .btn{border:2px solid #0d3254;color:#0d3254}.calendar header .btn:hover{color:#fff;background:#0d3254}.calendar header .btn-prev{top:15px;left:15px}.calendar header .btn-next{right:15px;top:15px}.calendar .event-container .close{right:10px;top:10px}}@media screen and (max-width:414px){.calendar td{padding:0}.calendar .day{height:2em;width:2em;line-height:1.75em}.calendar table{margin:10px 0 0 5px;width:calc(100% - 10px)}.calendar .day.has-event:after{height:2em;border:2px solid #0d3254;content:"";position:absolute;top:-2px;border-radius:50%;background:transparent;left:-2px;width:2em;line-height:1.75em}.calendar .filler{height:2em;width:2em}}@media screen and (max-width:374px){.calendar table{margin:10px 0 0 10px;width:calc(100% - 20px)}}@media screen and (max-width:320px){.calendar table{height:360px}}