*{
	font-size:12px;
}
h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
	padding:0 0 12px 0;
}
.demo-tip{
	display:none;
}
.modre {
  color: #2B65EC;
}
.modret {
  color: #2B65EC;
  font-weight:bold;
}
.calendar-saturday {
  color: black !important
}
.calendar-sunday {
  color: black !important
}
.button-ramecek {
  border: 1px solid !important;
  border-radius: 12px !important;
}
/*ikony*/
.icon-home{	background:url('pics/icons/home.png') no-repeat center center;}
.icon-library{	background:url('pics/icons/library3.png') no-repeat center center;}
.icon-usd{	background:url('pics/icons/usd.png') no-repeat center center;}
.icon-osad{	background:url('pics/icons/owand.png') no-repeat center center;}
.icon-prg{	background:url('pics/icons/prg.png') no-repeat center center;}
.icon-download{	background:url('pics/icons/download.png') no-repeat center center;}
.icon-nastaveni{	background:url('pics/icons/nastaveni.png') no-repeat center center;}
.icon-filtr{	background:url('pics/icons/filtr.png') no-repeat center center;}
.icon-stopa{	background:url('pics/icons/stopa.png') no-repeat center center;}
.icon-backup{	background:url('pics/icons/backup.png') no-repeat center center;}
.icon-sudoku { background: url('pics/icons/sudoku.png') no-repeat center center;}
.icon-audio { background: url('pics/icons/audio.png') no-repeat center center;}
.icon-calibre { background: url('pics/icons/calibre.png') no-repeat center center;}
.icon-video { background: url('pics/icons/video.png') no-repeat center center;}

html, body {
  overflow: hidden; /* Zakáže posuvníky prohlížeče */
  height: 100%; /* Zajistí správné zobrazení */
  margin: 0;
  padding: 0;
}
.wrapper {
  max-width: 1600px;
  /*max-width: auto;*/
  /*max-height: calc(100vh - 200px); /* Opravený zápis */
  max-height: 100vh;
  margin: 0 auto;
  position: relative;
  /*overflow: auto; /* Povolit scrollování */
  overflow-y: auto;  /* Povolit vertikální scroll */
  overflow-x: hidden; /* Zakázat horizontální scroll */
  /* overflow: overlay;*/
}
/* Výchozí stav – žádné omezení výšky */
.no-limit {
  max-height: none;
  overflow: visible;
}

/* Omezení na výšku viewportu */
.limit-height {
  max-height: 100vh; /* Maximální výška = výška okna prohlížeče */
  overflow-y: auto; /* Přidá scrollbar, pokud obsah přesáhne výšku okna */
}
.centered-panel {
  width: 100% !important;  /* Panel bude přes celou šířku */
  max-width: 100vw;        /* Zabrání přesahu na menších displejích */
  height: auto;            /* Výška se přizpůsobí obsahu */
  margin: 0 auto;          /* Zarovnání na střed */
  display: flex;
  flex-wrap: wrap; /* Zajistí zalomení, pokud se nevejde */
  align-items: center;
}
nav {
  display: flex;
  align-items: center; /* Vertikální zarovnání prvků */
  flex-wrap: nowrap; /* Zabrání zalamování prvků */
  gap: 10px; /* Mezera mezi tlačítky */
  width: 100%; /* Zabere celou šířku */
}
.right-links {
  margin-left: auto; /* Posune poslední tři tlačítka doprava */
  display: flex;
  gap: 10px;
}

.centered-radek {
  width: 100%;
  height: 50px; /* Zvýšení výšky pro lepší zarovnání */
  padding: 0 20px;
  display: flex;
  align-items: center; /* Vertikální vycentrování */
  justify-content: space-between;
  gap: 20px;
}

/* Levá část (Logo, Název, JM NET) */
.left-section {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Střední část (Google vyhledávání) */
.center-section {
  flex-grow: 1; /* Zajistí vycentrování */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Zarovnání textboxů a tlačítek */
input.easyui-textbox,
a.easyui-linkbutton {
  height: 32px;
  line-height: 32px;
}

/* Pravá část (Login) */
.right-section {
  display: flex;
  align-items: center;
  gap: 10px;
}
#htabk, #htabc, #htabst, #ptab1, #ptab2, #ptaba2, #ptaba3, #ptaba4, #ptaba5, #htaba, #ptaba6, #ptaba7, #ptaba11  {
  display: flex;
  justify-content: center; /* Zarovnání na střed */
}
.vtip {
  margin-bottom: 20px;
  line-height: 1.6;
}
#vtipyContent {
  margin-top: 20px; /* nebo větší hodnota podle potřeby */
}
.container {
  width: 100% !important;  /* Zajistí plnou šířku */
  overflow: hidden; /* Zabrání horizontálnímu posuvníku */
  display: flex;
  flex-direction: column;
  width: 100% !important;
}

.row {
  display: flex;
  flex-wrap: wrap;
  flex: 1; /* Vyplní zbytek prostoru v .container */
  flex-direction: column;
  overflow: visible;
}

/* Tlačítko nahoru */
.scrollTopBtn {
  display: none;  /* Skrytí tlačítka ve výchozím stavu */
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s;
}
.scrollTopBtn:hover {
  background-color: #0056b3;
}
.scrollTopBtn.show {
  display: block;  /* Zobrazí tlačítko s animací */
  opacity: 1;
}
.scrollTopBtn.hide {
  opacity: 0;
}
.datagrid-view2 .datagrid-body td:last-child {
  width: 100%;
}
.dialog-inner {
  padding: 15px;
}
  .autor-info {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-size: 14px;
  }
  .autor-info .left {
    text-align: left;
  }
  .autor-info .right {
    text-align: right;
  }
  html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* ❗ odstraní vnější scroll celé stránky */
}

.easyui-tabs, .tabs-panels, .panel-body {
  overflow: hidden !important; /* ❗ zabrání internímu scrollu v tabech */
}
.tabs-panels > .panel {
  overflow: hidden !important;
}

.tabs-panels > .panel > .panel-body {
  overflow: hidden !important;
}

.panel-body-noheader {
  overflow: hidden !important;
}