@charset "UTF-8";
/*
#dcdcdc - zakladni
#696969 - alternativni
#73ccf8 - cookies a hover; tyrkysova
*/
* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  color: #000;
  font-family: "Open Sans", sans-serif;
}

body {
  background-color: #dcdcdc;
  width: 990px;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  color: #333;
  background: none;
  font-family: inherit;
  font-weight: lighter;
  line-height: 1.3em;
}
body.processStopped {
  background-color: #ffd4d4;
}
body.processStopped .statusMessage {
  background-color: #ffbdbd;
}
body.processRestoring {
  background-color: #ffead4;
}
body.processRestoring .statusMessage {
  background-color: #f5d890;
}

.clearLeftContent:after {
  content: "";
  display: block;
  clear: left;
}

header {
  position: relative;
  /*padding-top: 20px;*/
  background-color: white;
  border-bottom: 3px solid #dcdcdc;
  padding: 5px 0;
}

header .logo {
  width: auto; /*120*/
  height: auto;
  display: block;
  padding: 10px 30px;
  background: url(../obrazky/logo.svg) 45px center no-repeat;
  /*background: url(../obrazky/logo.png) center center no-repeat;*/
  background-size: contain; /*100%;*/
}

header .logo span {
  display: none;
}

header .topMenu {
  padding: 1em 1em;
  margin-bottom: 0;
}

header .topMenu li {
  float: right;
}

header .topMenuContainer {
  position: relative;
  right: 120px;
  top: 33px;
  font-weight: normal;
}

header .topMenuContainer.topMenuContainerAdmin {
  right: 70px;
}

header .topMenu {
  float: right;
}

header .topMenu li {
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}

header .topMenu li a {
  color: #fff;
}

header .topMenu li a:hover, header .topMenu li a:active, header .topMenu li a:focus, header .topMenu li a.active {
  /*font-weight: bold;*/
  text-decoration: none;
  background-color: #73ccf8 !important;
}

header .topMenu li a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  padding: 1em 1.5em;
  font-size: large;
  background-color: #696969;
  margin: 10px 7px;
  color: #fff;
  text-align: center;
  min-width: 4em;
  display: block;
  border: none;
}
header .topMenu li a.warning {
  background-color: #c20000;
}

header .topMenu li a.filterActive {
  background-color: #abcf84;
}

header .topMenu li a i {
  color: #fff;
}

header .leftMenuContainer {
  position: relative;
  top: 308px;
  left: 0px;
  width: 250px;
  background-color: white;
}

#contentAndRightBar {
  padding-top: 0px;
  background-color: #fff;
  margin-bottom: 0px;
  width: 100%;
}

#contentAndRightBar:after {
  content: " ";
  display: block;
  clear: left;
}

#contentAndRightBar .returnArrow {
  display: block;
  height: 24px;
  position: relative;
  clear: both;
  top: 24px;
}

body #contentAndRightBar #content {
  padding: 25px;
}

.vehicleList .unlinkVehicle i {
  color: #fff;
}

.lineList .oneLine,
.vehicleList .oneVehicle {
  margin-bottom: 0.3em;
  background-color: #f5f5f5;
  padding: 8px 5px;
  position: relative;
  overflow: hidden;
}

.vehicleList .oneVehicle .terminateDate {
  position: absolute;
  right: -50px;
  bottom: 6px;
  background-color: #444;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  padding: 0px 55px;
  transform: rotate(340deg);
}

.lineList .oneVehicle .top-content .actionButtonWrap {
  float: left;
  width: auto;
}

.actionButtonWrap.magic {
  width: 70px;
  margin: 10px auto;
}

.actionButtonWrap.magic a.active {
  background-color: #abcf84;
}

.lineList .identifiedTurn {
  display: none;
}

.lineList .identifiedTurn .row.top {
  margin-bottom: 8px;
}

.lineList .identifiedTurn .row.top:last-of-type {
  margin-bottom: 0;
}

.lineList .oneLine:hover,
.vehicleList .oneVehicle:hover {
  /*background-color: #efeeee;*/
}

.vehicleList .oneLineHeader {
  padding-left: 5px;
  margin-bottom: 10px;
}
.vehicleList .oneLineHeader .lineNumber {
  display: block;
  font-size: xx-large;
  color: black;
  background-color: silver;
  text-align: center;
  padding: 18px;
}

a.lineNumber:hover {
  color: #fff;
  background-color: #73ccf8;
}

.lineList .oneLine.lastYear, .vehicleList .oneVehicle.lastYear {
  background-color: #f5f5f5;
}

.lineList .oneLine.lastMonth, .vehicleList .oneVehicle.lastMonth {
  background-color: #ffede2;
}

.lineList .oneLine.lastDay, .vehicleList .oneVehicle.lastDay {
  background-color: #fffde2;
}

.lineList .oneLine.lastHour, .vehicleList .oneVehicle.lastHour {
  background-color: #dffada;
}

.vehicleList .oneVehicle.last10min .lastSeen, .lineList .oneLine.last10min .lastSeen {
  font-weight: bold;
}

.vehicleNumber + .terminateDate {
  background-color: #444;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  padding: 5px;
  width: 100%;
  margin-top: 1px;
  text-align: center;
  border-radius: 10px;
}

.vehicleNumber + .terminateDate i {
  padding-right: 10px;
}

.lineList .oneVehicle.tram .vehicleNumber,
.vehicleList .oneVehicle.tram .vehicleNumber {
  background-color: #e46c6d;
  color: #fff;
}

