/* CLC batch picker (Cisco courses) - calendar popup opened by the "Enroll using CLCs" button.
   Script: assets/newjs/clc-picker.js   Markup/data: Views/Course/_ClcPicker.cshtml */

html.kclc-lock{overflow:hidden}
.kclc-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(9,49,72,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.kclc-modal[hidden]{display:none}
.kclc-modal,.kclc-modal *{box-sizing:border-box;font-family:inherit}
.kclc-panel{position:relative;width:100%;max-width:380px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:16px;padding:22px 20px 16px;box-shadow:0 24px 60px rgba(9,49,72,.35);color:#1C2B33;outline:none}
.kclc-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#EEF2F4;color:#55626A;font-size:22px;line-height:1;cursor:pointer}
.kclc-x:hover{background:#dde4e8}
.kclc-ttl{margin:0 36px 4px 0;font-size:18px;font-weight:700;line-height:1.25;color:#1C2B33}
.kclc-sub{margin:0 0 14px;font-size:12.5px;line-height:1.4;color:#55626A}
.kclc-filters{display:flex;gap:10px;margin:0 0 12px}
.kclc-f{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;margin:0}
.kclc-f span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#55626A}
.kclc-f select{width:100%;height:38px;padding:0 8px;border:1.5px solid #0694D1;border-radius:8px;background:#fff;color:#1C2B33;font-size:13px;cursor:pointer;outline:none;text-overflow:ellipsis}
.kclc-f select:focus{border-color:#076D9D;box-shadow:0 0 0 3px rgba(6,148,209,.15)}
.kclc-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.kclc-mon{font-size:15px;font-weight:700;color:#1C2B33}
.kclc-prev,.kclc-next{width:34px;height:34px;border:1.5px solid #0694D1;border-radius:50%;background:#fff;color:#0694D1;font-size:20px;line-height:1;cursor:pointer;padding:0}
.kclc-prev:hover:not(:disabled),.kclc-next:hover:not(:disabled){background:#E4F7FF}
.kclc-prev:disabled,.kclc-next:disabled{opacity:.35;cursor:default}
.kclc-dow,.kclc-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.kclc-dow span{text-align:center;font-size:11px;font-weight:700;color:#8899AA;padding:4px 0}
.kclc-grid{row-gap:3px}
.kclc-e{height:38px}
.kclc-d{height:38px;display:flex;align-items:center;justify-content:center;font-size:13.5px;border:0;background:none;color:#1C2B33;border-radius:0;padding:0}
.kclc-d.off{color:#B8C2CA}
.kclc-d.today.off{font-weight:700;color:#55626A}
button.kclc-d{cursor:pointer;font-weight:600}
button.kclc-d.in{background:#E4F7FF;color:#076D9D}
button.kclc-d.end{background:#fff;color:#0694D1;font-weight:700;border:2px solid #0694D1;border-radius:50%;width:36px;margin:0 auto}
button.kclc-d.end:hover{background:#E4F7FF}
button.kclc-d.end.sel{background:#fff;color:#1E7F6B;border-color:#1E7F6B;box-shadow:0 0 0 3px #CDEBE3}
button.kclc-d.has{background:#0694D1;color:#fff;font-weight:700;border-radius:50%;width:36px;margin:0 auto}
button.kclc-d.has:hover{background:#076D9D}
button.kclc-d.in:hover{background:#CDEEFB}
button.kclc-d.hov:not(.has):not(.end){background:#CDEEFB}
button.kclc-d.has.hov{box-shadow:0 0 0 3px #CDEEFB}
button.kclc-d.sel:not(.has):not(.end){background:#1E7F6B;color:#fff}
button.kclc-d.sel.has{background:#1E7F6B;box-shadow:0 0 0 3px #CDEBE3}
button.kclc-d.pick{outline:2px solid #1C2B33;outline-offset:-2px}
button.kclc-d:focus-visible{outline:2px solid #1C2B33;outline-offset:1px}
.kclc-legend{display:flex;gap:16px;margin:12px 0 0;font-size:11.5px;color:#55626A}
.kclc-legend span{display:inline-flex;align-items:center;gap:6px}
.kclc-lg{display:inline-block;width:12px;height:12px;border-radius:50%}
.kclc-lg--has{background:#0694D1}
.kclc-lg--end{background:#fff;border:2px solid #0694D1}
.kclc-lg--in{background:#E4F7FF;border:1px solid #9CD6EE;border-radius:3px}
.kclc-opts:empty{display:none}
.kclc-opts{margin-top:12px;border-top:1px solid #E5EAEE;padding-top:12px}
.kclc-opt-h{margin:0 0 8px;font-size:12.5px;font-weight:700;color:#1C2B33}
.kclc-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 8px;padding:10px 12px;border:1.5px solid #0694D1;border-radius:10px;background:#fff;color:#1C2B33;text-align:left;cursor:pointer}
.kclc-opt:hover{background:#E4F7FF}
.kclc-opt b{font-size:13.5px;font-weight:700}
.kclc-opt span{font-size:12px;color:#55626A}
.kclc-none{margin:0;padding:10px 12px;background:#FBF6F6;border-radius:8px;font-size:12.5px;color:#55626A;text-align:center}
.kclc-picked{margin-top:12px;padding:12px;border:1.5px solid #1E7F6B;border-radius:12px;background:#F2FBF8;text-align:center}
.kclc-picked[hidden]{display:none}
.kclc-picked-txt{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.kclc-picked-txt b{font-size:14.5px;font-weight:700;color:#1C2B33}
.kclc-picked-txt span{font-size:12px;color:#55626A}
.kclc-go{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;background:#0694D1;color:#fff !important;font-size:14px;font-weight:700;text-decoration:none}
.kclc-go:hover{background:#076D9D}
.kclc-go:focus-visible{outline:3px solid #1C2B33;outline-offset:2px}
.kclc-clear{margin-top:6px;border:0;background:none;padding:6px;font-size:12.5px;font-weight:600;color:#55626A;text-decoration:underline;cursor:pointer}
.kclc-clear:hover{color:#1C2B33}
@media (max-width:420px){.kclc-panel{padding:20px 14px 12px}.kclc-d,.kclc-e{height:36px}button.kclc-d.has,button.kclc-d.end{width:34px}.kclc-filters{flex-direction:column;gap:8px}}