/* Navigation foundations scoped to Multiview's header, without global Bootstrap. */
.mc-header { margin-left: -20px; margin-right: -20px; font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif; line-height: 1.4; }
.mc-header, .mc-header * { box-sizing: border-box; }
.mc-header a { text-decoration: none; }
.mc-header .navbar { position: relative; border: 1px solid transparent; }
.mc-header .container-fluid::after, .mc-header .navbar-header::after { content: ''; display: table; clear: both; }
.mc-header .navbar-nav { list-style: none; padding: 0; }
.mc-header .navbar-nav > li { position: relative; }
.mc-header .navbar-nav > li > a { display: flex; align-items: center; }
.mc-header .navbar-toggle { font-family: inherit; cursor: pointer; }
.mc-header .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 230px; background: #fff; color: #333; list-style: none; }
.mc-header .dropdown-menu li { list-style: none; break-inside: avoid; }
.mc-header .dropdown-menu a { display: block; color: #333; }
.mc-header .dropdown-menu a:focus { background: #edf6f7; }
.mc-header .caret { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.mc-header .img-responsive { display: block; max-width: 100%; height: auto; }
.mc-header #cameras { padding: 0; }
@media (min-width: 1100px) {
    .mc-header .navbar-nav > li:nth-child(4) > .dropdown-menu { width: 680px; }
    .mc-header .navbar-nav > li:nth-child(4) #cameras { columns: 3; column-gap: 12px; }
}