.lineList .oneVehicle.trolley .vehicleNumber,
.vehicleList .oneVehicle.trolley .vehicleNumber {
  background-color: #abcf84;
  color: #fff;
}

.lineList .oneVehicle.ebus .vehicleNumber,
.vehicleList .oneVehicle.ebus .vehicleNumber {
  background-color: #83badf;
  color: #fff;
}

.lineList .oneVehicle.bus .vehicleNumber,
.vehicleList .oneVehicle.bus .vehicleNumber {
  background-color: #4368ad;
  color: #fff;
}

.lineList .oneVehicle .vehicleNumber.tram {
  background-color: #e46c6d;
  color: #fff;
}

.lineList .oneVehicle .vehicleNumber.trolley {
  background-color: #abcf84;
  color: #fff;
}

.lineList .oneVehicle .vehicleNumber.ebus {
  background-color: #83badf;
  color: #fff;
}

.lineList .oneVehicle .vehicleNumber.bus {
  background-color: #4368ad;
  color: #fff;
}

.lineList .serviceId {
  margin-top: 5px;
  border: 1px solid black;
  color: black;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 5px;
  background-color: #fbd850;
}
.lineList .serviceId:hover, .lineList .serviceId:active, .lineList .serviceId:focus {
  text-decoration: none;
}

.vehicleList .serviceId {
  border: 1px solid black;
  color: black;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
  background-color: #fbd850;
}
.vehicleList .serviceId:hover, .vehicleList .serviceId:active, .vehicleList .serviceId:focus {
  text-decoration: none;
}

.vehicleList .oneVehicle .vehicleNumber:hover, .vehicleList .oneVehicle .vehicleNumber:active, .vehicleList .oneVehicle .vehicleNumber:focus {
  background-color: #73ccf8;
  text-decoration: none;
}

.lineList .oneLine .row.top,
.vehicleList .oneVehicle .row.top {
  padding: 4px;
  background-color: #dcdcdc;
}

.lineList .oneLine .row.bottom,
.vehicleList .oneVehicle .row.bottom {
  margin-top: 9px;
  font-size: small;
  min-height: 26px;
}
.lineList .oneLine .row.bottom .lastSeen,
.vehicleList .oneVehicle .row.bottom .lastSeen {
  display: flex;
  align-items: flex-end;
}

.lineList .oneLine .lineNumber,
.vehicleList .oneVehicle .lineNumber {
  display: block;
  font-size: large;
  color: black;
  background-color: silver;
  text-align: center;
  padding: 0.1em;
  font-weight: bolder;
}
.lineList .oneLine .lineNumber.doubleHeight,
.vehicleList .oneVehicle .lineNumber.doubleHeight {
  font-size: xx-large;
  line-height: 1.5;
}

.lineList .oneLine .row.bottom .favourite,
.vehicleList .oneVehicle .row.bottom .favourite {
  display: flex;
  justify-content: flex-end;
}

.miniInfo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.miniInfo .serviceId {
  margin-right: 10px;
}

.lineList .oneLine .row.bottom .favouriteStar,
.vehicleList .oneVehicle .row.bottom .favouriteStar {
  background-color: #dcdcdc;
  padding: 0px 6px;
  font-size: 13px;
  color: #000;
  cursor: pointer;
}

.lineList .oneLine .row.bottom .favouriteStar .fas,
.vehicleList .oneVehicle .row.bottom .favouriteStar .fas {
  display: none;
}

.lineList .oneLine .row.bottom .favouriteStar .far,
.vehicleList .oneVehicle .row.bottom .favouriteStar .far {
  display: inline-block;
}

.lineList .oneLine .row.bottom .favouriteStar.active,
.vehicleList .oneVehicle .row.bottom .favouriteStar.active {
  color: #000;
}

.lineList .oneLine .row.bottom .favouriteStar.active .far,
.vehicleList .oneVehicle .row.bottom .favouriteStar.active .far {
  display: none;
}

.lineList .oneLine .row.bottom .favouriteStar.active .fas,
.vehicleList .oneVehicle .row.bottom .favouriteStar.active .fas {
  display: inline-block;
}

.vehicleList .oneVehicle.terminated .favouriteStar {
  display: none;
}

.lineList .oneLine .row.bottom .topVehicle, .vehicleList .oneVehicle .row.bottom .topVehicle {
  background-color: #73ccf8;
}

.lineList .oneLine a.lineNumber:hover,
.vehicleList .oneVehicle a.lineNumber:hover {
  color: #fff;
  background-color: #73ccf8;
  text-decoration: none;
}

.lineList .oneLine .linkedVehicle a,
.vehicleList .oneVehicle .linkedVehicle a {
  display: inline-block;
  padding: 0 15px;
  background-color: #e46c6d;
  color: #fff;
}

.lineList .oneLine .linkedVehicle a.deleteButton,
.vehicleList .oneVehicle .linkedVehicle a.deleteButton {
  background-color: #e93f41;
}

.lineList .oneLine .linkedVehicle a.addButton,
.vehicleList .oneVehicle .linkedVehicle a.assButton {
  background-color: #3fe444;
}

.vehicleList .oneVehicle .startTime {
  padding-top: 2.5em;
  font-size: small;
  text-align: right;
}

.vehicleList .linkedVehicleDetail a {
  background-color: #e46c6d;
  color: #fff;
  display: inline-block;
  padding: 15px 15px;
  font-size: large;
  text-decoration: none;
}

.vehicleList .linkedVehicleDetail a:hover {
  background-color: #73ccf8;
  text-decoration: none;
}

