@charset "utf-8";

/*
 * dark-overrides.css
 * Dark-mode overrides for Bootstrap 2.3.2 + bootstrap-responsive.min.css + custom.css
 * Load AFTER the three original stylesheets.
 * Toggle this stylesheet by enabling/disabling its <link> element.
 * Screen-only overrides; existing print rules remain unchanged.
 */

/* ========================================================================
   DARK MODE OVERRIDES FOR BOOTSTRAP 2.3.2
   ------------------------------------------------------------------------
   Intended to be appended AFTER:
     1) bootstrap.min.css
     2) bootstrap-responsive.min.css
     3) custom.css

   Palette is inspired by Bootstrap 5.3 dark mode, but implemented using
   ordinary CSS declarations so it works with Bootstrap 2.3.2 markup.
   All dark-mode rules are screen-only so the existing print rules remain
   light/print-friendly.
   ======================================================================== */

@media screen {
  /* --- Base page, typography and links ---------------------------------- */
  html {
    background-color: #212529;
    color-scheme: dark;
  }

  body {
    color: #dee2e6;
    background-color: #212529;
  }

  a { color: #6ea8fe; }
  a:hover,
  a:focus { color: #9ec5fe; }
  a:focus {
    outline: 2px dotted #86b7fe;
    outline-offset: 2px;
  }

  .muted,
  .text-muted,
  tr.text-muted > td { color: #adb5bd !important; }

  .text-warning,
  tr.text-warning > td { color: #ffda6a !important; }

  .text-error,
  .text-danger,
  .barva_cervena,
  tr.text-error > td,
  tr.text-danger > td { color: #ea868f !important; }

  .text-info,
  tr.text-info > td { color: #6edff6 !important; }

  .text-success,
  .barva_zelena,
  tr.text-success > td { color: #75b798 !important; }

  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  legend small,
  blockquote small { color: #adb5bd; }

  .page-header { border-bottom-color: #495057; }

  hr {
    border-top-color: #495057;
    border-bottom-color: #212529;
  }

  abbr[title],
  abbr[data-original-title] { border-bottom-color: #adb5bd; }

  blockquote,
  blockquote.pull-right { border-color: #495057; }

  /* --- Code ------------------------------------------------------------- */
  code,
  pre { color: #e9ecef; }

  code {
    color: #ea868f;
    background-color: #2b3035;
    border-color: #495057;
  }

  pre {
    background-color: #1b1f22;
    border-color: #495057;
  }

  /* --- Images / thumbnails --------------------------------------------- */
  .img-polaroid,
  .thumbnail {
    background-color: #2b3035;
    border-color: #495057;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
  }

  a.thumbnail:hover,
  a.thumbnail:focus {
    border-color: #6ea8fe;
    box-shadow: 0 0 0 1px rgba(110, 168, 254, .25);
  }

  .thumbnail .caption { color: #dee2e6; }

  /* Bootstrap 2 glyphicons use a black sprite by default.  On a dark
     surface the white sprite is the readable equivalent. */
  [class^="icon-"],
  [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png");
  }

  [class^="icon-g-"],
  [class*=" icon-g-"] {
    background-image: url("../img/glyphicons-white.png");
  }

  /* Preserve the custom full-size glyphicons sprite used by custom.css. */
  .dropdown-submenu a:hover > [class^="icon-g"] {
    background-image: url("/css/glyphicons/img/glyphicons-white.png") !important;
  }

  /* --- Forms ------------------------------------------------------------ */
  legend {
    color: #f8f9fa;
    border-bottom-color: #495057;
  }

  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  .uneditable-textarea {
    color: #dee2e6;
    background-color: #2b3035;
    border-color: #495057;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  }

  select option {
    color: #dee2e6;
    background-color: #2b3035;
  }

  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25), 0 0 0 2px rgba(13, 110, 253, .25);
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder,
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder { color: #8d959d; }

  .uneditable-input,
  .uneditable-textarea,
  input[disabled],
  select[disabled],
  textarea[disabled],
  input[readonly],
  select[readonly],
  textarea[readonly] {
    color: #adb5bd;
    background-color: #343a40;
    border-color: #495057;
  }

  .form-actions {
    background-color: #2b3035;
    border-top-color: #495057;
  }

  .help-block,
  .help-inline { color: #adb5bd; }

  .input-append .add-on,
  .input-prepend .add-on {
    color: #dee2e6;
    text-shadow: none;
    background-color: #343a40;
    border-color: #495057;
  }

  .input-append .active,
  .input-prepend .active {
    color: #d1e7dd;
    background-color: #173a2a;
    border-color: #2f6f4f;
  }

  .control-group.warning .control-label,
  .control-group.warning .help-block,
  .control-group.warning .help-inline,
  .control-group.warning .checkbox,
  .control-group.warning .radio,
  .control-group.warning input,
  .control-group.warning select,
  .control-group.warning textarea { color: #ffda6a; }

  .control-group.warning input,
  .control-group.warning select,
  .control-group.warning textarea { border-color: #997404; }

  .control-group.warning .input-prepend .add-on,
  .control-group.warning .input-append .add-on {
    color: #ffda6a;
    background-color: #403616;
    border-color: #997404;
  }

  .control-group.error .control-label,
  .control-group.error .help-block,
  .control-group.error .help-inline,
  .control-group.error .checkbox,
  .control-group.error .radio,
  .control-group.error input,
  .control-group.error select,
  .control-group.error textarea { color: #ea868f; }

  .control-group.error input,
  .control-group.error select,
  .control-group.error textarea { border-color: #b02a37; }

  .control-group.error .input-prepend .add-on,
  .control-group.error .input-append .add-on {
    color: #ea868f;
    background-color: #462a2d;
    border-color: #842029;
  }

  .control-group.success .control-label,
  .control-group.success .help-block,
  .control-group.success .help-inline,
  .control-group.success .checkbox,
  .control-group.success .radio,
  .control-group.success input,
  .control-group.success select,
  .control-group.success textarea { color: #75b798; }

  .control-group.success input,
  .control-group.success select,
  .control-group.success textarea { border-color: #198754; }

  .control-group.success .input-prepend .add-on,
  .control-group.success .input-append .add-on {
    color: #75b798;
    background-color: #173a2a;
    border-color: #2f6f4f;
  }

  .control-group.info .control-label,
  .control-group.info .help-block,
  .control-group.info .help-inline,
  .control-group.info .checkbox,
  .control-group.info .radio,
  .control-group.info input,
  .control-group.info select,
  .control-group.info textarea { color: #6edff6; }

  .control-group.info input,
  .control-group.info select,
  .control-group.info textarea { border-color: #087990; }

  .control-group.info .input-prepend .add-on,
  .control-group.info .input-append .add-on {
    color: #6edff6;
    background-color: #153846;
    border-color: #087990;
  }

  input:focus:invalid,
  textarea:focus:invalid,
  select:focus:invalid { color: #ea868f; border-color: #ea868f; }

  /* --- Tables ----------------------------------------------------------- */
  .table th,
  .table td { border-top-color: #495057; }

  .table .table { background-color: #212529; }

  .table-striped tbody > tr:nth-child(odd) > td,
  .table-striped tbody > tr:nth-child(odd) > th { background-color: #2b3035; }

  .table-hover tbody tr:hover > td,
  .table-hover tbody tr:hover > th { background-color: #343a40; }

  .table-bordered,
  .table-bordered th,
  .table-bordered td { border-color: #495057; }

  .table tbody tr.success > td { color: #d1e7dd; background-color: #173a2a; }
  .table tbody tr.error > td,
  .table tbody tr.danger > td { color: #f8d7da; background-color: #462a2d; }
  .table tbody tr.warning > td { color: #fff3cd; background-color: #403616; }
  .table tbody tr.info > td { color: #cff4fc; background-color: #153846; }

  .table-hover tbody tr.success:hover > td { background-color: #1f4935; }
  .table-hover tbody tr.error:hover > td,
  .table-hover tbody tr.danger:hover > td { background-color: #593137; }
  .table-hover tbody tr.warning:hover > td { background-color: #51451b; }
  .table-hover tbody tr.info:hover > td { background-color: #1a4657; }

  /* --- Dropdown menus --------------------------------------------------- */
  .dropdown-menu {
    color: #dee2e6;
    background-color: #2b3035;
    border-color: #495057;
    border-color: rgba(255, 255, 255, .15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .45);
  }

  .dropdown-menu .divider {
    background-color: #495057;
    border-bottom-color: #212529;
  }

  .dropdown-menu > li > a { color: #dee2e6; }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus,
  .dropdown-submenu:hover > a,
  .dropdown-submenu:focus > a,
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #0d6efd;
    background-image: none;
    filter: none;
  }

  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #6c757d;
    background-color: transparent;
  }

  .dropdown-submenu > a:after { border-left-color: #adb5bd; }
  .dropdown-submenu:hover > a:after,
  .dropdown-submenu:focus > a:after { border-left-color: #fff; }

  /* --- Wells and buttons ------------------------------------------------ */
  .well {
    background-color: #2b3035;
    border-color: #495057;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
  }
  .well blockquote { border-color: #495057; }

  .close {
    color: #fff;
    text-shadow: none;
    opacity: .65;
    filter: alpha(opacity=65);
  }
  .close:hover,
  .close:focus {
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
  }

  .btn {
    color: #f8f9fa;
    text-shadow: none;
    background-color: #343a40;
    *background-color: #343a40;
    background-image: none;
    border-color: #495057;
    filter: none;
    box-shadow: none;
  }

  .btn:hover,
  .btn:focus {
    color: #fff;
    background-color: #495057;
    background-position: 0 0;
  }

  .btn:focus { outline-color: #86b7fe; }

  .btn.active,
  .btn:active {
    color: #fff;
    background-color: #212529;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .45);
  }

  .btn.disabled,
  .btn[disabled],
  .btn.disabled:hover,
  .btn[disabled]:hover {
    color: #adb5bd;
    background-color: #2b3035;
    border-color: #495057;
  }

  .btn-primary,
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: none;
    filter: none;
  }
  .btn-primary:hover,
  .btn-primary:focus { background-color: #0b5ed7; border-color: #0a58ca; }

  .btn-success,
  .btn-success:hover,
  .btn-success:focus,
  .btn-success:active,
  .btn-success.active {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
    background-image: none;
    filter: none;
  }
  .btn-success:hover,
  .btn-success:focus { background-color: #157347; border-color: #146c43; }

  .btn-info,
  .btn-info:hover,
  .btn-info:focus,
  .btn-info:active,
  .btn-info.active {
    color: #fff;
    background-color: #087990;
    border-color: #087990;
    background-image: none;
    filter: none;
  }
  .btn-info:hover,
  .btn-info:focus { background-color: #06677a; border-color: #055160; }

  .btn-warning,
  .btn-warning:hover,
  .btn-warning:focus,
  .btn-warning:active,
  .btn-warning.active {
    color: #fff;
    background-color: #997404;
    border-color: #997404;
    background-image: none;
    filter: none;
  }
  .btn-warning:hover,
  .btn-warning:focus { background-color: #806000; border-color: #664d03; }

  .btn-danger,
  .btn-danger:hover,
  .btn-danger:focus,
  .btn-danger:active,
  .btn-danger.active {
    color: #fff;
    background-color: #b02a37;
    border-color: #b02a37;
    background-image: none;
    filter: none;
  }
  .btn-danger:hover,
  .btn-danger:focus { background-color: #93232e; border-color: #842029; }

  .btn-inverse,
  .btn-inverse:hover,
  .btn-inverse:focus,
  .btn-inverse:active,
  .btn-inverse.active {
    color: #fff;
    background-color: #111315;
    border-color: #343a40;
    background-image: none;
    filter: none;
  }
  .btn-inverse:hover,
  .btn-inverse:focus { background-color: #000; }

  .btn-link,
  .btn-link:active,
  .btn-link[disabled] {
    color: #6ea8fe;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  .btn-link:hover,
  .btn-link:focus { color: #9ec5fe; background-color: transparent; }
  .btn-link[disabled]:hover,
  .btn-link[disabled]:focus { color: #6c757d; }

  /* --- Alerts ----------------------------------------------------------- */
  .alert {
    color: #fff3cd;
    background-color: #403616;
    border-color: #664d03;
    text-shadow: none;
  }
  .alert h4 { color: #ffda6a; }

  .alert-success {
    color: #d1e7dd;
    background-color: #173a2a;
    border-color: #2f6f4f;
  }
  .alert-success h4 { color: #75b798; }

  .alert-danger,
  .alert-error {
    color: #f8d7da;
    background-color: #462a2d;
    border-color: #842029;
  }
  .alert-danger h4,
  .alert-error h4 { color: #ea868f; }

  .alert-info {
    color: #cff4fc;
    background-color: #153846;
    border-color: #087990;
  }
  .alert-info h4 { color: #6edff6; }

  /* --- Navigation: lists, tabs, pills ---------------------------------- */
  .nav > li > a:hover,
  .nav > li > a:focus { background-color: #343a40; }

  .nav-header {
    color: #adb5bd;
    text-shadow: none;
  }

  .nav-list > li > a,
  .nav-list .nav-header { text-shadow: none; }

  .nav-list > .active > a,
  .nav-list > .active > a:hover,
  .nav-list > .active > a:focus,
  .nav-pills > .active > a,
  .nav-pills > .active > a:hover,
  .nav-pills > .active > a:focus {
    color: #fff;
    background-color: #0d6efd;
  }

  .nav-list .divider {
    background-color: #495057;
    border-bottom-color: #212529;
  }

  .nav-tabs { border-bottom-color: #495057; }

  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus { border-color: #343a40 #343a40 #495057; }

  .nav-tabs > .active > a,
  .nav-tabs > .active > a:hover,
  .nav-tabs > .active > a:focus {
    color: #f8f9fa;
    background-color: #2b3035;
    border-color: #495057;
    border-bottom-color: transparent;
  }

  .nav-tabs.nav-stacked > li > a,
  .nav-tabs.nav-stacked > li > a:hover,
  .nav-tabs.nav-stacked > li > a:focus { border-color: #495057; }

  .nav-tabs .open .dropdown-toggle,
  .nav-pills .open .dropdown-toggle,
  .nav > li.dropdown.open.active > a:hover,
  .nav > li.dropdown.open.active > a:focus {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
  }

  .tabs-below > .nav-tabs { border-top-color: #495057; }
  .tabs-left > .nav-tabs { border-right-color: #495057; }
  .tabs-right > .nav-tabs { border-left-color: #495057; }

  .tabs-below > .nav-tabs > .active > a,
  .tabs-below > .nav-tabs > .active > a:hover,
  .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #495057 #495057 #495057; }

  .tabs-left > .nav-tabs > li > a:hover,
  .tabs-left > .nav-tabs > li > a:focus { border-color: #343a40 #495057 #343a40 #343a40; }
  .tabs-left > .nav-tabs .active > a,
  .tabs-left > .nav-tabs .active > a:hover,
  .tabs-left > .nav-tabs .active > a:focus { border-color: #495057 transparent #495057 #495057; }

  .tabs-right > .nav-tabs > li > a:hover,
  .tabs-right > .nav-tabs > li > a:focus { border-color: #343a40 #343a40 #343a40 #495057; }
  .tabs-right > .nav-tabs .active > a,
  .tabs-right > .nav-tabs .active > a:hover,
  .tabs-right > .nav-tabs .active > a:focus { border-color: #495057 #495057 #495057 transparent; }

  .nav > .disabled > a { color: #6c757d; }
  .nav > .disabled > a:hover,
  .nav > .disabled > a:focus { color: #6c757d; background-color: transparent; }

  /* --- Navbar ----------------------------------------------------------- */
  .navbar-inner {
    background-color: #2b3035;
    *background-color: #2b3035;
    background-image: none;
    border-color: #495057;
    filter: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .35);
  }

  .navbar .brand,
  .navbar-text,
  .navbar-link,
  .navbar .nav > li > a {
    color: #adb5bd;
    text-shadow: none;
  }

  .navbar .brand:hover,
  .navbar .brand:focus,
  .navbar-link:hover,
  .navbar-link:focus,
  .navbar .nav > li > a:focus,
  .navbar .nav > li > a:hover { color: #fff; }

  .navbar .divider-vertical {
    border-right-color: #343a40;
    border-left-color: #495057;
  }

  .navbar .nav > .active > a,
  .navbar .nav > .active > a:hover,
  .navbar .nav > .active > a:focus,
  .navbar .nav li.dropdown.open > .dropdown-toggle,
  .navbar .nav li.dropdown.active > .dropdown-toggle,
  .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, .35);
  }

  .navbar .btn-navbar {
    color: #fff;
    background-color: #343a40;
    *background-color: #343a40;
    background-image: none;
    border-color: #495057;
    filter: none;
  }
  .navbar .btn-navbar:hover,
  .navbar .btn-navbar:focus,
  .navbar .btn-navbar:active,
  .navbar .btn-navbar.active { background-color: #495057; }
  .navbar .btn-navbar .icon-bar { background-color: #f8f9fa; }

  .navbar-search .search-query,
  .navbar-inverse .navbar-search .search-query,
  .navbar-inverse .navbar-search .search-query:focus,
  .navbar-inverse .navbar-search .search-query.focused {
    color: #dee2e6;
    text-shadow: none;
    background-color: #1b1f22;
    border: 1px solid #495057;
    box-shadow: none;
  }

  .navbar-inverse .navbar-inner {
    background-color: #17191c;
    background-image: none;
    border-color: #343a40;
    filter: none;
  }

  .navbar-inverse .brand,
  .navbar-inverse .navbar-text,
  .navbar-inverse .navbar-link,
  .navbar-inverse .nav > li > a { color: #adb5bd; }

  .navbar-inverse .brand:hover,
  .navbar-inverse .brand:focus,
  .navbar-inverse .navbar-link:hover,
  .navbar-inverse .navbar-link:focus,
  .navbar-inverse .nav > li > a:hover,
  .navbar-inverse .nav > li > a:focus { color: #fff; }

  .navbar-inverse .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar-inverse .nav .active > a:focus,
  .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #fff;
    background-color: #000;
  }

  /* Custom colored navbar markers: keep the hue but reduce luminance. */
  .navbar .navbar_stredisko_84 {
    color: #fff;
    background-color: #7a2944;
    border-color: #a13b60;
  }
  .navbar .navbar_stredisko_112 {
    color: #fff;
    background-color: #1f6b2b;
    border-color: #2d8a3b;
  }

  /* Bootstrap responsive rules contain separate mobile navigation colors. */
  .nav-collapse .nav .nav-header,
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a,
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #adb5bd;
    text-shadow: none;
  }

  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus,
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    color: #fff;
    background-color: #343a40;
  }

  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search,
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #495057;
    border-bottom-color: #495057;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 0 rgba(0, 0, 0, .2);
  }

  /* --- Breadcrumb / pagination / pager --------------------------------- */
  .breadcrumb {
    color: #dee2e6;
    background-color: #2b3035;
  }
  .breadcrumb > li { text-shadow: none; }
  .breadcrumb > li > .divider { color: #6c757d; }
  .breadcrumb > .active { color: #adb5bd; }

  .pagination ul > li > a,
  .pagination ul > li > span,
  .pager li > a,
  .pager li > span {
    color: #6ea8fe;
    background-color: #2b3035;
    border-color: #495057;
  }

  .pagination ul > li > a:hover,
  .pagination ul > li > a:focus,
  .pagination ul > .active > a,
  .pagination ul > .active > span,
  .pager li > a:hover,
  .pager li > a:focus {
    color: #fff;
    background-color: #343a40;
  }

  .pagination ul > .active > a,
  .pagination ul > .active > span { color: #fff; }

  .pagination ul > .disabled > span,
  .pagination ul > .disabled > a,
  .pagination ul > .disabled > a:hover,
  .pagination ul > .disabled > a:focus,
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #6c757d;
    background-color: #212529;
  }

  /* --- Modal, tooltip, popover ----------------------------------------- */
  .modal {
    color: #dee2e6;
    background-color: #212529;
    border-color: #495057;
    border-color: rgba(255, 255, 255, .15);
    box-shadow: 0 5px 18px rgba(0, 0, 0, .6);
  }
  .modal-header { border-bottom-color: #495057; }
  .modal-footer {
    background-color: #2b3035;
    border-top-color: #495057;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
  }

  .tooltip-inner {
    color: #fff;
    background-color: #000;
  }

  .popover {
    color: #dee2e6;
    background-color: #2b3035;
    border-color: #495057;
    border-color: rgba(255, 255, 255, .15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .45);
  }
  .popover-title {
    color: #f8f9fa;
    background-color: #343a40;
    border-bottom-color: #495057;
  }

  .popover.top .arrow { border-top-color: #495057; }
  .popover.top .arrow:after { border-top-color: #2b3035; }
  .popover.right .arrow { border-right-color: #495057; }
  .popover.right .arrow:after { border-right-color: #2b3035; }
  .popover.bottom .arrow { border-bottom-color: #495057; }
  .popover.bottom .arrow:after { border-bottom-color: #2b3035; }
  .popover.left .arrow { border-left-color: #495057; }
  .popover.left .arrow:after { border-left-color: #2b3035; }

  /* --- Labels, badges, progress ---------------------------------------- */
  .label,
  .badge { background-color: #6c757d; }
  .label-important,
  .badge-important { background-color: #b02a37; }
  .label-warning,
  .badge-warning { background-color: #997404; }
  .label-success,
  .badge-success { background-color: #198754; }
  .label-info,
  .badge-info { background-color: #087990; }
  .label-inverse,
  .badge-inverse { background-color: #111315; }

  .progress {
    background-color: #343a40;
    background-image: none;
    filter: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .45);
  }

  .progress .bar {
    background-color: #0d6efd;
    background-image: none;
    filter: none;
  }
  .progress-success .bar,
  .progress .bar-success { background-color: #198754; background-image: none; filter: none; }
  .progress-info .bar,
  .progress .bar-info { background-color: #087990; background-image: none; filter: none; }
  .progress-warning .bar,
  .progress .bar-warning { background-color: #997404; background-image: none; filter: none; }
  .progress-danger .bar,
  .progress .bar-danger { background-color: #b02a37; background-image: none; filter: none; }

  /* Keep striped progress bars striped; only the base color becomes dark. */
  .progress-striped .bar,
  .progress-success.progress-striped .bar,
  .progress-striped .bar-success,
  .progress-info.progress-striped .bar,
  .progress-striped .bar-info,
  .progress-warning.progress-striped .bar,
  .progress-striped .bar-warning,
  .progress-danger.progress-striped .bar,
  .progress-striped .bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.12) 75%, transparent 75%, transparent);
  }

  /* --- Accordion / carousel / hero ------------------------------------- */
  .accordion-group,
  .accordion-inner { border-color: #495057; }

  .carousel-control { border-color: #dee2e6; }
  .carousel-indicators li { background-color: rgba(255, 255, 255, .35); }
  .carousel-indicators .active { background-color: #fff; }
  .carousel-caption { background: rgba(0, 0, 0, .82); }

  .hero-unit {
    color: #dee2e6;
    background-color: #2b3035;
  }

  /* --- Custom / Bootstrap 3-like panels from custom.css ---------------- */
  /*
   * custom.css implements Bootstrap-3-like .panel classes on top of
   * Bootstrap 2.3.2.  Keep the whole panel surface dark, including
   * .panel-body and tables placed directly inside a panel.
   */
  .panel,
  .panel-default,
  .panel > .panel-body,
  .panel-default > .panel-body {
    color: #dee2e6 !important;
    background-color: #2b3035 !important;
    border-color: #495057 !important;
  }

  .panel {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  }

  .panel > .panel-heading,
  .panel-default > .panel-heading,
  .panel > .panel-footer,
  .panel-default > .panel-footer {
    color: #f8f9fa !important;
    background-color: #343a40 !important;
    border-color: #495057 !important;
  }

  /* Tables used as direct panel content. */
  .panel > .table,
  .panel > .table-responsive,
  .panel > .table-responsive > .table {
    color: #dee2e6;
    background-color: #2b3035 !important;
  }

  .panel > .table > thead > tr > th,
  .panel > .table > tbody > tr > th,
  .panel > .table > tbody > tr > td,
  .panel > .table-responsive > .table > thead > tr > th,
  .panel > .table-responsive > .table > tbody > tr > th,
  .panel > .table-responsive > .table > tbody > tr > td {
    border-color: #495057;
  }

  .panel-primary { border-color: #0d6efd !important; }
  .panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
  }

  .panel-success { border-color: #2f6f4f !important; }
  .panel-success > .panel-heading,
  .panel-dobre {
    color: #d1e7dd !important;
    background-color: #173a2a !important;
    border-color: #2f6f4f !important;
  }

  .panel-warning { border-color: #664d03 !important; }
  .panel-warning > .panel-heading {
    color: #fff3cd !important;
    background-color: #403616 !important;
    border-color: #664d03 !important;
  }

  .panel-danger { border-color: #842029 !important; }
  .panel-danger > .panel-heading,
  .panel-spatne {
    color: #f8d7da !important;
    background-color: #462a2d !important;
    border-color: #842029 !important;
  }

  .panel-info { border-color: #087990 !important; }
  .panel-info > .panel-heading,
  .panel-vyber {
    color: #cff4fc !important;
    background-color: #153846 !important;
    border-color: #087990 !important;
  }

  /* Optional jQuery UI/date-picker surfaces referenced by custom.css. */
  .ui-widget-content {
    color: #dee2e6;
    background: #2b3035;
    border-color: #495057;
  }
  .ui-widget-header {
    color: #f8f9fa;
    background: #343a40;
    border-color: #495057;
  }
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
    color: #dee2e6;
    background: #343a40;
    border-color: #495057;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    color: #fff;
    background: #495057;
    border-color: #6c757d;
  }
  .ui-state-active,
  .ui-widget-content .ui-state-active,
  .ui-widget-header .ui-state-active {
    color: #fff;
    background: #0d6efd;
    border-color: #0d6efd;
  }
}