/* Secra Belegungsübersicht */
.sb-wrap { font-family: "Open Sans", Arial, sans-serif; color: #44515c; max-width: 1200px; }
.sb-head { display: flex; align-items: center; background: #eff0f2; margin: 16px 0 0; }
.sb-head button { background: #c94a2c; color: #fff; border: 0; width: 22px; height: 40px; font-size: 18px; cursor: pointer; }
.sb-head button:disabled { opacity: .4; cursor: default; }
.sb-head h2 { flex: 1; text-align: center; margin: 0; font-weight: 400; font-size: 40px; color: #222; }
.sb-select { border: 1px solid #ddd; background: #fafafa; padding: 10px; }
.sb-select select { font-size: 16px; padding: 4px 8px; margin-left: 8px; }
.sb-scroll { overflow-x: auto; }
.sb-table { border-collapse: separate; border-spacing: 1px 0; width: 100%; table-layout: fixed; }
.sb-table th { font-size: 10px; font-weight: 400; color: #6a7f99; height: 40px; }
.sb-table th.sb-name { width: 290px; }
.sb-table td { height: 40px; border-bottom: 1px solid #ddd; font-size: 10px; text-align: center; color: #556; }
.sb-table td.sb-name { font-size: 13px; color: #333; border-left: 1px solid #ddd; white-space: nowrap; }
.sb-free { background: #b5cc00; }
.sb-busy { background: #f59a95; }
.sb-unknown { background: #e3e3e3; }
.sb-free a { color: inherit; text-decoration: none; display: block; line-height: 40px; }
.sb-legend { border-top: 2px dotted #333; border-bottom: 2px dotted #333; margin-top: 20px; padding: 10px 0; }
.sb-legend div { display: flex; align-items: center; margin: 8px 0; }
.sb-legend span.sw { width: 18px; height: 38px; margin-right: 12px; }
.sb-legend span.tx { flex: 1; text-align: center; }
.sb-error { color: #b00; font-size: 13px; margin-top: 8px; }