.vehicleList .unlinkVehicle a {
  padding: 15px;
  font-size: large;
  display: block;
  color: #fff;
  background-color: #696969;
  text-align: center;
}

.vehicleList .unlinkVehicle a:hover {
  background-color: #73ccf8;
}

.innerContent .actionButtonWrap a {
  padding: 18px;
  font-size: large;
  display: block;
  color: #fff;
  background-color: #696969;
  text-align: center;
}
.innerContent .actionButtonWrap a.lastKnownPosition {
  background-color: #e84a4a;
}

.innerContent .actionButtonWrap a:hover {
  background-color: #73ccf8;
}

.lineList .oneLine .linkedVehicle .actual,
.vehicleList .oneVehicle .linkedVehicle .actual {
  font-weight: bold;
}
.lineList .oneLine .linkedVehicle .actual a,
.vehicleList .oneVehicle .linkedVehicle .actual a {
  font-weight: 400;
}

.lineList .oneLine .linkedVehicle a:hover, .lineList .oneLine .linkedVehicle a:active, .lineList .oneLine .linkedVehicle a:focus,
.vehicleList .oneVehicle .linkedVehicle a:hover, .vehicleList .oneVehicle .linkedVehicle a:active, .vehicleList .oneVehicle .linkedVehicle a:focus {
  background-color: #73ccf8;
  text-decoration: none;
}

.lineList .oneVehicle.vehicleDetail {
  padding-bottom: 15px;
}

.vehicleList .oneLine,
.lineList .oneVehicle {
  margin-bottom: 0.3em;
  padding: 8px 5px 0;
  background-color: inherit;
}
.vehicleList .oneLine .serviceVehiclesList,
.lineList .oneVehicle .serviceVehiclesList {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.vehicleList .oneLine .serviceVehiclesList .linkedVehicle,
.lineList .oneVehicle .serviceVehiclesList .linkedVehicle {
  border-top: 1px solid #d4d4d4;
  padding-top: 7px;
}
.vehicleList .oneLine .serviceVehiclesList .linkedVehicle:first-child,
.lineList .oneVehicle .serviceVehiclesList .linkedVehicle:first-child {
  border-top: none;
  padding-top: 0;
}
.vehicleList .oneLine .serviceVehiclesList .vehicleNumber,
.lineList .oneVehicle .serviceVehiclesList .vehicleNumber {
  margin-bottom: 3px;
}
.vehicleList .oneLine .serviceVehiclesList .serviceTime,
.lineList .oneVehicle .serviceVehiclesList .serviceTime {
  width: 100%;
  text-align: right;
  margin-bottom: 2px;
  margin-top: 7px;
  font-size: small;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.vehicleList .oneLine .plus,
.lineList .oneVehicle .plus {
  width: 6%;
  text-align: center;
  vertical-align: middle;
  font-size: xx-large;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vehicleList .oneLine .vehicleNumberDiv1,
.lineList .oneVehicle .vehicleNumberDiv1 {
  width: 100%;
}
.vehicleList .oneLine .vehicleNumberDiv2,
.lineList .oneVehicle .vehicleNumberDiv2 {
  width: 46%;
}
.vehicleList .oneLine .vehicleNumberDiv3,
.lineList .oneVehicle .vehicleNumberDiv3 {
  width: 28%;
}

.serviceNumberContainer {
  margin-bottom: 3px;
}
.serviceNumberContainer .serviceId {
  display: block;
  font-size: xx-large;
  text-align: center;
  padding: 19px;
  border-radius: 10px;
  margin-top: 0;
}

.articleContent p {
  padding-top: 0;
}

#linkVehicle, #stopTable {
  margin: 2em 0 3em;
}
#linkVehicle input, #linkVehicle button, #linkVehicle select, #stopTable input, #stopTable button, #stopTable select {
  border: 2px solid #696969;
  line-height: 3em;
  font-size: x-large;
}
#linkVehicle button, #stopTable button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: large;
}
#linkVehicle input, #stopTable input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#linkVehicle select, #stopTable select {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0;
  text-align: center;
  color: black;
  background-color: white;
}
#linkVehicle select option, #stopTable select option {
  color: black;
  background-color: white;
}
#linkVehicle input[type=time], #stopTable input[type=time] {
  text-align: center;
  border: none;
  width: 100%;
  color: black;
  background-color: white;
}
#linkVehicle .inputTimeWrapper, #stopTable .inputTimeWrapper {
  border-radius: 10px 0 0 10px;
  border: 2px solid #696969;
  background-color: white;
  color: black;
  margin: 0 auto;
}
#linkVehicle .submitLinkedVehicle, #linkVehicle .submitStopTable, #stopTable .submitLinkedVehicle, #stopTable .submitStopTable {
  color: #fff;
  background-color: #696969;
  padding: 0px;
  font-size: x-large;
}

#content {
  float: left;
  background-color: #fff;
  padding: 25px 40px 40px;
  min-height: 400px;
  width: 100%;
}

#content .contact-info {
  padding: 6px 0;
  margin-top: 10px;
}

#content .contact-info span {
  font-size: 27px;
  color: #696969;
  display: inline-block;
  margin-bottom: 95px;
}

#content .contact-info span b {
  font-weight: lighter;
  color: #dcdcdc;
}

#content .contact-info strong {
  font-size: 27px;
  color: #696969;
  font-weight: lighter;
  padding-bottom: 7px;
  display: inline-block;
}

footer {
  text-align: center;
  padding-top: 24px;
}

