*{font-family:Arial,Helvetica,sans-serif}.container{display:flex;flex-wrap:wrap;padding-top:50px;justify-content:center}@media screen and (min-width: 1440px){.container{padding-top:80px}}.welcome{width:300px;text-align:center}.welcome p{margin-bottom:30px}.button{display:flex;justify-content:center}.loader{display:inline-block;width:80px;height:80px}.loader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #f4f4f4;border-color:#f4f4f4 transparent #f4f4f4 transparent;animation:loader 1.2s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.modal{position:absolute;width:100vw;height:100vh;z-index:20;top:0;background:#fff;overflow-y:scroll}.controls{max-width:320px;margin:30px auto;height:100vh;padding:0 10px}.control{display:flex;flex-wrap:wrap;margin-bottom:40px;justify-content:space-between;align-items:center}.control button{width:25%;margin:10px;border-radius:10px}.control input,.control select{width:30%;padding:10px;border-radius:10px}.bh .control input{width:40%}.react-tabs__tab-list{display:flex;justify-content:space-between}.react-tabs__tab-panel--selected{background-color:#f6f6f6;padding:10px 10px 40px}footer{position:fixed;display:flex;align-items:center;background-color:#2f96b4;color:#fff;width:100vw;z-index:10;bottom:0;height:40px;justify-content:center}.from,.to,.length{margin:0 10px}@media screen and (max-width: 768px){.from-to{display:flex;flex-direction:column;align-items:end}.from,.to,.length{font-size:small}}@media screen and (min-width: 1440px){footer{height:60px}}.day{text-align:center;padding:3px 1px;border:none;height:25px}.day:focus{outline:none}.hol{background-color:gold}.bhol{background-color:#b0c4de}.provhol,.select-mode:hover,.start-of-hol{background-color:#fff3b0}.half{background:linear-gradient(to bottom right,#fff,#fff 50%,gold 50%,gold)}.half-first{background:linear-gradient(to bottom right,gold,gold 50%,#fff 50%,#fff)}.half-last{background:linear-gradient(to bottom right,#fff,#fff 50%,gold 50%,gold)}.day-0{grid-column:0}.day-1{grid-column:1}.day-2{grid-column:2}.day-3{grid-column:3}.day-4{grid-column:4}.day-5{grid-column:5}.day-6{grid-column:6;background-color:#b0c4de;border-radius:0}.day-0{grid-column:7;background-color:#b0c4de;border-radius:0}.day.today{border:1px solid #2700ff}header{position:fixed;background:#fff;width:99vw;z-index:10}.year button,.settings button{background-color:transparent;border:none;vertical-align:middle;cursor:pointer}.header-controls{display:inline-block;left:50%;position:absolute;transform:translate(-50%);display:flex;width:100%;justify-content:space-between;align-items:center;font-weight:700}@media screen and (min-width: 1440px){.header-controls{height:60px}}.settings{width:15%;width:33%;position:relative;left:10px;height:38px;display:flex;overflow-y:hidden;align-items:center}.settings button{margin-left:10px}.year{display:flex;width:33%;align-items:center;justify-content:center}.stats-group{width:33%;position:relative;right:10px;display:flex;flex-direction:column;align-items:flex-end}.stats-small{font-size:12px}.currentYear{margin:0 10px}@media only screen and (max-width: 600px){.stats-group{width:26%}.stats{font-size:12px}.currentYear{margin:0;padding-bottom:4px}.year{width:50%}.settings{width:15%;overflow:visible}}.month{width:300px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:25px 25px 25px 25px 25px 25px 25px 25px;margin:20px;border-radius:5px}@media screen and (min-width: 1440px){.month{margin:20px 10px;width:200px}}h3{grid-column:1 / span 7;text-align:center;margin:0;background-color:#7a9cc7;border-radius:3px 3px 0 0;color:#fff}.dow{text-align:center;margin:0;background-color:#7a9cc7;color:#fff}button{height:38px;background-color:#fff;border-radius:3px}.react-icons{vertical-align:middle}