@import url('https://rsms.me/inter/inter.css');
html {
  font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter var', sans-serif;
  }
}

FONT {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px
}

TD {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px;
  LINE-HEIGHT: 1.2;
  font-weight: 400;
}

TH {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px;
  font-weight: bold;
  BACKGROUND: #cfcfbb
}

BODY {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px
}

P {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px
}

DIV {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px;
  LINE-HEIGHT: 1.2;
}

INPUT {
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
}

BUTTON {
  WIDTH: 100%;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-WEIGHT: BOLD;
}

TEXTAREA {
  BORDER-TOP-COLOR: #000000;
  BORDER-LEFT-COLOR: #000000;
  BORDER-RIGHT-COLOR: #000000;
  BORDER-BOTTOM-COLOR: #000000;
  BORDER-TOP-WIDTH: 1px;
  BORDER-LEFT-WIDTH: 1px;
  FONT-SIZE: 11px;
  BORDER-BOTTOM-WIDTH: 1px;
  FONT-FAMILY: 'Inter', sans-serif;
  BORDER-RIGHT-WIDTH: 1px
}

SELECT {
  BORDER-TOP-COLOR: #000000;
  BORDER-LEFT-COLOR: #000000;
  BORDER-RIGHT-COLOR: #000000;
  BORDER-BOTTOM-COLOR: #000000;
  BORDER-TOP-WIDTH: 1px;
  BORDER-LEFT-WIDTH: 1px;
  FONT-SIZE: 11px;
  BORDER-BOTTOM-WIDTH: 1px;
  FONT-FAMILY: 'Inter', sans-serif;
  BORDER-RIGHT-WIDTH: 1px
}

FORM {
  FONT-FAMILY: 'Inter', sans-serif;
  FONT-SIZE: 11px
}

A:link {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: underline
}

A:active {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: underline
}

A:visited {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: underline
}

A:hover {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: underline
}

.title {
  BACKGROUND: none;
  COLOR: #000000;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: none
}

.content {
  BACKGROUND: none;
  COLOR: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif
}

.block-title {
  BACKGROUND: none;
  COLOR: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif
}

.storytitle {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: none
}

.storycat {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: underline
}

.boxtitle {
  BACKGROUND: none;
  COLOR: #363636;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: none
}

.boxcontent {
  BACKGROUND: none;
  COLOR: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: 'Inter', sans-serif
}

.option {
  BACKGROUND: none;
  COLOR: #000000;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: none
}

.tiny {
  BACKGROUND: none;
  COLOR: #000000;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  FONT-FAMILY: 'Inter', sans-serif;
  TEXT-DECORATION: none
}

.linetop {
  border-top: 2px solid #cfcfbb
}

.mover {
  background: #ccccff;
  cursor: hand;
}

/* pro tabulku UNIQA */

.padd {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left
}

.zel {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  background-color: #d6ffff
}

.n {
  font: 11px arial, helvetica, clean, sans-serif;
  color: #000;
}

.maly {
  font: 11px sans-serif, arial, helvetica, clean;
  color: #000;
  margin-bottom: 2px;
}

.stredny {
  font: 12px sans-serif, arial, helvetica, clean;
  color: #000;
  margin-bottom: 2px;
}

.txmaly {
  font: 11px sans-serif, arial, helvetica, clean;
  color: #000;
  margin-bottom: 3px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px
}

.hlavna {
  font: 10px arial, helvetica, clean, sans-serif;
  border-spacing: 4px;
  border-collapse: separate
}

.hlav {
  font: 10px arial, helvetica, clean, sans-serif;
  border: solid black 2px;
  vertical-align: top;
  background-color: #ffffff
}

.sloup {
  border: solid black 1px;
  width: 95px;
  vertical-align: top;
}

.odsad {
  padding-left: 2px;
  padding-right: 2px;
  text-align: left;
}

.vpravo {
  padding-right: 3px;
  text-align: right;
}

.hlavicka {
  font: 10px sans-serif, arial, helvetica, clean;
  color: #fff;
  background-color: #4d6df3;
  padding: 4px;
  vertical-align: top;
}

.czhlavicka {
  font: 10px sans-serif, arial, helvetica, clean;
  color: #fff;
  background-color: #003366;
  padding: 4px;
  vertical-align: top;
}

.sjednat {
  font: 10px sans-serif, arial, helvetica, clean;
  background-color: #4d6df3;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
}