footer .footer-copyright {
  font-size: 12px;
  color: #000;
  margin-bottom: 30px;
}

footer .footer-copyright a {
  color: #000;
  text-decoration: underline;
}

.roundCorner {
  border-radius: 10px;
}

.modal {
  top: 20%;
}

.modal .modal-body {
  padding-top: 1.5em;
}

.modal .btn-ok {
  background-color: #e93f41;
  color: #fff;
}

.modal .btn-ok.addButton {
  background-color: #3fe444;
  color: #fff;
}

.modal-open {
  overflow: auto;
  padding-right: 0px !important;
}

body.loading .refreshContainer {
  animation: blink ease 2s infinite;
}

@keyframes blink {
  0% {
    background-color: #696969;
  }
  50% {
    background-color: #73ccf8;
  }
  100% {
    background-color: #696969;
  }
}
body.loading .refresh {
  animation: rotation 2s infinite linear;
  animation-name: rotation;
  animation-duration: 2s;
  animation-timing-function: linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: 2000;
}

.loader .loaderInner {
  text-align: center;
}

.loader .loaderInner img {
  position: absolute;
  height: 100px;
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 40%;
  margin-top: -50px;
  animation: trainIn 10s alternate infinite ease-in;
}

.loader .loaderInner span {
  position: absolute;
  bottom: 30%;
  left: 50%;
  right: 50%;
  width: 200px;
  text-align: center;
  display: block;
  margin-left: -100px;
  font-weight: bolder;
  font-size: large;
}

@keyframes trainIn {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(4.5);
  }
}
/*CONTENT*/
.hierarchyName {
  display: none;
  font-size: 20px;
  font-weight: bold;
  color: #1ebbef;
  margin-bottom: 35px;
}

body.hi2 .hierarchyName {
  display: block;
}

body.hi2 .articleContent .articleH1 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.articleContent .imageBoxTypeNahled {
  float: left;
  margin: 0 30px 25px 0;
}

.articleContent {
  font-size: 16px;
  line-height: 1.3em;
}

.hierarchyContent {
  margin-bottom: 1em;
}

form.formStyled input {
  border: 2px solid #696969;
  line-height: 3em;
  font-size: x-large;
  margin-bottom: 0.5em;
  text-align: center;
}

form.formStyled button {
  color: #fff;
  background-color: #696969;
  padding: 10px;
  border: none;
  font-size: x-large;
  padding: 1em;
}

.paginatorNav {
  margin-top: 20px;
}

.paginatorNav .pagination .page-link {
  border-radius: 10px;
  border-color: black;
  border: none;
  color: #696969;
}

.paginatorNav .pagination .page-item {
  margin: 0 1px;
}

.paginatorNav .pagination .page-item.active .page-link {
  background-color: #696969;
  color: #fff;
}

.paginatorNav .pagination .page-item.disabled .page-link {
  color: silver;
}

.paginatorNav .pagination .page-link:hover {
  background-color: #1ebbef;
  color: #fff;
}

.paginatorNav .pagination .page-link:focus {
  box-shadow: none;
}

.alert {
  position: fixed;
  left: 10%;
  top: 10px;
  width: 80%;
  z-index: 100;
  box-shadow: 0px 0px 50px 15px gray;
}

hr {
  visibility: hidden;
  height: 1.5em;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #000;
}

a img {
  border: none;
}

a:hover img, a:active img, a:focus img {
  border: none;
  opacity: 0.8;
}

/*animace pri najeti*/
a:hover, a:active, a:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  /*transition: all 250ms ease-out;
  animation-duration: 1.5s;
  -webkit-transition: all 250ms ease-out;
  -webkit-animation-duration: 1.5s;  */
}

/*animace pri odjeti*/
a, input[type=submit] {
  /*transition: all 550ms ease-out;
  animation-duration: 1.5s;
  -webkit-transition: all 550ms ease-out;
  -webkit-animation-duration: 1.5s;  */
}

a:hover img, a:active img, a:focus img, a img {
  /*transition: all 250ms ease-out;
  animation-duration: 1s;
  -webkit-transition: all 250ms ease-out;
  -webkit-animation-duration: 1.5s;*/
}

/*
FORMULARE
*/
/*form { margin: 0; padding: 0; }
input, textarea { font-size: small; padding: .1em; width: 32%; margin: 5px 3%;  box-sizing: border-box; }
select { font-size: small; padding: .1em; width: 32%; margin: 5px 3%; box-sizing: border-box; }
input.polozkaInputDvojnasobna, textarea.polozkaInputDvojnasobna { width: 72%; }
label { padding: 5px 0; width: 20%; float: left; text-align: right; }
fieldset { margin: 10px 5px; padding: 0; padding-left: 5px; padding-right: 5px; border: none; background-color: #e3e3e3; border-bottom: 1em solid white; }
fieldset legend { border: 1px solid #e3e3e3; color: white; font-weight: bold; background-color: #606060; font-size: 1em; }
fieldset legend a { text-decoration: underline; color: white; }
fieldset legend a:hover { color: silver; }
.lest { display: none; }
input[type=submit] { border: none; padding: 3px 10px; color: white; background-color: #A52A2A; }
input[type=submit]:hover { border: none; padding: 3px 10px; background-color: #ff4500 }
span.polozkaLabel + label, label.polozkaLabelSiroka { width: 100%; text-align: left; }
input[type=checkbox] { width: 15px; }

.polozkaLabel input[type=checkbox] { position: relative; top: 2px; }*/
/*
NADPISY
*/
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  padding-bottom: 0.3em;
  color: black;
}

