.calendar{position:relative;width:100%;padding:10px 0;display:flex;flex-flow:column;height:auto;overflow:auto}.calendar .header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.calendar .prev-button,.calendar .next-button{display:inline-flex;align-items:center;cursor:pointer}.calendar .month-year{display:inline-flex;font-size:1.6em;font-weight:bold;color:var(--text-primary);min-width:200px;justify-content:center}.calendar .events-header .month-year,.calendar-selector{width:auto;margin:0 auto;display:inline-flex;font-size:1.6em;font-weight:bold;color:var(--text-primary);text-align:center;z-index:0}.calendar-selector,.calendar-selector input,.calendar-selector select{font-size:.9em}.calendar-selector{margin-bottom:5px}.calendar .days{justify-content:center;display:flex;flex-flow:wrap;z-index:0}.calendar .days .day_name{width: calc(100% / 8);border-right:2px solid #0b3a68;border-left:2px solid #0b3a68;padding:9px;text-transform:uppercase;font-size:12px;font-weight:bold;color:#818589;color:#fff;background-color:#0b3a68}.calendar .days .day_name:nth-child(7) {z-index:0}.calendar .days .day_num{display:flex;flex-flow:column;width: calc(100% / 8);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);border-left:1px solid var(--border-light);padding:10px;font-weight:bold;color:var(--text-secondary);cursor:pointer;min-height: calc(100vh / 10);max-height:170px;overflow:auto;z-index:0}.day_num{z-index:0}.calendar .days .day_num span{display:inline-flex;width:30px;font-size:14px;z-index:0}.calendar .days .day_num .event,.event{position:relative;margin-top:2px;font-weight:500;font-size:14px;padding:3px 6px;border-radius:4px;color:#fff;word-wrap:break-word;z-index:1}.green{background-color:#51ce57}.blue{background-color:#518fce}.red{background-color:#ce5151}.medturquoise{background-color:#48d1cc}.dodgerblue{background-color:#1e90ff}.tomato{background-color:#ff6347}.medvioletred{background-color:#c71585}.springgreen{background-color:#00ff7f}.darkkhaki{background-color:#bdb76b}.medseagreen{background-color:#3cb371}.greenyellow{background-color:#adff2f}.aquamarine{background-color:#7fffd4}.orange{background-color:#ffa500}.grey{background-color:#565656;box-shadow:inset 0 0 25px white;opacity:.8}.calendar .days .day_num:nth-child(7n+1) {border-left:1px solid var(--border-light)}.calendar .days .day_num:hover{}.calendar .days .day_num.ignore{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:inherit}.calendar .days .day_num.selected{background-color:var(--bg-secondary)}.extra-events-cont,.event-info-container{position:absolute!important;padding:20px;max-width:30vw;height:40vh;max-height:40vh;top:10vh;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;display:none;background-color:var(--bg-secondary);color:var(--text-primary);z-index:11;box-shadow:var(--shadow-lg);border-radius:15px}.event-info-container{height:auto;max-height:60vh;max-width:50vw;overflow:auto}.info-cont{height:98%;overflow:auto;font-size:.8em}.event-info-cont{text-align:left}.calendar-arrow-cont{position:relative;z-index:0}.calendar-right-arrow{position:absolute;right:-3px;top:-3px;width:25px;height:25px;z-index:0}.close-button{position:absolute;font-size:1.1em;color:#dc143c;right:5px;top:0;cursor:pointer}.close-button::before{content:"x"}.event{cursor:pointer}@media only screen and (min-device-width:320px) and (max-device-width:620px),only screen and (min-width:360px) and (max-width:1000px){.calendar-selector{width:90%;display:block;margin:0 auto;text-align:center;font-size:1.3em}.calendar-selector form input,.calendar-selector form label,.calendar-selector form select{width:auto;text-align:center;vertical-align:middle;margin:5px}.calendar .days .day_name{width: calc(100% / 11.4);border-right:2px solid #0b3a68;border-left:2px solid #0b3a68;padding:9px;text-transform:uppercase;font-size:12px;font-weight:bold;color:#818589;color:#fff;background-color:#0b3a68}.calendar .days .day_name:nth-child(7) {z-index:0}.calendar .days .day_num{display:flex;flex-flow:column;width: calc(100% / 7.8);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);border-left:1px solid var(--border-light);padding:2px;font-weight:bold;color:var(--text-secondary);cursor:pointer;min-height: calc(100vh / 13);max-height:170px;overflow:visible;z-index:0}.day_num{z-index:0}.calendar .days .day_num span{display:inline-flex;width:30px;font-size:14px;z-index:0}.calendar .days .day_num .event,.event{position:relative;margin-top:2px;font-size:0;padding:5px 6px;border-radius:4px;z-index:1}.extra-events-cont,.event-info-container{max-width:90%;height:70vh;max-height:70vh}.close-button{position:absolute;font-size:2.2em;color:#dc143c;right:15px;top:-10px;cursor:pointer}.event-modal{font-size:1.2em!important;width:90%;z-index:0}.calendar-right-arrow{width:45px;height:45px;top:-13px;right:-7px}.calendar-arrow-cont{z-index:5}.calendar .days .day_num span{display:inline-flex;width:15px;font-size:16px;z-index:0}}