.napoved {
  font: 10px sans-serif, arial, helvetica, clean;
  color: #000;
  background-color: #f8f;
  padding: 2px;
  ;
  text-align: center;
  border-bottom: 1px solid black;
}

.paticka {
  font: 10px sans-serif, arial, helvetica, clean;
  font-weight: bold;
  background-color: #d6ffff;
  border-top: solid black 1px;
  text-align: right;
  padding-right: 5px;
}

.patickac {
  font: 10px sans-serif, arial, helvetica, clean;
  font-weight: bold;
  background-color: #d6ffff;
  border-top: solid black 1px;
  text-align: center;
}

.button {
  font: 11px sans-serif, arial, helvetica, clean;
  border: solid #666 1px;
  text-align: center;
  vertical-align: middle;
}

.hore {
  font: 10px sans-serif, arial, helvetica, clean;
  border: solid silver 1px;
  padding: 3px;
  text-align: center;
}

/*
.but {
  font-weight: bold;
  
  border: none;
  
  color: black;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  border-radius: 8px;
  border: 2px solid #4CAF50; 
  min-width: 74px;
  min-height: 74px;
  }

  .but:hover {   
    background-color: #4CAF50;
    transition: 0.3s;
  }

  .but:active {
    color: white;
    transition: 0.3s;
  }
*/

.butgcp {
  font-weight: bold;
  border: none;
  font-weight: normal;
  color: black;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  border-radius: 8px;
  border: 2px solid #C52728;
  width: 75px;
  height: 74px;
  outline: 0;
}

.bgcp {
  font-weight: bold;
  border: none;
  font-weight: normal;
  color: black;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  border-radius: 8px;
  border: 2px solid #C52728;
  height: 74px;
  outline: 0;
}

.w75 {
  width: 75px;
}

.w115 {
  width: 115px;
}

.butgcp:hover {
  background-color: #C52728;
  transition: 0.3s;
}

.butgcp:active {
  background-color: #C52728;
  transition: 0.3s;
}

.butgcp:focus {
  outline: 0 !important;
}

.gcp_active {
  color: white;
  background-color: #C52728;
  transition: 0.3s;
  font-weight: bold;
}


.butunq:disabled {
  background-color: gray;
}

.butunq {
  font-weight: bold;
  border: none;
  font-weight: normal;
  color: black;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  border-radius: 8px;
  border: 2px solid #1c63b7;
  width: 100%;
  height: 74px;
  outline: 0;
}

.butunq:hover {
  background-color: #1c63b7;
  transition: 0.3s;
}

.butunq:active {
  background-color: #1c63b7;
  transition: 0.3s;
}

.butunq:focus {
  outline: 0 !important;
}

.unq_active {
  color: white;
  background-color: #1c63b7;
  transition: 0.3s;
  font-weight: bold;
}

.butw {
  font: 10px sans-serif, arial, helvetica, clean;
  width: 137px;
  height: 55px;
}

.but2 {
  font: 10px sans-serif, arial, helvetica, clean;
  width: 80px;
  height: 60px;
}

.but3 {
  font: 10px sans-serif, arial, helvetica, clean;
  height: 65px;
}

.preb {
  font: 10px/1.3 sans-serif, arial, helvetica, clean;
  font-weight: bold
}

.bobot {
  border-bottom: solid black 1px;
}

.bbot {
  border-bottom: solid black 2px;
  font-weight: bold;
}

.nic {
  padding: 0;
  margin: 0
}

.menu {
  padding: 2px;
  margin: 1px
}

.menu_select {
  background-color: rgb(255, 255, 153);
}

.menu a:link {
  text-decoration: none;
}

.menu a:visited {
  text-decoration: none;
}

.menu a:hover {
  text-decoration: underline;
}

.menu a:active {
  text-decoration: none;
}

.currency {
  text-align: right;
  width: 100px;
}

.bold {
  font-weight: bold;
}

/* Nové styly tabulek */

.everest-tab {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  width: 780px;
  border-collapse: collapse;
  border: 1px solid #000;
}

.everest-tab th {
  padding: 10px 5px 5px 5px;
  color: #000;
  border-top: 1px solid #888;
}

.everest-tab tbody {
  background: #fff;
}

.everest-tab td {
  padding: 10px;
  color: black;
}

.everest-tab100 {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;  
  border-collapse: collapse;
  border: 1px solid #000;
  padding: 4px;
  
}