h1 {
  font-size: xx-large;
  color: #1ebbef;
  padding-top: 1em;
  font-weight: normal;
}

h2 {
  font-size: medium;
  padding-top: 0.6em;
}

h3 {
  font-size: small;
}

h4 {
  font-size: small;
}

h1 + h2 {
  padding-top: 0em;
}

h2 + h3 {
  padding-top: 0em;
}

h3 + h4 {
  padding-top: 0em;
}

h1 + h1 {
  padding-top: 0em;
}

h2 + h2 {
  padding-top: 0em;
}

h3 + h3 {
  padding-top: 0em;
}

h4 + h4 {
  padding-top: 0em;
}

/*
TEXT
*/
p {
  padding: 0.6em 0;
  margin: 0;
}

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-top: 0px;
}

.nezobrazovat {
  display: none;
}

.obrazekPravy {
  float: right;
  margin-left: 20px;
}

.obrazekLevy {
  float: left;
  margin-right: 20px;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.imageBox {
  display: block;
} /*bacha pokud se da border tak v dusledku zaokrouhlovani budou bile mezery*/
.imageBox img {
  display: none !important;
}

.imageBoxMobile {
  display: none;
}

.info-eu-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #696969;
  z-index: 1000;
  padding: 4px;
  color: white;
}

.info-eu-cookies.info-priority span {
  text-align: center;
}

.info-eu-cookies.info-priority a {
  text-decoration: none;
  color: white;
  font-weight: bolder;
}

.info-eu-cookies.info-priority a:hover, .info-eu-cookies.info-priority a:active, .info-eu-cookies.info-priority a:focus {
  color: #fff;
}

.info-eu-cookies.info-priority button {
  padding: 2px 5px;
  border: none;
  background-color: #dcdcdc;
  color: #000;
}

.noDisplay {
  display: none;
}

.adminBar {
  float: left;
  padding: 2px 0 2px 0;
  /*border-bottom: 2px solid #000;*/
  clear: left;
  width: 100%;
  margin-bottom: 10px;
}

.adminBar a {
  display: block;
  background-color: #dcdcdc;
  color: #fff;
  float: left;
  padding: 5px 10px;
  margin-bottom: 2px;
  border-bottom: 2px solid #000;
  clear: right;
  margin-right: 5px;
}

.actionButton {
  display: block;
  border-radius: 10px;
  background-color: #696969;
  color: #fff;
  border: none;
}

.actionButton:hover {
  background-color: #73ccf8;
  text-decoration: none;
}

.joinedCheckbox {
  display: none;
}

.joinedCheckboxLabel {
  display: block;
  padding: 1em;
  color: #000;
  background-color: #8c8c8c;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}

#filterFavourites + .joinedCheckboxLabel {
  color: #fff;
}

#filterAirCondition + .joinedCheckboxLabel {
  color: #fff;
}

#filterTerminated.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #000;
  color: #fff;
}

#filterFavourites.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #ecd71f;
  color: #000;
}

#filterAirCondition.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #ecd71f;
  color: #000;
}

#filterVehicleTram.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #e46c6d;
  color: #fff;
}

.filterVehicleTramType.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: rgba(228, 108, 109, 0.8);
  color: #fff;
}

#filterVehicleTrolley.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #abcf84;
  color: #fff;
}

.filterVehicleTrolleyType.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: rgba(171, 207, 132, 0.8);
  color: #fff;
}

#filterVehicleBus.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #4368ad;
  color: #fff;
}

.filterVehicleBusType.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: rgba(67, 104, 173, 0.8);
  color: #fff;
}

#filterVehicleEbus.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: #83badf;
  color: #fff;
}

.filterVehicleEbusType.joinedCheckbox:checked + .joinedCheckboxLabel {
  background-color: rgba(131, 186, 223, 0.8);
  color: #fff;
}

.joinedCheckboxLabel:hover {
  background-color: #73ccf8 !important;
}

.filter {
  border-top: 2px solid #dcdcdc;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0.5em 1em;
  display: none;
}
.filter.filterStatistic {
  display: block;
  border-top: 0;
}

.filter:after {
  content: "";
  display: block;
  clear: left;
}

.filter .joinedCheckboxLabel, .filter button {
  padding: 1em 1.5em;
  margin: 10px;
  float: left;
}

/*.filterTypeGroupAll {
    height: 100%;
    overflow-y: scroll;
}*/
.filterTypeGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 15px;
}

.filter .filterVehicleTramType + .joinedCheckboxLabel,
.filter .filterVehicleTrolleyType + .joinedCheckboxLabel,
.filter .filterVehicleBusType + .joinedCheckboxLabel,
.filter .filterVehicleEbusType + .joinedCheckboxLabel {
  text-transform: none;
  padding: 0.5em 0.75em;
  margin: 3px;
}

.filterSubmitContent button {
  background-color: #abcf84;
}

/*.filter.filterLeftAlign button{
    float: left;
}*/
.filter .inputAndLabel {
  float: left;
}

/*.filter.filterLeftAlign .inputAndLabel{
    float: left;
}*/
.filter .filterChoiceContent {
  padding-right: 0;
}

.filter .filterSubmitContent {
  padding-right: 0;
}

.filter button.submitFilter {
  float: right;
  margin-right: 0;
}

.filter .inputAndLabel label {
  padding: 1em 1.5em;
  margin: 10px;
  padding: 1em 0em 1em 1em;
  font-weight: 600;
}

