.navbar-brand { padding-top: 18px; }
.navbar-brand > img { display: inline !important; vertical-align: bottom; }
.navbar-brand span.description { display: inline-block; padding-left: 20px; }  
/*.row.profile-info { margin-top: 80px; } */

footer { font-size: 9px; color: #888888; border-top: 1px solid #CCCCCC; margin-top: 3em; }
footer h2 { font-size: 12px; }

a { color: #1A5F89; }

.form-row label input,
.form-row label select { 
	margin-left: 1em; 
}

label input,
label select,
label textarea { font-weight: normal; }

.panel p, .panel ul {
    margin-bottom: 0;
}

.center { text-align: center; }

.dropdown-menu.settings a { color: #3E3F3A; }
/* Pevná šířka ikony (včetně pravého odsazení, platí box-sizing: border-box),
   aby popisky položek začínaly ve stejném sloupci - ikony Font Awesome
   mají různou šířku (například fa-mobile je výrazně užší než fa-list). */
.dropdown-menu.settings a i.fa {
    display: inline-block;
    width: 2.3em;
    padding-right: 1em;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
    color: #3E3F3A;
}
.dropdown-menu.settings .divider.section { background-color: #98978B; }

/* Vnořené submenu v nabídce nastavení - Bootstrap 3 nemá nativní podporu.
   Nabídka je u pravého okraje, výchozí směr rozbalení je proto doleva. */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: -6px;
    margin-right: -1px;
    display: none;
}
/* Rozbalení doprava - třídu přidává skript, pokud je vpravo dost místa */
.dropdown-submenu.submenu-right > .dropdown-menu {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: -1px;
}
/* Otevření klikem (třída .open) - funguje i na dotykových zařízeních */
.dropdown-submenu.open > .dropdown-menu { display: block; }
/* Šipka signalizující rozbalitelnou položku, míří na stranu rozbalení.
   Pozicujeme ji absolutně a posuneme o polovinu její výšky nahoru, aby
   zůstala svisle uprostřed položky bez ohledu na výšku ikony (font-size: 2em).
   Pravé odsazení kopíruje vodorovný padding položek nabídky (Bootstrap 3). */
.dropdown-menu.settings .dropdown-submenu > a {
    position: relative;
    /* místo pro šipku, aby do ní nezasahoval dlouhý popisek */
    padding-right: 35px;
}
.dropdown-menu.settings .dropdown-submenu > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent;
    border-right-color: #3E3F3A;
}
.dropdown-menu.settings .dropdown-submenu.submenu-right > a:after {
    border-width: 5px 0 5px 5px;
    border-color: transparent;
    border-left-color: #3E3F3A;
}
/* Na desktopu rozbalujeme i najetím myši */
@media (min-width: 768px) {
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
}
/* V zabalené (mobilní) navigaci se submenu vkládá do toku pod položku */
@media (max-width: 767px) {
    .dropdown-submenu > .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin: 0;
        box-shadow: none;
        border: 0;
        padding-left: 1em;
    }
}

.hint { font-style: italic; color: #7F7F7F; }

pre .keyword { font-weight: bold; color: #3fb114; }

.pagination .text_page_length {
    display: inline;
    width: auto;
    margin-left: 2em;
}
.pagination .form-control {
    display: inline;
    width: auto;
    margin-left: 0.25em;
}

/* Dialog se systémovými informacemi - dvousloupcová sestava panelů.
   Sloupce sázíme přes column-count, ne přes grid: panely mají různou výšku
   a v gridu by mezi nimi vznikaly díry. Popisky drží pevnou šířku, aby
   hodnoty začínaly ve stejném sloupci. */
@media (min-width: 768px) {
    .system-info {
        column-count: 2;
        column-gap: 15px;
    }
}
/* panel nesmí zůstat rozlomený mezi dvěma sloupci */
.system-info-item { break-inside: avoid; page-break-inside: avoid; }
.system-info .panel { margin-bottom: 15px; }
.system-info .panel-heading { font-weight: bold; }
.system-info-table { margin-bottom: 0; }
.system-info-table th {
    width: 40%;
    font-weight: normal;
    color: #7F7F7F;
}
.system-info-table td {
    /* dlouhé hodnoty (cesty, DSN) musí zalomit uvnitř buňky */
    word-break: break-word;
}
.system-info-status { padding: 1em 0; color: #7F7F7F; }
/* dlouhý výpis roluje uvnitř dialogu, hlavička i patka zůstávají vidět */
#system-info-modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}