﻿.bileto {
	display:block;
	margin-top: 20px!important;
	width: 278px;
	height: 278px;
	border: 1px solid #dcdcdc!important;
	padding: 10px!important;
	background: url("//www.zive.cz/client.images/bileto/bg-map-search-small.png") no-repeat bottom center;
	background-size: contain;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.bileto a {
	text-decoration: none;
}
.bileto a:hover {
	text-decoration: underline;
}
.bileto .b_logo {
	display:block;
	position: absolute;
	top: 10px;
	right: 11px;
	width: 86px;
	height: 24px;
	background: #fff url("//www.zive.cz/client.images/bileto/logo.svg") no-repeat center center;
	background-size: contain;
}
.bileto .b_text {
	font-size: 28px;
	color: #000;
	display: inline-block;
	position: absolute;
	top: 55px;
	left: 12px;
	right: 12px;
}
.bileto .b_text_smaller {
	font-size: 18px;
	text-align: left;
	left: 12px;
	right: 12px;
	top: 5px;
	font-weight: bold;
}
.bileto .b_button {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	background: #ff6337;
	border-radius: 5px;
	padding: 8px 20px;
	position: absolute;
	bottom: 105px;
	left: 50px;
	right: 50px;
}
.bileto .b_links {
	width: 278px;
	height: 38px;
	position: absolute;
	bottom: -5px;
	display: block;
	overflow: hidden;
}
.bileto .b_links a {
	display: inline-block;
	font-size: 11px;
	color: #74787E;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: underline;
	font-weight: bold;
}
.bileto .b_links a:hover {
	text-decoration: none!important;
}

/* search form */

#bileto-root {
    width: 270px;
    position: absolute;
    top: 65px;
    left: 15px;
}

#bileto-root,
 #bileto-root * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#bileto-root .bileto-input {
	border: 1px solid #D8DEE9!important;
}
#bileto-root .bileto-submit {
	background-color: #FF6337!important;
	box-shadow: none;
}