.filter .textInput {
  padding: 14px 1.5em;
  margin: 10px;
  border: 2px solid #696969;
}

.filter .textInput.dateFilter {
  text-align: center;
  width: 10em;
}

.styledForm input,
.styledForm textarea,
.styledForm select {
  padding: 14px 1.5em;
  border: 2px solid #696969;
  margin-bottom: 0.5em;
}
.styledForm input optgroup,
.styledForm textarea optgroup,
.styledForm select optgroup {
  margin-top: 0.5em;
}

.textCenter {
  text-align: center;
}

.styledForm label {
  padding: 14px 1.5em;
}

.styledForm .submit {
  background-color: #696969;
  color: #fff;
  border: none;
  text-decoration: none;
  cursor: pointer;
  padding: 0.75em 0.5em;
  font-size: x-large;
  text-align: center;
  display: block;
}

.lineList .oneVehicle a[href].vehicleNumber:hover, .lineList .oneVehicle a[href].vehicleNumber:active, .lineList .oneVehicle a[href].vehicleNumber:focus {
  text-decoration: none;
  background-color: #73ccf8;
}

textarea.textareaTopVehicles {
  height: 100px;
}

.advertisement {
  position: fixed;
  top: 30px;
  right: 30px;
  width: calc((100vw - 990px) / 2 - 60px);
}
.advertisement .topHeader {
  display: none;
}

.advertisement a.target {
  display: block;
}

.advertisement a,
.advertisement a:hover,
.advertisement a:active,
.advertisement a:focus {
  text-decoration: none;
}

.advertisement .content {
  background-color: white;
  text-align: center;
  padding: 10px;
  font-size: 13px;
}

.advertisement .content .headerText {
  font-size: 15px;
}

.advertisement .content .price {
  font-size: 16px;
}

.minusStop {
  font-weight: bold;
  color: #d51111;
}

.plusStop {
  font-weight: bold;
  color: #159d12;
}

.notEqualStop {
  font-weight: bold;
  color: #5c5c5c;
}

.bestTrack {
  color: #0700ff;
}

.officialTrack {
  color: #020056;
}

.stopList {
  font-weight: 500;
}
.stopList .minutes, .stopList .times {
  display: none;
}
.stopList.selMinutes .minutes {
  display: block;
}
.stopList.selTimes .times {
  display: block;
}
.stopList .trackTimeSelect {
  float: right;
  border: 1px solid #000;
  border-radius: 3px;
}
.stopList .trackTimeSelect option.noTurn {
  background-color: #ffb5b7;
}

.stateApproved, .stateAuto, .stateDeclined {
  display: block;
  padding: 5px;
  font-size: small;
  font-weight: bold;
}
.stateApproved:hover, .stateApproved:active, .stateApproved:focus, .stateApproved.active, .stateAuto:hover, .stateAuto:active, .stateAuto:focus, .stateAuto.active, .stateDeclined:hover, .stateDeclined:active, .stateDeclined:focus, .stateDeclined.active {
  text-decoration: none;
  color: white;
  background-color: #73ccf8;
}

.trackAnalyse a, .trackAnalyse a:hover, .trackAnalyse a:active, .trackAnalyse a:focus, .trackAnalyse a.active {
  text-decoration: none;
}

.textSmall {
  font-size: 13px;
  font-weight: 500;
}

.prcWrap .prcAll {
  font-weight: bolder;
  font-size: x-large;
  padding: 18px;
}
.prcWrap .prcParts {
  font-weight: 500;
  font-size: 13px;
}
.prcWrap .prcBad {
  color: #b40005;
}
.prcWrap .prcGood {
  color: #19a400;
}

