/* Presentation only; the generated ShinyCell2 navigation and plots stay intact. */
body { font-family: Arial, Helvetica, sans-serif; color: #28343b; background: #fff; font-size: 14px; }
.container-fluid { padding-left: 20px; padding-right: 20px; }
h2 { font-size: 25px; font-weight: 500; margin: 19px 0 17px; }
.navbar-default { background: #f7f9fa; border-color: #dce2e6; border-radius: 3px; }
.navbar-default .navbar-nav { font-size: 14px !important; font-weight: 500 !important; }
.navbar-default .navbar-nav > .active > a { background: #e7eff3; color: #24566c; }
.well { background: #f7f9fa; border: 1px solid #dce2e6; border-radius: 3px; box-shadow: none; padding: 15px; }
.form-group { margin-bottom: 11px; }
.control-label { font-weight: 600; font-size: 13px; }
.form-control, .selectize-input { border-radius: 3px; border-color: #cbd5db; box-shadow: none; }
.btn { border-radius: 3px; }
.shiny-plot-output { background: white; }
.atlas-note { font-size: 12px; color: #5b6870; margin: 0 0 15px; max-width: 1000px; }
@media (max-width: 767px) { .container-fluid { padding: 0 10px; } h2 { font-size: 21px; } }
.atlas-settings { background: #f7f9fa; border: 1px solid #dce2e6; border-radius: 3px; padding: 16px; margin: 18px 0 24px; }
.atlas-settings > .row + .row { margin-top: 16px; }
.atlas-settings .btn { margin-bottom: 8px; }
.atlas-figures .shiny-plot-output { margin: 0 auto; }
.atlas-module-score-settings .selectize-input .item {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}