/**
 * bs3-compat.css - Bootstrap 3 compatibility layer for pneuservis-kopecky_j5.
 * ---------------------------------------------------------------------------
 * This template's design lives in two large compiled stylesheets (template.css,
 * megamenu.css) that were authored against Bootstrap 3. The framework itself is
 * now Joomla 5's Bootstrap 5 (media/vendor/bootstrap). This file bridges the gap
 * so the design renders unchanged.
 *
 * LOAD ORDER MATTERS - it must come after Bootstrap 5 and before template.css:
 *     bootstrap.css (BS5)  ->  bs3-compat.css  ->  template.css  ->  megamenu.css
 * Rules here therefore override Bootstrap 5, and the design skin still overrides
 * these.
 *
 * Grid breakpoints are NOT patched here. The markup was migrated instead
 * (col-xs-* -> col-*, col-sm-* -> col-md-*, col-md-* -> col-lg-*), because BS3's
 * sm/md/lg tiers (768/992/1200) are exactly BS5's md/lg/xl. That keeps the grid
 * aligned with the design's own media queries, which are all written at
 * 767/768, 991/992 and 1199/1200.
 *
 * Sections:
 *   1. Containers and gutters (this build uses a 20px gutter, not BS3's 15px)
 *   2. Legacy grid classes still possible in article content
 *   3. Utilities Bootstrap 5 removed
 *   4. Components Bootstrap 5 removed or renamed
 *   5. Bootstrap 5 bits that must be suppressed
 *   6. Bootstrap 3 nav / navbar / dropdown / collapse base (extracted verbatim
 *      from the template's original bootstrap.css - see section header below)
 */

/* ==========================================================================
   1. Containers and gutters
   The bundled BS3 build was customised: .container padding 0 20px, .row margin
   0 -20px, and container widths 760/980/1200 (not stock 750/970/1170).
   BS5 derives both from --bs-gutter-x, so 40px reproduces the 20px each side.
   ========================================================================== */

.container,
.container-fluid {
	--bs-gutter-x: 40px;
}

.row {
	--bs-gutter-x: 40px;
}

/* BS5 introduces a 576px container tier that BS3 has no equivalent for. */
@media (min-width: 576px) {
	.container {
		max-width: none;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 760px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 980px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

/* BS5's 1400px tier would widen the site past the design's maximum. */
@media (min-width: 1400px) {
	.container {
		max-width: 1200px;
	}
}

/* ==========================================================================
   2. Legacy grid classes
   The template's own markup no longer emits these, but article content saved
   before the migration can still contain them (articles 65 and 121 do).
   col-xs-* is "always on", which is BS5's untiered .col-*.
   ========================================================================== */

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	position: relative;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x, 40px) * .5);
	padding-left: calc(var(--bs-gutter-x, 40px) * .5);
	flex: 0 0 auto;
}

.col-xs-1  { width: 8.33333333%; }
.col-xs-2  { width: 16.66666667%; }
.col-xs-3  { width: 25%; }
.col-xs-4  { width: 33.33333333%; }
.col-xs-5  { width: 41.66666667%; }
.col-xs-6  { width: 50%; }
.col-xs-7  { width: 58.33333333%; }
.col-xs-8  { width: 66.66666667%; }
.col-xs-9  { width: 75%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-12 { width: 100%; }

/* BS3 offsets, at BS3 breakpoints (sm = 768px, md = 992px). */
@media (min-width: 768px) {
	.col-sm-offset-1  { margin-left: 8.33333333%; }
	.col-sm-offset-2  { margin-left: 16.66666667%; }
	.col-sm-offset-3  { margin-left: 25%; }
	.col-sm-offset-4  { margin-left: 33.33333333%; }
	.col-sm-offset-6  { margin-left: 50%; }
}

@media (min-width: 992px) {
	.col-md-offset-1  { margin-left: 8.33333333%; }
	.col-md-offset-2  { margin-left: 16.66666667%; }
	.col-md-offset-3  { margin-left: 25%; }
	.col-md-offset-4  { margin-left: 33.33333333%; }
	.col-md-offset-6  { margin-left: 50%; }
}

/* ==========================================================================
   3. Utilities Bootstrap 5 removed
   ========================================================================== */

.pull-right { float: right !important; }
.pull-left  { float: left !important; }

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

/* BS5 renamed these to text-end / text-start. */
.text-right { text-align: right !important; }
.text-left  { text-align: left !important; }

/* BS3 responsive visibility helpers, at BS3 breakpoints. */
.hidden-xs { }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm { display: none !important; }
	.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md { display: none !important; }
	.visible-md { display: block !important; }
}

@media (min-width: 1200px) {
	.hidden-lg { display: none !important; }
	.visible-lg { display: block !important; }
}

