div.training-status[data-v-06fe4cb4]{border-radius:4px;padding:4px 8px;margin:0;font-weight:400;text-align:center;min-width:100px;&.on_track[data-v-06fe4cb4]{&[data-v-06fe4cb4]:before{content:"On Track"}background:rgba(0,128,0,.15)}&.at_risk[data-v-06fe4cb4]{&[data-v-06fe4cb4]:before{content:"At Risk"}background:rgba(255,165,0,.15)}&.behind[data-v-06fe4cb4]{&[data-v-06fe4cb4]:before{content:"Behind"}background:rgba(255,0,0,.15)}}.calendar-view-header[data-v-4e57d970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:24px 8px;& [data-v-4e57d970]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}& .end[data-v-4e57d970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;& .training[data-v-4e57d970]{padding:8px;border-radius:4px;p[data-v-4e57d970]{margin:0;font-weight:500}&.init[data-v-4e57d970]{background:rgba(0,128,0,.05);margin-bottom:8px}&.due[data-v-4e57d970]{background:rgba(255,165,0,.05)}}}}.calendar-week[data-v-4e57d970],.header-days[data-v-4e57d970]{display:grid;grid-template-columns:repeat(15,1fr);grid-auto-rows:1fr;min-width:100%;width:100%;gap:.5rem;padding:.75rem 0;border-bottom:1px solid #ddd}.header-days[data-v-4e57d970]{& .header-day[data-v-4e57d970]{grid-column:span 2;font-weight:500}}.calendar-week[data-v-4e57d970]{& .current[data-v-4e57d970]{border:2px solid #639}& .body-day[data-v-4e57d970]{grid-column:span 2;&.complete[data-v-4e57d970],&.completed[data-v-4e57d970]{background:rgba(0,128,0,.15)}&.planned[data-v-4e57d970]{background:rgba(0,0,255,.05)}&.week-title[data-v-4e57d970]{font-weight:500}}}.day-session[data-v-4e57d970]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px;padding:8px;& p[data-v-4e57d970]{margin:0}& .session.value[data-v-4e57d970]{text-transform:capitalize}}.full-width[data-v-4e57d970]{width:100%}.empty-state[data-v-4e57d970]{opacity:1%;padding:24px 8px}