body {
  font-family: 'Open Sans', serif;
}
.color-yellow {
  color: #ffc000;
}
.bg-yellow {
  background-color: #ffc000;
}
body.modal-open {
  overflow: hidden !important;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.modal {
  overflow: auto !important;
}
.modal-dialog {
  margin-top: 0 !important;
}
.modal-dialog .modal-content .modal-header {
  background-color: #ffc000 !important;
}
.panel-body p {
  margin: 0.5em 0 !important;
}
/*#timeRange {
    z-index: 100000;
    .ui-slider-range {
        z-index: 100001 !important;
    }
    .ui-slider-handle {
        z-index: 100002 !important;
    }
}*/
.ui-datepicker-inline {
  width: 100% !important;
}
.ui-datepicker-inline a.ui-state-default {
  border: 1px solid #12a939;
  background: #a5e8a5;
  color: black;
}
.badge {
  border: 1px solid white !important;
  background: #999 !important;
  /*color: #999 !important;*/
}
.badge-unavailable {
  /*border: 1px solid red !important;
    background: #f83a3a !important;*/
  cursor: not-allowed;
}
.badge-available {
  border: 1px solid #12a939 !important;
  background: #a5e8a5 !important;
  color: black !important;
}
.badge-selected,
.ui-state-active {
  border: 1px solid #003eff !important;
  background: #007fff !important;
  color: white !important;
}
.alert {
  margin: 5px 0;
}
input.invalid {
  border-color: red !important;
}
.btn-red {
  color: red !important;
  font-weight: bold;
}
.btn-red-menu {
  background-color: white;
  margin: 0 7px 0 0;
  border-radius: 10px;
  border: solid 5px #ffc000;
  padding: 8px 15px;
  color: red !important;
  font-weight: bold;
}
.form-section {
  background-color: #ffc000;
  font-size: 10px;
  text-align: center;
  margin: 10px auto;
  padding: 3px;
  border-radius: 4px;
}
label.label-optional {
  font-weight: normal !important;
}
.container-hack {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.breadcrumbs {
  float: right;
}
h3.title {
  background-color: #ffc000;
  border-radius: 5px;
  padding: 3px 6px;
  margin: 0.4em 0 0.6em 0 !important;
}
table.calendar {
  border: 1px solid #ddd !important;
}
table.calendar table {
  border: none !important;
  background-color: #ddd;
}
.calendar {
  width: 100%;
  border-radius: 4px !important;
  border: 1px solid #ddd !important;
  /* -- Den s aktvnim clickem v kalendari--------------------------- */
  /* -- Den s neaktvnim clickem v kalendari------------------------- */
  /* -- Den víkendu v kalendari------------------------------------- */
  /*-- KAZDY DEN ----------------------------------------------------*/
  /*--- UDALOSTI VE DNECH ------------------------------------*/
  /*--- VYBRANY DEN ------------------------------------------------*/
  /*----------------------------------------------------------------*/
}
.calendar th {
  padding: 5px;
  text-align: center;
}
.calendar td {
  padding: 0;
  text-align: center;
  /*border: 1px solid #fff;*/
}
.calendar td a {
  display: block;
  padding: 5px 10px;
}
.calendar .dateText {
  font-size: 14pt;
  height: 22px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #fff;
  color: #000 !important;
}
.calendar .dateButtonCalendarOpen {
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
}
.calendar .dateButtonCalendarOpen img {
  margin: 0px;
  padding: 0px;
  width: 25px;
  height: 25px;
}
.calendar .dateButtonCalendarClose {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.calendar .calAktivniDen {
  color: #000;
}
.calendar .calAktivniDen a {
  color: #000;
}
.calendar .calNeaktivniDen {
  color: #999;
}
.calendar .dateView .calDen {
  font-size: 14pt !important;
  padding: 3px !important;
  border: 1px solid #fff;
  cursor: pointer;
}
.calendar .dateView .calDen:hover {
  background-color: #ffc000;
}
.calendar .calGreen {
  background-color: #5cb85c;
  cursor: pointer !important;
  border: 1px solid #fff;
}
.calendar .calRed {
  background-color: #BC2525;
  cursor: no-drop !important;
  border: 1px solid #fff;
}
.calendar .calWhite {
  background-color: #FFF;
  cursor: no-drop !important;
  border: 1px solid #fff;
}
.calendar .calGray {
  background-color: #ddd;
  cursor: no-drop !important;
  border: 1px solid #fff;
}
.calendar .calSelected {
  background-color: #ffc000 !important;
}
.calendar .calSelected a {
  color: #000 !important;
}
.calendar .dateFlotilaView table {
  width: 100%;
  border: 1px solid #ddd;
}
.calendar .dateFlotilaView table tr th {
  text-align: center !important;
}
.calendar .dateFlotilaView table tr td {
  text-align: center !important;
}
.calendar .dateFlotilaView a {
  text-decoration: none !important;
}
header {
  position: relative;
  background-color: #ffc000;
}
header .logo {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 430px;
  height: 110px;
  z-index: 300;
  /*border: dotted 1px @color-yellow;*/
}
header .flags {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 100;
}
header .flags .navbar-nav > li > a {
  padding: 5px 10px !important;
  margin: 3px;
  font-size: 14px !important;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  text-align: center;
}
header .socs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
header .socs .navbar-nav > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
header nav.navbar-default {
  border: none !important;
  background-color: #ffc000 !important;
  background-image: url(/Content/img/header-lg.jpg);
  background-repeat: no-repeat !important;
  margin-bottom: 0 !important;
}
header nav.navbar-default .navbar-nav > li > a {
  color: #1f150b !important;
  font-family: 'Open Sans', serif;
}
header nav.navbar-default .navbar-nav > li > a:hover {
  color: #c47800 !important;
}
header nav.navbar-default .navbar-nav > .active > a,
header nav.navbar-default .navbar-nav > .active > a:hover,
header nav.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent !important;
  color: #c47800 !important;
}
header nav.navbar-default .navbar-nav > .open > a,
header nav.navbar-default .navbar-nav > .open > a:hover,
header nav.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent !important;
  color: #c47800 !important;
}
header nav.navbar-default .dropdown-menu {
  background-color: #ffc000 !important;
  border-radius: 5px !important;
}
header nav.navbar-default .dropdown-menu > li > a {
  font-family: 'Open Sans', serif;
  font-weight: 400;
}
header nav.navbar-default .menu-level-0 {
  padding-top: 110px;
}
header nav.navbar-default .navbar-collapse {
  border-top: none !important;
}
header nav.navbar-default .navbar-toggle {
  margin: 28px 40px 0 0 !important;
  border: none !important;
  background-color: #ffc000 !important;
}
header nav.navbar-default .navbar-toggle .icon-bar {
  background-color: black !important;
}
footer {
  position: relative;
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffc000;
  color: white;
}
footer a {
  color: #c47800;
}
.breadcrumb {
  background-color: white !important;
  font-size: 11px;
  margin-bottom: 0.4em;
}
.strip-waiting {
  background-color: #1f150b;
  padding: 3px;
  color: white;
}
.motives img {
  margin: 15px auto;
}
/* - ------------------------------------------------------------------------------- */
/*https://www.bootply.com/59900*/
html,
body {
  height: 100%;
}
.carousel,
.item,
.active {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding: 0 !important;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* - ------------------------------------------------------------------------------- */
section.content h2,
section.content h3 {
  font-family: 'Open Sans', serif;
  /*font-weight: 700;
        color: @color-gold;*/
}
section.content a:hover {
  text-decoration: none;
}
section.content .panel:hover {
  border-color: #ffc000;
}
section.content .panel p.perex {
  color: white;
  font-weight: bold;
  background-color: #c47800 !important;
  border-radius: 3px !important;
  padding: 5px;
  margin: 0;
}
section.content p.perex-detail {
  color: white;
  font-weight: bold;
  background-color: #c47800 !important;
  border-radius: 5px !important;
  padding: 5px;
}
section.article h2 {
  font-family: 'Open Sans', serif;
  font-weight: 700;
  color: #ffc000;
}
.side {
  padding-top: 20px;
}
.gallery {
  padding: 7px 0;
  margin: 0 -7px;
}
.gallery::before,
.gallery::after {
  display: table;
  content: " ";
  clear: both;
}
.gallery .item {
  float: left;
  padding: 7px;
}
.gallery .item::before,
.gallery .item::after {
  display: table;
  content: " ";
  clear: both;
}
.gallery .item a {
  float: left;
}
.gallery .item a::before,
.gallery .item a::after {
  display: table;
  content: " ";
  clear: both;
}
.gallery .item a img {
  float: left;
}
.popover-content {
  text-align: center !important;
}
.popover-title {
  font-weight: bold;
  background-color: #ffc000;
}
.popover > .arrow:after {
  border-bottom-color: #ffc000 !important;
}
.btn-menu {
  display: block;
  text-align: left !important;
  margin-bottom: 10px;
  width: 100% !important;
  white-space: normal !important;
}
.btn-menu:first-of-type {
  margin-top: 20px;
}
.btn-menu-selected {
  background-color: #ffc000 !important;
  border-color: #ffc000 !important;
}