@media screen and (max-width:800px){.display-mobile-only{display:block}}@media screen and (min-width:799px){.display-mobile-only{display:none}}@media screen and (max-width:800px){.display-desktop-only{display:none}}@media screen and (min-width:799px){.display-desktop-only{display:block}}.flex-column,.flex-row{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:flex}.flex-column{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column}.flex-resize{-webkit-box-flex:1;-webkit-flex:1 1 100%;-moz-flex:1 1 100%;flex:1 1;flex-basis:100%}.flex-noresize{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-flex:0 0 auto;flex:0 0 auto}.flex-align-start{-webkit-flex-align:flex-start;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.flex-align-center{-webkit-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.flex-align-stretch{-webkit-flex-align:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.flex-align-end{-webkit-flex-align:flex-end;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end}.flex-justify-center{-webkit-flex-justify:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.flex-justify-space-between{-webkit-flex-justify:space-between;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}.flex-justify-space-around{-webkit-flex-justify:space-around;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}.flex-justify-end{-webkit-flex-justify:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}.list-item{transition:all .1s ease-out 0s;border-width:0;border-left:3px #fff;border-style:solid;background-color:#fff}.list-item:hover{border-left-color:#5acc7e;background-color:#f3f4f5}@media (min-width:0px) and (max-width:379px){.attendance-grid-container{width:200px}}@media (min-width:380px) and (max-width:559px){.attendance-grid-container{width:380px}}@media (min-width:560px) and (max-width:739px){.attendance-grid-container{width:560px}}@media (min-width:740px) and (max-width:919px){.attendance-grid-container{width:740px}}@media (min-width:920px) and (max-width:1099px){.attendance-grid-container{width:920px}}@media (min-width:1100px) and (max-width:1279px){.attendance-grid-container{width:1100px}}@media (min-width:1280px){.attendance-grid-container{width:1280px}}.attendance-grid-item{width:160px;height:170px;box-sizing:border-box}