@font-face {
  font-family: bileto-icons;
  font-style: normal;
  font-weight: 400;
  src: url(/_rev2015/woff/bileto-search-icons.e328369f.eot);
  src: url(/_rev2015/woff/bileto-search-icons.e328369f.eot?#iefix) format("embedded-opentype"), url(/_rev2015/woff/bileto-search-icons.36335474.woff) format("woff"), url(/_rev2015/woff/bileto-search-icons.9ecc925c.ttf) format("truetype"), url(/_rev2015/woff/bileto-search-icons.9e7a6889.svg#bileto-search-icons) format("svg"); }

  [class*=" bileto-icon-"]:before,
  [class^=bileto-icon-]:before {
    font-family: bileto-icons !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none !important; }
  .bileto-icon {
    font-size: 13px;
    line-height: 1; }
  .bileto-icon-subway:before {
    content: "a"; }
  .bileto-icon-cancel:before {
    content: "f"; }
  .bileto-icon-flag:before {
    content: "k"; }
  .bileto-icon-calendar:before {
    content: "l"; }
  .bileto-icon-angle-down:before {
    content: "m"; }
  .bileto-icon-location-arrow:before {
    content: "p"; }
  .bileto-icon-angle-right:before {
    content: "r"; }
  .bileto-icon-angle-left:before {
    content: "w"; }
  .bileto-icon-eye:before {
    content: "x"; }
  .bileto-icon-eye-slash:before {
    content: "y"; }
  .bileto-icon-checkmark:before {
    content: "z"; }
  .bileto-icon-angle-up:before {
    content: "A"; }
  .bileto-icon-user:before {
    content: "E"; }
  .bileto-icon-map:before {
    content: "B"; }
  .bileto-icon-building:before {
    content: "D"; }
  .bileto-icon-study:before {
    content: "H"; }
  .bileto-icon-pet:before {
    content: "I"; }
  .bileto-icon-art:before {
    content: "J"; }
  .bileto-icon-music:before {
    content: "K"; }
  .bileto-icon-money:before {
    content: "L"; }
  .bileto-icon-shopping-cart:before {
    content: "M"; }
  .bileto-icon-doctor:before {
    content: "N"; }
  .bileto-icon-star:before {
    content: "O"; }
  .bileto-icon-glass:before {
    content: "P"; }
  .bileto-icon-house:before {
    content: "Q"; }
  .bileto-icon-post-office:before {
    content: "R"; }
  .bileto-icon-restaurant:before {
    content: "S"; }
  .bileto-icon-coffee:before {
    content: "T"; }
  .bileto-icon-car:before {
    content: "U"; }
  .bileto-icon-bed:before {
    content: "V"; }
  .bileto-icon-hand-spock:before {
    content: "W"; }
  .bileto-icon-hand-peace:before {
    content: "X"; }
  .bileto-icon-key:before {
    content: "Y"; }
  .bileto-icon-line-chart:before {
    content: "Z"; }
  .bileto-icon-newspaper:before {
    content: "0"; }
  .bileto-icon-phone:before {
    content: "1"; }
  .bileto-icon-plane:before {
    content: "2"; }
  .bileto-icon-trophy:before {
    content: "4"; }
  .bileto-icon-beer:before {
    content: "5"; }
  .bileto-icon-funicular:before {
    content: "s"; }
  .bileto-icon-cable-car:before {
    content: "9"; }
  .bileto-icon-history:before {
    content: "G"; }
  .bileto-icon-info:before {
    content: "7"; }
  .bileto-icon-body:before {
    content: '"'; }
  .bileto-icon-book:before {
    content: "#"; }
  .bileto-icon-bus:before {
    content: "$"; }
  .bileto-icon-check:before {
    content: "%"; }
  .bileto-icon-clock:before {
    content: "&"; }
  .bileto-icon-clock-fast:before {
    content: "'"; }
  .bileto-icon-clock-faster:before {
    content: "("; }
  .bileto-icon-done:before {
    content: ")"; }
  .bileto-icon-edit:before {
    content: "*"; }
  .bileto-icon-map-direction:before {
    content: ","; }
  .bileto-icon-walk:before {
    content: "-"; }
  .bileto-icon-marker:before {
    content: "."; }
  .bileto-icon-target:before {
    content: "/"; }
  .bileto-icon-tram:before {
    content: ":"; }
  .bileto-icon-train:before {
    content: ";"; }
  .bileto-icon-flag-solid:before {
    content: "<"; }
  .bileto-icon-home:before {
    content: ">"; }
  .bileto-icon-stop-watch:before {
    content: "@"; }
  .bileto-icon-switch-direction:before {
    content: "["; }
  .bileto-icon-wheelchair:before {
    content: "]"; }
  .bileto-icon-ship:before {
    content: "^"; }
  .bileto-icon-heart-small:before {
    content: "_"; }
  .bileto-icon-heart-outline:before {
    content: "`"; }
  .bileto-icon-heart:before {
    content: "|"; }
  .bileto-icon-metro:before {
    content: "}"; }
  .bileto-icon-warning:before {
    content: "~"; }
  .bileto-icon-work:before {
    content: "\\"; }
  .bileto-icon-piggy-bank:before {
    content: ""; }
  .bileto-icon-transport-count:before {
    content: ""; }
  .bileto-suggest {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    overflow-x: auto;
    position: absolute;
    text-align: center;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: 9999; }
  .bileto-item {
    -ms-flex-align: center;
    align-items: center;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    cursor: pointer;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: auto;
    padding: 5px 12px;
    width: 100%;
    height: auto;
    pointer-events: auto;
    background: white;
    text-shadow: none;
    line-height: inherit;
    font-weight: normal;
    box-shadow: none;
    color: #111;
    text-transform: none;
    letter-spacing: 0; }
  .bileto-item:focus,
  .bileto-item:hover {
    background-color: #e0ffff; }
  .bileto-item::-moz-focus-inner {
    border-width: 0; }
  .bileto-suggest button:last-child {
    margin-bottom: 10px; }
  .bileto-icon {
    -ms-flex-align: center;
    align-items: center;
    color: blue-grey;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    height: 30px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 5px;
    width: 25px; }
  .bileto-item span {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    padding-bottom: 5px;
    text-align: left; }
  .bileto-suggest > img {
    margin: 15px auto 10px;
    max-height: 13px; }
  .bileto-container {
    margin-top: 5px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
  .bileto-container,
  .bileto-inputGroup {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex; }
  .bileto-inputGroup {
    background: white;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 36px; }
    .bileto-inputGroup:last-child .bileto-input,
    .bileto-inputGroup:last-child .bileto-button {
      border: none; }
    .bileto-inputGroup .bileto-input,
    .bileto-inputGroup .bileto-button {
      border-bottom: 1px solid #D8DEE9; }
  .bileto-container div:nth-child(2) {
    border-top: 0; }
  .bileto-input {
    width: 100%;
    padding: 10px;
    border: none;
    color: #000;
    -ms-flex: auto;
    flex: auto;
    font-size: 14px;
    height: 36px;
    line-height: 19px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: white;
    box-shadow: none; }
  .bileto-input::-ms-clear {
    display: none; }
  .bileto-input::-webkit-input-placeholder {
    color: #8A97AE; }
  .bileto-input::-moz-placeholder {
    color: #8A97AE; }
  .bileto-input:-ms-input-placeholder {
    color: #8A97AE; }
  .bileto-input:-moz-placeholder {
    color: #8A97AE; }
  .bileto-button {
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #a9a9a9;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    min-width: auto;
    background: white;
    text-shadow: none;
    line-height: inherit;
    font-weight: normal;
    box-shadow: none; }

  .bileto-wrapper {
    padding: 10px 15px;
    margin: 10px;
    background-color: #fff;
    max-width: 400px; }
  .bileto-wrapper a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px 5px 15px;
    text-decoration: none; }
  .bileto-wrapper a > div {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start; }
  .bileto-wrapper a > div h2 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px; }
  .bileto-wrapper a > div p {
    color: #d3d3d3;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400; }
  .bileto-wrapper img {
    height: 42px;
    margin: auto 20px; }
  .bileto-submit {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 36px;
    padding: 0;
    background: #FF6337;
    border: 0;
    color: white;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 0 4px 0 #FF6337;
    line-height: inherit;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0; }
    .bileto-submit:focus {
      outline: none; }
    .bileto-submit:hover {
      text-decoration: none; }
    .bileto-submit:disabled {
      background: #F1BBAB; }
      .bileto-submit:disabled:hover {
        cursor: not-allowed; }
  .bileto-submit:disabled {
    background-color: #ffa07a;
    cursor: not-allowed; }
  .bileto-date-buttons-container {
    display: -ms-flexbox;
    display: flex; }
  .bileto-date-button {
    flex-grow: 1;
    margin: 5px 5px 5px 0;
    padding: 2px;
    border: 2px solid #D8DEE9;
    cursor: pointer;
    font-size: 14px;
    background: white;
    text-shadow: none;
    line-height: inherit;
    color: black;
    font-weight: normal;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0; }
    .bileto-date-button:last-child {
      margin-right: 0; }
  .bileto-selected {
    border-width: 2px;
    border-color: #FF6337;
    color: #FF6337; }
  .bileto--karlovy-vary {
    background: url("/images/default/bileto/bg-karlovy-vary.jpg") center no-repeat;
    background-size: auto 100%; }