.calendar-container{height:100%;padding:20px;font:13px Helvetica,Arial,san-serif;position:relative;margin:0 auto;background:#fff;width:50%;float:left;display:inline-block}@media (max-width:991.98px){.calendar-container{padding:0}}@media (max-width:767.98px){.calendar-container{padding:0;width:100%}}.calendar-container:after{clear:both}.calendar{padding:0;width:100%}.year-header{height:40px;color:#fff;position:relative;border-top-left-radius:3px;text-align:center;background:#fff;margin-top:20px}.year-header span{font-size:20px;color:#000;line-height:40px;display:inline-block}.left-button,.right-button{font-size:14px!important;color:#ccc!important;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:absolute;text-align:center;cursor:pointer;width:28px}@media (prefers-reduced-motion:reduce){.left-button,.right-button{-webkit-transition:none;-o-transition:none;transition:none}}.left-button:hover,.right-button:hover{color:#7e0cf5!important}.left-button{left:0}.right-button{right:0;top:0}.button{padding:.65rem 1.9rem;font-size:1rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;outline:none;border-radius:25px;background:#7e0cf5;cursor:pointer}.button.button-white{color:#000;background:#fff}.button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}#cancel-button{background:#cd4dcc}#add-button{right:20px;position:absolute;bottom:20px;display:block}#add-button:hover,#cancel-button:hover,#ok-button:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}#add-button:active,#cancel-button:active,#ok-button:active{-webkit-transform:translateY(3px) scale(.97);-ms-transform:translateY(3px) scale(.97);transform:translateY(3px) scale(.97)}.dates-table,.days-table,.months-table{border-collapse:separate;text-align:center}.day{padding:0 10px;font-size:10px;border:2px solid transparent;color:#000}.day,.month{height:26px;text-transform:uppercase;width:26px;line-height:26px}.month{padding:10px 2px 0;font-size:11px;color:#ccc;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s;cursor:default}@media (max-width:991.98px){.month{font-size:8px}}@media (max-width:767.98px){.month{font-size:10.5px}}.active-month{font-weight:700;color:#000}.month:hover{color:#cd4dcc}.table-date{height:26px;padding:10px;font-size:15px;border:2px solid transparent;color:#2b2b2b;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s;position:relative;text-align:center;border-radius:50%;cursor:default;width:26px;line-height:26px}.table-date:not(.nil):hover{border-color:#cd4dcc}.event-date{border-color:#7e0cf5;color:#fff;background:#7e0cf5}.event-date:after{height:10px;content:"";position:absolute;top:0;border-radius:50%;background:#28a745;left:0;width:10px}.active-date{color:#fff;background:#cd4dcc}.event-date.active-date{background:#7e0cf5}.dialog{height:500px;right:0;position:absolute;top:0;background:#000;width:50%;display:none;z-index:5}@media (max-width:767.98px){.dialog{width:100%}}.dialog-header{font-size:28px;color:#fff;text-align:center;margin:20px}.form-container{margin-top:25%}.form-label{font-size:13px;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:1px}.input{height:20px;border:none;margin-bottom:50px;color:#fff;-webkit-transition:border-color .25s;-o-transition:border-color .25s;transition:border-color .25s;border-bottom:1px solid hsla(0,0%,100%,.2);text-align:center;background:none;width:300px;display:block}.input:focus{border-color:#fff;outline:none}.error-input{border-color:#cd4dcc}