body{height:100%;margin:0;background:#005c97;width:100%;font-family:Helvetica}.content{overflow:none;padding:0;position:relative;max-width:360px;margin:20px auto}.events-container{border-bottom-right-radius:3px;height:100%;overflow-y:hidden;padding:0;border-top-right-radius:3px;font:13px Helvetica,Arial,sans-serif;margin:0 auto;width:100%;display:inline-block}.events-container:after{clear:both}.event-card{border-left:10px solid #52a0fd;padding:20px 0;margin:20px 0;box-shadow:3px 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:3px 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-webkit-box-shadow:3px 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border-radius:3px;background:#fff;width:352px;display:block}.event-cancelled,.event-count,.event-name{padding:0 10px;font-size:1rem}.event-count{color:#52a0fd;text-align:right}.event-name{padding-right:0;text-align:center}.event-cancelled{color:#ff1744;text-align:right}.calendar-container{border-bottom-left-radius:3px;height:100%;font:13px Helvetica,Arial,san-serif;position:relative;border-top-left-radius:3px;margin:0 auto;box-shadow:3px 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:3px 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.19),0 6px 6px rgb(0 0 0/9%);background:#fff;width:100%;display:inline-block}.calendar-container:after{clear:both}.calendar{display:block}.year-header{height:40px;height:100%;color:#fff;position:relative;border-top-left-radius:3px;text-align:center;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#52a0fd;background:-moz-linear-gradient(left,#52a0fd 0,#00c9fb 80%,#00c9fb 100%);background:-webkit-linear-gradient(left,#52a0fd,#00c9fb 80%,#00c9fb);background:linear-gradient(90deg,#52a0fd 0,#00c9fb 80%,#00c9fb);font-family:Helvetica}.year-header span{font-size:20px;line-height:40px;display:inline-block}.left-button,.right-button{position:absolute;text-align:center;cursor:pointer;width:28px}.left-button{-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;left:0}.right-button{-moz-border-radius-topright:5px;right:0;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;top:0}.left-button:hover{background:#3fadff}.right-button:hover{background:#00c1ff}.button{padding:.65rem 1.9rem;font-size:1rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;transition:all .2s ease;outline:none;box-shadow:-1px 10px 20px #9bc6fd;border-radius:25px;background:#52a0fd;background:-moz-linear-gradient(left,#52a0fd 0,#00c9fb 80%,#00c9fb 100%);background:-webkit-linear-gradient(left,#52a0fd,#00c9fb 80%,#00c9fb);background:linear-gradient(90deg,#52a0fd 0,#00c9fb 80%,#00c9fb);cursor:pointer}#cancel-button{box-shadow:-1px 10px 20px #ff7dae;background:#ff1744;background:-moz-linear-gradient(left,#ff1744 0,#ff5d95 80%,#ff5d95 100%);background:-webkit-linear-gradient(left,#ff1744,#ff5d95 80%,#ff5d95);background:linear-gradient(90deg,#ff1744 0,#ff5d95 80%,#ff5d95)}#add-button{right:20px;position:absolute;bottom:20px;display:block}#add-button:hover,#cancel-button:hover,#ok-button:hover{transform:scale(1.03)}#add-button:active,#cancel-button:active,#ok-button:active{transform:translateY(3px) scale(.97)}.dates-table,.days-table,.months-table{border-collapse:separate;text-align:center;width:100%}.day{padding:0 10px;font-size:90%;border:2px solid transparent}.day,.month{height:26px;color:#9e9e9e;text-transform:uppercase;width:26px;line-height:26px}.month{padding:10px 2px 0;font-size:11px;transition:all .25s;cursor:default}.active-month{font-size:14px;font-weight:700;color:#0e96d4}.month:hover{text-shadow:0 1px 4px #0e96d4;color:#0e96d4}.table-date{height:35px;padding:0;font-size:15px;border:2px solid transparent;color:#2b2b2b;transition:all .25s;text-align:center;border-radius:50%;cursor:default;width:35px;line-height:35px;display:block}.table-date:not(.nil):hover{border-color:#8dc641;box-shadow:0 2px 6px rgba(130,180,255,.9)}.event-date{border-color:#52a0fd;box-shadow:0 2px 8px rgba(130,180,255,.9)}.active-date{color:#fff;box-shadow:0 2px 8px #afe764;background:#8dc641}.event-date.active-date{box-shadow:0 2px 8px rgba(130,180,255,.9);background:#8dc641}.dialog{border-bottom-right-radius:3px;height:500px;border-left:1px solid #aaa;border-top-right-radius:3px;position:absolute;background:#fff;left:387px;width:415px;display:none;z-index:5}.dialog-header{color:#333;text-align:center;margin:20px}.form-container{margin-top:25%}.form-label{color:#333}.input{height:20px;border:none;margin-bottom:50px;transition:border-color .25s;border-bottom:1px solid #aaa;text-align:center;background:none;width:200px;display:block}.input:focus{border-color:#00c9fb;outline:none}.error-input{border-color:#ff1744}@media only screen and (max-width:780px){.dialog{height:450px;top:0;border-radius:3px;left:0;width:370px}}@media only screen and (max-width:400px){.dialog{width:320px}.day{padding:0 7px}.month{padding:10px;display:inline-block}.event-cancelled,.event-count,.event-name,.month{font-size:.8rem}.add-button{padding:.5rem 1.5rem;right:10px;bottom:10px}}