/* A learner's rotation and shifts on the staff record (class.learner_schedule.php, learner_schedule.js) */

.learner_schedule_section{margin: 0 0 18px;}
.ls_title{font-size: 12px; color: #555; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 8px;}
.ls_title_gap{margin-top: 16px;}
.ls_empty{font-size: 14px; color: #6b7280; padding: 4px 2px 10px;}
.ls_more{font-size: 13px; color: #6b7280; padding: 6px 2px 0;}
.ls_lede{font-size: 14px; color: #44595f; margin: 0 0 12px;}
.learner_schedule_section .meetup_add_people_block{margin-top: 8px;}

.ls_row{cursor: default;}
.ls_row_remove{flex: none; margin-left: 8px; background: transparent; border: 1px solid #d8e2e2; border-radius: 6px; color: #a33; font-size: 12px; font-weight: 600; padding: 5px 9px;}
.ls_row_remove.ls_armed{background: #a33; border-color: #a33; color: white;}

.ls_pick, .ls_block_pick{cursor: pointer;}
.ls_busy{opacity: .5; pointer-events: none;}
.ls_pick_on .settings_row_icon, .ls_period_taken .settings_row_icon{background: #0f7777; color: white;}
.ls_pick_on, .ls_period_taken{opacity: .85;}

.ls_day_bar{display: flex; align-items: center; gap: 8px; margin: 0 0 14px;}
.ls_day_bar .ls_day{flex: 1; min-width: 0;}
.ls_day_step{flex: none; width: 38px; height: 34px; padding: 0; border: 1px solid #cfdcdc; background: white; border-radius: 6px; color: #0f7777;}
.ls_day_list .ls_title{margin-top: 14px;}
.ls_already{font-size: 13px; color: #6b5300; background: #fff7dc; border-radius: 6px; padding: 8px 10px; margin: 0 0 6px;}

/* the camera on the record's avatar */
.staff_photo_pick{position: absolute; right: -6px; bottom: -6px; width: 30px; height: 30px; border-radius: 50%; border: 2px solid white; background: #0f7777; color: white; font-size: 13px; padding: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,.2);}