.tinyItem {
  display: block;
  float: left;
  margin: 0 1px 1px 0;
  width: 10px;
  height: 10px;
  border-radius: 3px;
}
.tinyItem.state_APPROVED {
  background-color: #19a400 !important;
}
.tinyItem.state_APPROVED_OFFICIAL {
  background-color: rgba(0, 218, 162, 0.6784313725) !important;
}
.tinyItem.state_AUTO_APPROVED {
  background-color: #7ad57a !important;
}
.tinyItem.state_DECLINED {
  background-color: #b40005 !important;
}
.tinyItem.state_AUTO_DECLINED {
  background-color: #fa7878 !important;
}
.tinyItem.state_AUTO {
  background-color: #b2b2b2 !important;
}
.tinyItem.state_AUTO_PENDING {
  background-color: #b2b2b2 !important;
}
.tinyItem.missingTurn {
  background-color: #fff;
  border: 1px solid #c9c9c9;
}
.tinyItem.brokenTurn {
  background-color: #000;
  border: 1px solid #000;
}
.tinyItem.unusedTurn {
  animation: blinker 2s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays1 {
  animation: blinker 2s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays2 {
  animation: blinker 1s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays3 {
  animation: blinker 0.5s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays4 {
  animation: blinker 0.5s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays5 {
  animation: blinker 0.25s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays6 {
  animation: blinker 0.25s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDays7 {
  animation: blinker 0.1s ease-in-out infinite alternate;
}
.tinyItem.missedTypeDaysMax {
  animation: blinker 0.1s ease-in-out infinite alternate;
}

@keyframes blinker {
  50% {
    opacity: 0.1;
  }
}
.stateApproved {
  background-color: #8bdd8d;
}

.stateDeclined {
  background-color: #eb8385;
}

.stateAuto {
  background-color: silver;
}

.trackItem.stateAuto {
  background-color: silver;
}
.trackItem.state_APPROVED {
  background-color: #dffada !important;
}
.trackItem.state_APPROVED_OFFICIAL {
  background-color: rgba(0, 218, 162, 0.3294117647) !important;
}
.trackItem.state_AUTO_APPROVED {
  background-color: #f7fce7 !important;
}
.trackItem.state_DECLINED {
  background-color: #ffede2 !important;
}
.trackItem.state_AUTO_DECLINED {
  background-color: #fff3e2 !important;
}
.trackItem.state_AUTO.preferred {
  background-color: #dfeeff;
}
.trackItem.notUsed {
  opacity: 0.3;
  display: none;
}
.trackItem.notUsedTrack {
  background-color: #ffb5b7 !important;
}
.trackItem.notUsedTrackAll {
  background-color: #ff8588 !important;
}
.trackItem.state_APPROVED_OFFICIAL_IGNORE {
  background-color: #ebebeb !important;
}

.trackList .oneLine .lineNumber {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.trackList .oneLine .lineNumber .tinyItem {
  border: 1px solid gray;
  width: 15px;
  height: 15px;
}

.toggleId {
  cursor: pointer;
}

.identifiedTurn .stationList {
  display: none;
}
.identifiedTurn .stationList .oneStation {
  line-height: 1.2;
  font-size: 14px;
}
.identifiedTurn .stationList .oneStation .expectedTime .delay {
  padding-left: 10px;
  font-size: x-small;
}
.identifiedTurn .stationList .oneStation.actual {
  line-height: 1.6;
  font-weight: 600;
}

.vehicleList .oneTimeDetail {
  background-color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  padding: 5px;
  text-align: center;
  color: white;
}
.vehicleList .oneVehicle.favouriteVehicle {
  background-color: rgba(255, 225, 64, 0.3215686275);
}
.vehicleList .vehicleNumberContainer.linkedVehicles2 a {
  font-size: x-large;
  padding: 8px 20px;
}
.vehicleList .vehicleNumberContainer.linkedVehicles3 a {
  font-size: large;
  padding: 12px 8px;
}
.vehicleList .vehicleNumberContainer span.unknownVehicle {
  color: black;
  background-color: silver;
  padding: 8px 40px;
  display: inline-block;
}
.vehicleList .vehicleNumberContainer a {
  display: inline-block;
  padding: 0 15px;
  background-color: silver;
  color: #fff;
}
.vehicleList .vehicleNumberContainer a:hover, .vehicleList .vehicleNumberContainer a.active, .vehicleList .vehicleNumberContainer a:focus {
  text-decoration: none;
  background-color: #73ccf8 !important;
}
.vehicleList .vehicleNumberContainer a.tram {
  background-color: #e46c6d;
}
.vehicleList .vehicleNumberContainer a.trolley {
  background-color: #abcf84;
}
.vehicleList .vehicleNumberContainer a.bus {
  background-color: #4368ad;
}
.vehicleList .vehicleNumberContainer a.ebus {
  background-color: #83badf;
}
.vehicleList .vehicleNumberContainer .delay {
  font-size: small;
  font-weight: 600;
}

/************ AUTOCOMPLETE *************************/
.autocompleteSelect {
  position: absolute;
  z-index: 100;
  background-color: white;
  border: 2px solid #696969;
  border-radius: 0 0 10px 10px;
  border-top: none;
  top: calc(100% - 10px);
  width: calc(100% - 0px);
  display: none;
  padding-bottom: 7px;
  padding-top: 10px;
}
.autocompleteSelect li {
  line-height: 2em;
  padding-left: 16px;
  font-size: 20px;
}
.autocompleteSelect li:hover {
  cursor: pointer;
  color: white;
  background-color: #696969;
}
.autocompleteSelect li span {
  display: inline-block;
  width: 100%;
}
.autocompleteSelect .autocompleteSelected {
  color: white;
  background-color: #696969;
}

/************ KONEC AUTOCOMPLETE *************************/
.statisticItems {
  margin-bottom: 2em;
}
.statisticItems a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  padding: 1em 1.5em;
  font-size: large;
  background-color: #696969;
  margin: 10px 7px;
  color: #fff;
  text-align: center;
  min-width: 4em;
  display: inline-block;
  border: none;
}
.statisticItems a:hover, .statisticItems a:active, .statisticItems a:focus {
  text-decoration: none;
  background-color: #73ccf8 !important;
}
.statisticItems a.private {
  background-color: silver;
}

.button {
  display: inline-block;
  padding: 5px;
  font-size: small;
  font-weight: bold;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  background-color: #696969;
}
.button.ok {
  color: white;
  background-color: #159d12 !important;
}
.button.unidentified {
  color: white;
  background-color: #e4c86c !important;
}
.button.fail {
  color: white;
  background-color: #e46c6d !important;
}
.button.active, .button:active, .button:focus, .button:hover {
  text-decoration: none;
  color: white;
  background-color: #73ccf8 !important;
}

.grey {
  color: grey;
}

.statusMessage {
  border: 2px solid #696969;
  margin-bottom: 2px;
  padding: 2px;
  text-align: center;
  font-weight: 500;
}

.problemText {
  margin: 5px auto 0;
  padding: 5px 3px;
  background-color: #696969;
  color: #fff;
}
.problemText.stop_line {
  background-color: #ffa900;
  color: #000;
}
.problemText.stop_line.notTodayEvent {
  background-color: #ffc553;
}
.problemText.stop_turn {
  background-color: #ffdf00;
  color: #000;
}
.problemText.stop_turn.notTodayEvent {
  background-color: #ffed6c;
}
.problemText.accident {
  background-color: #c20000;
  color: #fff;
}
.problemText.accident.notTodayEvent {
  background-color: #ca3030;
}
.problemText b {
  font-weight: bold;
}
.problemText.relevance2 {
  border: 2px solid black;
}
.problemText.relevance3 {
  border: 3px solid black;
}
.problemText .extendedText {
  font-size: 14px;
  margin-top: 7px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  align-items: start;
  border-top: 1px solid;
  padding-top: 6px;
}

.servicesList .oneVehicle {
  background-color: #f5f5f5;
}

.eventsList .eventWrapper {
  background-color: #f5f5f5;
}
.eventsList .eventWrapper .timeLine {
  padding: 0 10px;
  margin-bottom: 5px;
}
.eventsList .eventWrapper .timeLine .serviceId {
  margin-top: 0;
  padding: 0 10px;
}
.eventsList .problemText {
  margin-top: 0;
  display: flex;
  align-items: center;
  width: inherit;
}
.eventsList .lineNumber {
  display: block;
  font-size: large;
  color: black;
  background-color: silver;
  text-align: center;
  padding: 0.1em;
  font-weight: bolder;
}
.eventsList .lineNumber:hover, .eventsList .lineNumber:active, .eventsList .lineNumber:focus {
  text-decoration: none;
}
.eventsList .time {
  display: block;
  font-size: medium;
  color: white;
  background-color: black;
  text-align: center;
  padding: 0.1em;
  font-weight: bolder;
}

.airCondition {
  color: #1c94c4;
}

.buttonsInLine {
  display: flex;
  justify-content: flex-end;
}

input[type=color] {
  height: 50px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  padding: 5px;
}

.dropdown {
  padding: 0;
}
.dropdown.open .dropdown-menu {
  display: block;
}
.dropdown .dropdown-toggle {
  width: 100%;
  padding: 0.75rem 0.75rem;
  border: 2px solid #696969;
  background: #fff;
  cursor: pointer;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown .palette {
  display: flex;
  gap: 2px;
}
.dropdown .dropdown-menu {
  position: absolute;
  top: calc(70% + 4px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 2px solid #696969;
  border-radius: 0.5rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  display: none;
  max-height: 220px;
  overflow-y: auto;
  z-index: 10;
}
.dropdown .dropdown.open .dropdown-menu {
  display: block;
}
.dropdown .dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.75rem;
  cursor: pointer;
}
.dropdown .dropdown-item:hover {
  background: #f3f4f6;
}
.dropdown .dot {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.colorGroup {
  display: flex;
  width: 90px; /* celková šířka */
  height: 56px; /* výška obdélníku */
  border-radius: 10px; /* zaoblené rohy celého obdélníku */
  overflow: hidden; /* aby barvy nerušily zaoblení */
  border: 1px solid #ccc; /* jemný rámeček */
}
.colorGroup div {
  flex: 1;
}
.colorGroup .color2 {
  flex: 1.1;
}

.vehicleNumberBox.largeText .vehicleNumber {
  font-size: x-large;
}
.vehicleNumberBox.tram .vehicleNumber {
  background-color: #e46c6d;
  color: white;
}
.vehicleNumberBox.trolley .vehicleNumber {
  background-color: #abcf84;
  color: white;
}
.vehicleNumberBox.bus .vehicleNumber {
  background-color: #4368ad;
  color: white;
}
.vehicleNumberBox.ebus .vehicleNumber {
  background-color: #83badf;
  color: white;
}
.vehicleNumberBox .vehicleNumber {
  padding: 18px;
  font-weight: 100;
  color: white;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 22px;
}
.vehicleNumberBox .flagBadge {
  display: inline-block;
  color: white;
  border-radius: 8px;
  font-size: xx-large;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.vehicleNumberBox .flagBorder {
  display: flex;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.vehicleNumberBox .flagColor {
  flex: 1;
}

.detailVehicleGroup .terminateDate {
  background-color: #444;
  color: #fff;
  font-size: 10px;
  display: inline-block;
  padding: 5px;
  width: 100%;
  margin-top: 1px;
  text-align: center;
  border-radius: 10px;
}
.detailVehicleGroup .terminateDate i {
  padding-right: 10px;
}

.vehicleNumberBox + .terminateDate {
  margin-top: 10px;
}

.linkedVehicle {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  border-bottom: none;
  justify-content: flex-start;
}
.linkedVehicle .linkedVehicleInner {
  display: flex;
  align-items: center;
}
.linkedVehicle .linkedVehicleInner .vehicleNumberBox .vehicleNumber {
  font-size: x-large;
  padding: 18px;
  font-weight: 100;
  color: white;
  width: 100%;
  padding-top: 19px;
  padding-bottom: 20px;
}
.linkedVehicle .linkedVehicleInner .vehicleNumberBox .vehicleNumber .flagBorder {
  height: 4px;
}
.linkedVehicle .linkedVehicleInner .plus {
  font-size: x-large;
  font-weight: normal;
}
.linkedVehicle .vehicleNumberBox .vehicleNumber {
  font-size: small;
}
.linkedVehicle .vehicleNumberBox .vehicleNumber .flagBorder {
  height: 2px;
}
.linkedVehicle .plus {
  padding: 0 10px;
  font-size: small;
  align-items: initial;
  font-weight: bold;
}
.linkedVehicle .problemText {
  margin: 5px 10px;
}

/*# sourceMappingURL=styly.css.map */