/* ==========================================================================
   4. Components Bootstrap 5 removed or renamed
   Values lifted from the template's own bootstrap.css so the skin rules in
   template.css sit on exactly the base they were compiled against.
   ========================================================================== */

/* .well -> no BS5 equivalent (nearest is .card, styled differently). */
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well-sm,
.well-small {
	padding: 9px;
	border-radius: 3px;
}

/* .panel -> .card in BS5. template.css carries 81 .panel skin rules. */
.panel {
	margin-bottom: 23px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body { padding: 15px; }

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/* .label -> .badge in BS5, with different padding/shape. */
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #79787f;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.label-default { background-color: #999999; }
.label-primary { background-color: #428bca; }
.label-success { background-color: #5cb85c; }
.label-info    { background-color: #5bc0de; }
.label-warning { background-color: #f0ad4e; }
.label-danger  { background-color: #d9534f; }

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 23px;
	line-height: 23px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	transition: border 0.2s ease-in-out;
}

/* BS5 dropped .btn-default and the BS3 button sizes the theme still uses. */
.btn-default {
	color: #79787f;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-mini,
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

/* BS5 removed .form-group / .control-label / .input-group-addon. */
.form-group { margin-bottom: 15px; }

.control-label {
	margin-bottom: 5px;
	font-weight: bold;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	color: #79787f;
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

/* ==========================================================================
   5. Bootstrap 5 bits that must be suppressed
   ========================================================================== */

/*
 * BS5 draws the dropdown arrow with .dropdown-toggle::after. This theme draws
 * its own via a <b class="caret"> element that megamenu.css and template.css
 * both style, so BS5's would be a second, differently-styled arrow.
 */
.dropdown-toggle::after {
	display: none;
}

/*
 * The single most important rule in this file.
 *
 * Bootstrap 5 makes .nav a flex row and .navbar-nav a flex COLUMN (it only becomes
 * a row via .navbar-expand-*, which this theme's markup doesn't use). Bootstrap 3
 * laid both out as ordinary block <ul>s with floated <li>s, and that is what the
 * restored BS3 rules in section 6 - and template.css on top of them - assume.
 *
 * float is ignored on flex items, so without this the main menu renders as a
 * vertical stack no matter what the float rules say.
 */
.nav,
.navbar-nav {
	display: block;
}

/*
 * Joomla's core mod_menu layouts put class="nav" on plain content lists too (the
 * header address / phone / opening-hours blocks use mod_menu but aren't navigation).
 * Keeping them block-level stops their items collapsing onto shared lines.
 */
.mod-menu > li,
.nav > li {
	float: none;
}

.navbar-nav > li {
	float: left;
}

/*
 * Bootstrap 5 ships ".navbar-nav .dropdown-menu { position: static }" and only makes it
 * absolute again through ".navbar-expand-* .navbar-nav .dropdown-menu". This theme's
 * navbar markup has no .navbar-expand-* class, so the submenu panel stayed in the flow:
 * opening it stretched the parent <li> from ~46px to ~242px and pushed the next
 * top-level item sideways.
 *
 * Restore Bootstrap 3's behaviour - absolutely positioned from the 768px breakpoint up,
 * which is also where this theme's navbar stops being the collapsed mobile menu. Below
 * that it must stay static so submenus flow inside the collapsed panel, which is exactly
 * what BS3's own "@media (max-width: 767px) .navbar-nav .open .dropdown-menu" did.
 *
 * The selector needs two classes to outweigh Bootstrap's own (0,2,0) rule.
 */
@media (min-width: 768px) {
	.navbar-nav .dropdown-menu {
		position: absolute;
	}
}

/* ==========================================================================
   6. Bootstrap 3 nav / navbar / dropdown / collapse base
   --------------------------------------------------------------------------
   Extracted verbatim from this template's original css/bootstrap.css (the T3
   Bootstrap 3 build). These are the components whose base layout Bootstrap 5
   implements too differently for the compiled skin to sit on:
     - BS5's .navbar-nav is a flex column and only becomes a row via
       .navbar-expand-*; BS3's floats its items from 768px up. template.css
       never floats them itself, so without this the main menu stacks vertically.
     - BS5 shows dropdowns with .dropdown-menu.show; the skin keys off the BS3
       .open state on the parent <li>. js/template-nav.js mirrors BS5's events
       onto those classes, and these rules give them meaning.
   Everything else (reboot, grid, utilities, buttons, forms, tables, alerts,
   modals, cards) is Bootstrap 5's.
   ========================================================================== */

@media print{
.navbar{
    display: none;
  }
.btn > .caret,
  .dropup > .btn > .caret{
    border-top-color: #000 !important;
  }
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover{
  font-size: 14px;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle{
  vertical-align: top;
  border-radius: 0;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle{
  border-radius: 0 0 0 0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
  color: #ffffff;
  background-color: #008ed0;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
  background-image: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
  color: #ffffff;
  background-color: #008ed0;
  border-color: #0075ac;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
  background-image: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success{
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info{
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info{
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning{
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning{
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger{
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger{
  background-image: none;
}
.dropdown-submenu{
  position: relative;
}
.dropdown-submenu > .dropdown-menu{
  top: 0;
  left: 100%;
  margin-top: -5px;
  margin-left: -1px;
}
.dropdown-submenu.open > .dropdown-menu{
  display: block;
}
.dropdown-submenu > .dropdown-menu{
  border-radius: 4px;
}
.dropdown-submenu > a:after{
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -5px;
}
.dropdown-submenu.open > a:after{
  border-left-color: #262626;
}
.collapse{
  display: none;
}
.collapse.in{
  display: block;
}
.collapsing{
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret{
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown{
  position: relative;
}
.dropdown-toggle:focus{
  outline: 0;
}
.dropdown-menu{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right{
  right: 0;
  left: auto;
}
.dropdown-menu .divider{
  height: 1px;
  margin: 10.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a{
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 23px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
  color: #04afff;
  text-decoration: none;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu{
  display: block;
}
.open > a{
  outline: 0;
}
.dropdown-menu-right{
  left: auto;
  right: 0;
}
.dropdown-menu-left{
  left: 0;
  right: auto;
}
.dropdown-header{
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 23px;
  color: #999999;
  white-space: nowrap;
}
.dropdown-backdrop{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu{
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px){
.navbar-right .dropdown-menu{
    left: auto;
    right: 0;
  }
.navbar-right .dropdown-menu-left{
    left: 0;
    right: auto;
  }
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child){
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle{
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle{
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle{
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle{
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle{
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret{
  margin-left: 0;
}
.btn-lg .caret{
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret{
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle{
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group-justified > .btn-group .dropdown-menu{
  left: auto;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.nav{
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li{
  position: relative;
  display: block;
}
.nav > li > a{
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus{
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a{
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus{
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{
  border-color: #04afff;
}
.nav .nav-divider{
  height: 1px;
  margin: 10.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img{
  max-width: none;
}
.nav-tabs{
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li{
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a{
  margin-right: 2px;
  line-height: 23px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover{
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified{
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li{
  float: none;
}
.nav-tabs.nav-justified > li > a{
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu{
  top: auto;
  left: auto;
}
@media (min-width: 768px){
.nav-tabs.nav-justified > li{
    display: table-cell;
    width: 1%;
  }
.nav-tabs.nav-justified > li > a{
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a{
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus{
  border: 1px solid #dddddd;
}
@media (min-width: 768px){
.nav-tabs.nav-justified > li > a{
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
.nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus{
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li{
  float: left;
}
.nav-pills > li > a{
  border-radius: 4px;
}
.nav-pills > li + li{
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
  color: #ffffff;
  background-color: #04afff;
}
.nav-stacked > li{
  float: none;
}
.nav-stacked > li + li{
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified{
  width: 100%;
}
.nav-justified > li{
  float: none;
}
.nav-justified > li > a{
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu{
  top: auto;
  left: auto;
}
@media (min-width: 768px){
.nav-justified > li{
    display: table-cell;
    width: 1%;
  }
.nav-justified > li > a{
    margin-bottom: 0;
  }
}
.nav-tabs-justified{
  border-bottom: 0;
}
.nav-tabs-justified > li > a{
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus{
  border: 1px solid #dddddd;
}
@media (min-width: 768px){
.nav-tabs-justified > li > a{
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
.nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus{
    border-bottom-color: #ffffff;
  }
}
.nav-tabs .dropdown-menu{
  margin-top: -1px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
}
.navbar{
  position: relative;
  min-height: 50px;
  margin-bottom: 23px;
  border: 1px solid transparent;
}
@media (min-width: 768px){
.navbar{
    border-radius: 4px;
  }
}
@media (min-width: 768px){
.navbar-header{
    float: left;
  }
}
.navbar-collapse{
  overflow-x: visible;
  padding-right: 20px;
  padding-left: 20px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in{
  overflow-y: auto;
}
@media (min-width: 768px){
.navbar-collapse{
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
.navbar-collapse.collapse{
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
.navbar-collapse.in{
    overflow-y: visible;
  }
.navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse{
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape){
.navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse{
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse{
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 768px){
.container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse{
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top{
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px){
.navbar-static-top{
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom{
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px){
.navbar-fixed-top,
  .navbar-fixed-bottom{
    border-radius: 0;
  }
}
.navbar-fixed-top{
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom{
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand{
  float: left;
  padding: 13.5px 20px;
  font-size: 18px;
  line-height: 23px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus{
  text-decoration: none;
}
.navbar-brand > img{
  display: block;
}
@media (min-width: 768px){
.navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand{
    margin-left: -20px;
  }
}
.navbar-toggle{
  position: relative;
  float: right;
  margin-right: 20px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus{
  outline: 0;
}
.navbar-toggle .icon-bar{
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar{
  margin-top: 4px;
}
@media (min-width: 768px){
.navbar-toggle{
    display: none;
  }
}
.navbar-nav{
  margin: 6.75px -20px;
}
.navbar-nav > li > a{
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 23px;
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu{
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
.navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header{
    padding: 5px 15px 5px 25px;
  }
.navbar-nav .open .dropdown-menu > li > a{
    line-height: 23px;
  }
.navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus{
    background-image: none;
  }
}
@media (min-width: 768px){
.navbar-nav{
    float: left;
    margin: 0;
  }
.navbar-nav > li{
    float: left;
  }
.navbar-nav > li > a{
    padding-top: 13.5px;
    padding-bottom: 13.5px;
  }
}
.navbar-form{
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 6.5px;
  margin-bottom: 6.5px;
}
@media (min-width: 768px){
.navbar-form .inputbox,
  .navbar-form select,
  .navbar-form textarea,
  .navbar-form input{
    display: inline-block;
  }
}
@media (min-width: 768px){
.navbar-form .form-group{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
.navbar-form .form-control{
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
.navbar-form .form-control-static{
    display: inline-block;
  }
.navbar-form .input-group{
    display: inline-table;
    vertical-align: middle;
  }
.navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control{
    width: auto;
  }
.navbar-form .input-group > .form-control{
    width: 100%;
  }
.navbar-form .control-label{
    margin-bottom: 0;
    vertical-align: middle;
  }
.navbar-form .radio,
  .navbar-form .checkbox{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
.navbar-form .radio label,
  .navbar-form .checkbox label{
    padding-left: 0;
  }
.navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"]{
    position: relative;
    margin-left: 0;
  }
.navbar-form .has-feedback .form-control-feedback{
    top: 0;
  }
}
@media (max-width: 767px){
.navbar-form .form-group{
    margin-bottom: 5px;
  }
.navbar-form .form-group:last-child{
    margin-bottom: 0;
  }
}
@media (min-width: 768px){
.navbar-form{
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu{
  margin-top: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{
  margin-bottom: 0;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn{
  margin-top: 6.5px;
  margin-bottom: 6.5px;
}
.navbar-btn.btn-sm{
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs{
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text{
  margin-top: 13.5px;
  margin-bottom: 13.5px;
}
@media (min-width: 768px){
.navbar-text{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 768px){
.navbar-left{
    float: left !important;
  }
.navbar-right{
    float: right !important;
    margin-right: -20px;
  }
.navbar-right ~ .navbar-right{
    margin-right: 0;
  }
}
.navbar-default{
  background-color: transparent;
  border-color: #efefef;
}
.navbar-default .navbar-brand{
  color: #333333;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
  color: #1a1a1a;
  background-color: transparent;
}
.navbar-default .navbar-text{
  color: #777777;
}
.navbar-default .navbar-nav > li > a{
  color: #333333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  color: #04afff;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color: #04afff;
  background-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus{
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle{
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
  background-color: #1e1d24;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
  border-color: #efefef;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  background-color: rgba(0, 0, 0, 0);
  color: #04afff;
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color: #333333;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
    color: #04afff;
    background-color: transparent;
  }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{
    color: #04afff;
    background-color: rgba(0, 0, 0, 0);
  }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link{
  color: #333333;
}
.navbar-default .navbar-link:hover{
  color: #04afff;
}
.navbar-default .btn-link{
  color: #333333;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus{
  color: #04afff;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus{
  color: #cccccc;
}
.navbar-inverse{
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand{
  color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus{
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text{
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a{
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus{
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle{
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus{
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar{
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form{
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px){
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{
    border-color: #080808;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{
    background-color: #080808;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
    color: #999999;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
    color: #ffffff;
    background-color: transparent;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{
    color: #ffffff;
    background-color: #080808;
  }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link{
  color: #999999;
}
.navbar-inverse .navbar-link:hover{
  color: #ffffff;
}
.navbar-inverse .btn-link{
  color: #999999;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus{
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus{
  color: #444444;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge{
  color: #04afff;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge{
  margin-left: 3px;
}
.panel-heading > .dropdown .dropdown-toggle{
  color: inherit;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after{
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after{
  clear: both;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after{
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after{
  clear: both;
}