*{box-sizing:border-box}html{zoom:135%}body{font-family:Arial,Helvetica,sans-serif;background-color:#f7ede2}.flatpickr-mobile{text-transform:uppercase}.calendar-box{padding:10px 0 0;text-align:center;max-width:600px}.calendar-months{display:flex;align-items:center;justify-content:center;margin:5px 0 10px 0}.calendar-months span{padding:20px;min-width:250px}.calendar-dates,.calendar-days{display:flex;flex-flow:wrap;text-transform:uppercase;align-items:center;position:relative;color:#1a1a1a}.events{font-family:monospace;font-size:.8rem;position:absolute;left:0;margin-left:5%;color:gray}.calendar-dates>div,.calendar-days>span{min-width:14.2857%;max-width:14.2857vw;padding:6px;border-left:1px solid #fff;border-top:none}.calendar-dates div:nth-child(7n+1){border-left:1px solid #e8e8e8}.calendar-days{background:#3d348b;color:#fff;font-size:1rem;font-family:sans-serif;border:1px solid #fff}.calendar-days :first-child{border-left:none}.date{border:1px solid #e8e8e8;position:relative;height:60px;width:35px;padding-bottom:50px}.date:hover{cursor:pointer;background-color:#f7ede2}.calendarDay{position:absolute;font-size:1.5rem;padding-bottom:5px;bottom:0;left:0;right:0;text-align:center}.inactive-day>div{opacity:.1;box-shadow:none}.inactive-day>span{opacity:.3}.inactive-day.bleed{box-shadow:inset 0 -4px 0 rgba(239,110,108,.3)}div.events>span:first-child{border-radius:10px}.calendar-controls{display:flex;justify-content:center;padding:0 5px;max-width:1000px}.calendar-arrow{font-size:3rem;color:#3d348b;margin-left:20px;margin-right:20px;cursor:pointer}#prev{width:0;height:0;border-top:10px solid transparent;border-right:20px solid #3d348b;border-bottom:10px solid transparent}#prev:hover{border-right:20px solid #f6bd60}#next:hover{border-left:20px solid #f6bd60}#next{width:0;height:0;border-top:10px solid transparent;border-left:20px solid #3d348b;border-bottom:10px solid transparent}#content{display:flex;flex-wrap:wrap;margin:40px auto;width:100%;max-width:1000px;padding:3em;background:#fff}.current-month{font-size:1.4rem;width:150px;color:#1a1a1a}#lastCycle{cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}.optionsController{font-size:1.1rem;width:100%;padding-right:10%}.optionsController input,.optionsController select{width:100%;padding:8px;font-size:.9rem;margin-bottom:20px;margin-top:5px}.calendar-year{font-size:1.5rem;color:#1a1a1a}#options{margin-top:80px;width:30%;display:flex;flex-direction:column;justify-content:start;color:#1a1a1a}#options div{margin-bottom:50px}#calendarController{width:60%;display:flex}#vkot{min-width:45px;color:#1a1a1a}.calendar-box{max-width:95%}#vkot{margin-top:146px;font-size:.6rem}#vkot>div{margin-bottom:49px}.bleed{box-shadow:inset 0 -4px 0 #ef6e6c;color:#ef6e6c}.bleed-text{color:#fff;border-radius:50%;padding:1px;line-height:17px;width:18px;background:#ef6e6c}@media only screen and (max-width:980px){#calendarController{width:100%}html{zoom:0}#content{margin:0}#options{width:100%;margin-top:20px;padding:0 5px}#options div{margin-bottom:5px}.optionsController{padding-right:0;width:90%}.optionsController input,.optionsController select{width:100%;padding:5px;font-size:1.2rem;margin-bottom:30px}.calendar-dates>div>span:nth-child(2){min-height:50px;font-size:1.5rem}}@media only screen and (max-width:400px){.events{padding-left:0}#content{padding:0}#options{padding-left:10px}.calendar-controls{padding-left:10px}#calendarController{padding:0}}.off{visibility:hidden}