/* Základní styl pro sb-sidenav */
.sb-sidenav .nav-link {
    color: #e0e0e0; /* Výchozí barva textu */
}

/* Styl pro aktivní nebo otevřené podmenu */
.sb-sidenav .nav-link[aria-expanded="true"],
.sb-sidenav .collapse.show .nav-link {
    background-color: #e0e0e0; /* Bílé pozadí */
    color: #000000; /* Černý text pro lepší kontrast */
}

/* Styl pro text ikon uvnitř otevřeného podmenu */
.sb-sidenav .nav-link[aria-expanded="true"] .sb-nav-link-icon,
.sb-sidenav .collapse.show .sb-nav-link-icon {
    color: #000000; /* Černé ikony */
}

/* Nastavení pozadí podmenu */
.sb-sidenav .collapse {
    background-color: #e0e0e0; /* Bílé pozadí pro podmenu */
}

/* Styl pro hover efekt v rozbaleném podmenu */
.sb-sidenav .collapse .nav-link:hover {
    background-color: #ffffff; /* Světle šedé pozadí při hoveru */
    color: #000000; /* Černý text při hoveru */
}

/* Styl pro hover efekt v hlavním menu */
.sb-sidenav .nav-link:hover {
    background-color: #333333; /* Tmavě šedé pozadí při hoveru v hlavním menu */
    color: #ffffff; /* Bílý text při hoveru v hlavním menu */
    
}










.help-block {
    
    color: red;
}

.descript-block {
    color: blue;
    font-size: small;
}







/*všechny odkazy*/
a.podtrzeni:link {
	text-decoration: none;
	color: black; 
        font-style: oblique;
        
}

a.podtrzeni:hover {
	text-decoration: underline;
	color: black;
        font-style: oblique;
}

a.podtrzeni:visited {
	text-decoration: none;
	color: black;
        font-style: oblique;
}

a.podtrzeni:active {
	text-decoration: none;
	color: black;
        font-style: oblique;
}


img.clen_foto {
  max-width: 30%;
  height: auto;
  border-radius: 20px;
}


input.clen[type=text]:disabled {
  background: #FFFFFF; 
  color:grey;
}


/*obrazky historie*/
img.historie {
  max-width: 40%; /* Upravte podle potřeby */
  height: auto;
  margin-top: 10px;
}

/*obrazky historie*/
.left {
  float: left;
  margin-right: 20px; /* Pro oddělení od textu */
}

/*obrazky historie*/
.right {
  float: right;
  margin-left: 20px; /* Pro oddělení od textu */
}



/*obrazky historie*/
img.kontakty {
  max-width: 100%; /* Upravte podle potřeby */
  height: auto;
  margin-top: 10px;
}