.everest-tab100 th {
  padding: 10px 5px 5px 5px;
  color: #000;
  border-top: 1px solid #888;
}

.everest-tab100 tbody {
  background: #fff;
}

.everest-tab100 td {
  padding: 10px;
  color: black;
  border-top: 1px solid #888;
}

/* Informační tabulka */

#newspaper-b {
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  width: 780px;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid grey;
}

#newspaper-b th {
  padding: 15px 10px 10px 10px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

#newspaper-b tbody {
  background: #ddd;
}

#newspaper-b td {
  padding: 10px;
  color: black;
  border-top: 1px dashed #fff;
}

#newspaper-b tbody tr:hover td {
  color: gray;
  background: #fff;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */

[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */

[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */

[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.my-green {
  color: olivedrab;
}

.my-red {
  color: red;
}

.my-blue {
  color: midnightblue;
}

/* Autocare seznam vozidel */

#ukaz_seznam:hover #seznam_vozidel {
  max-height: 500px;
  padding: 10px;
  transition: max-height 0.25s ease-in;
  border: 1px solid black;
}

#ukaz_seznam #seznam_vozidel {
  max-height: 0px;
  padding: 0px;
  background-color: #fff;
  transition: max-height 0.15s ease-out;
  overflow: hidden;
}

/* code for animated blinking cursor */

.typed-cursor {
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.typed-fade-out {
  opacity: 0;
  animation: 0;
  transition: opacity .25s;
}

#typed {
  font-weight: bold;
  white-space: pre;
  font-size: larger;
}

.message {
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.message a:hover {
  color: #FECD05;
  text-decoration: none;
}

.message a {
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Style  Dropdown menu i Přehledu */

.dropbtn {
  padding: 4px;
  font-size: 4px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */

.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Links inside the dropdown */

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {
  background-color: white
}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
  background-color: white;
}

.head_title input {
  width: 80px
}

/* Styled menu on Hlavni nabidka module */

ul.hn_menu {
  margin: 20px;
  list-style: none;
}

ul.hn_menu li {
  padding: 5px;
  text-align: center;
  list-style-position: inside;
  border: 1px dotted gray;
  margin-bottom: 10px;
}

ul.hn_menu li:hover {
  background-color: white;
}

ul.hn_menu a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

/* formátování 2,kroku UNQ MZ */

.k2_container {
  display: inline-flex;
  width: 100%;
  padding: 1px;
}

.k2_header {
  flex: 4;
  padding: .2em;
  margin-top: 0;
  margin-bottom: 0;
}

.k2_underline {
  border-bottom: 1px dotted gray;
}

.k2_double-underline {
  border-bottom: double gray;
}

.k2_table {
  margin: 0 auto;
  border: 1px solid black;
  width: 780px;
}

.k2_navigation {
  margin: 0px auto;
  width: 780px;
  padding: 10px;
}

.k2_content {
  flex: 1;
  padding: .2em;
  margin-top: 0;
  margin-bottom: 0;
  /* border-right: 1px solid gray; */
  border-left: 1px solid gray;
}

.k2_content_nav {
  flex: 1;
}

.k2_content_nav2 {
  flex: 1;
  text-align: right;
}

.k2_gray_over:hover {
  background-color: AliceBlue;
}

.darken {
  opacity: 0.8;
  background-color: #bbb;
}

.background1 {
  background-color: #ffffff;
}

.background2 {
  background-color: #efefef;
}

.k2_span {
  margin: 0 1em 0 auto;
}

.k2_vpravo {
  text-align: right;
}

.k2_cena {
  background-color: #ff8;
  margin-top: .3em;
  border-top: double #000;
  font-weight: bold;
}

.k2_odsad {
  padding-left: 1em;
}

.k2_mesg {
  text-align: center;
  color: #006600;
}

.k2_button {
  width: 105px;
}

.sirka1 {
  width: 14em;
  display: inline-block;
  text-align: left;
}

.sirka2 {
  width: 7em;
  display: inline-block;
}

.sirka3 {
  width: 20em;
  display: inline-block;
}


.vyska1 {
  height: 2em;
  padding: 3px;
  display: inline-block;
}

.nformat {
  text-align: right;
  padding-right: 1em;
}

.button-row {
  display: flex;
  gap: 10px; /* Adjust the gap between buttons as needed */
}