.year-view{overflow:hidden}.year-view .header .control{padding:.5625rem .5625rem 0}.year-view .year-view-container{position:absolute;left:0;right:0;bottom:0;top:45px;overflow-y:scroll;display:flex;flex-wrap:wrap;align-content:start}.year-view .month-container{float:left;min-height:300px;min-width:16rem}.year-view .month{margin-left:auto;margin-right:auto}.year-view .month th{font-weight:700;text-transform:uppercase}.year-view .month td,.year-view .month th{text-align:center;width:calc(1.5rem + 8px);height:calc(1.5rem + 8px)}.year-view .month caption{text-align:center;color:#000;font-weight:700}.year-view .month caption h2{margin:0}.year-view .month caption button{color:#000;font-weight:700}.year-view .month caption button:hover{text-decoration:none}.year-view .month caption button:focus{text-decoration:underline}.year-view .month .today{background-color:#a00;color:#fff;border-radius:3px}.year-view .month .cw{color:#707070;font-size:10px;font-weight:300}.year-view .month .weekend{color:#a00}.year-view .month .out{color:#ccc}.year-view.io-ox-busy .month th,.year-view.io-ox-busy .month td,.year-view.io-ox-busy .month caption,.year-view.io-ox-busy .month .weekend,.year-view.io-ox-busy .month button{color:#ccc}