.availability-panel .bxd-button { position:absolute; top:1rem; right:1rem; }

.availability-user-block { position:relative; min-height:2.75rem; height:2.75rem; line-height:1.5rem; margin:0 0 1rem; }
.availability-user-block.my-availability { height: 3rem; }
.availability-user-block .photo { width:2.5rem; height:2.5rem; position:absolute; left:0; top:0.15rem; }
.availability-user-block .photo img { width:100%; height:100%; }
.availability-user-block .info { padding:0 0 0 3.25rem; }
.availability-user-block .name { display:block; font-size:1rem; }
.availability-user-block .name svg { font-size:0.9rem; color:#44ce94; margin-right:0.5rem; }
.availability-user-block .status svg { font-size:0.9rem; color:#888; margin-right:0.5rem; }
.availability-user-block .status { display:block; font-size:0.9rem; color:#888; }
.availability-user-block .desc { display:block; font-size:0.9rem; line-height:1.4rem; padding-top:0; }
.availability-user-block .desc svg { font-size:0.9rem; color:#333; margin-right:0.5rem; }

.availability-user-block.my-availability .photo { width:3.75rem; height:3.75rem;}
.availability-user-block.my-availability .name { font-size:1.1rem; }
.availability-user-block.my-availability .info { padding-top:0.4rem; padding-left:4.75rem; }
.availability-user-block:last-child { margin-bottom:0.5rem; }

.availability-user-block.available .status { color:#333; }

label > .fa-sun { color:#ff9e3a; }
label > .fa-moon { color:#479dd6; }

label > span.day-name { text-transform:uppercase; font-weight:600; letter-spacing:0.01rem; }