@charset "UTF-8";
/*********************menu -quick icons ********************/
.row.quick-icon{
	/*background-color: #363636;*/
	margin:0;
}
#menu-qi li{
	float:right;
	display: inline-block;
	list-style:none;
	margin-right:10px;
}
#menu-qi a i{
	color:white;
	font-size:1.2rem;
	margin-bottom: 0.5rem;
}
#menu-qi a i:hover{
	/*color:#000;*/
}
@media screen and (max-width:720px) {
	#menu-qi a i{
		font-size:18px;	
	}
}	

/*******************clanky***********************/
.img-section,.card-section img{
	margin:.5rem;
}
/**************************** sidebar menu for pc**********************/

[class^="btn-lvl-"]{
	background-color: #BCD8EC!important;
  color:black!important;
  text-align: center;
  border-bottom:1px solid #549cd0;
} 
[class^="btn-lvl-"]:hover {
	background-color: #6bc3e7!important;
	 color:white!important;
}  
[class^="btn-lvl-alert"]{
	background-color:#E00000 !important;
	/*margin-left: -1rem;*/
	 color:white!important;
	 font-weight: bold;
}
a.side-submenu-alert{
	background-color:red !important;
	 color:white!important;
	 font-weight: bolder;
	 margin-left: -1rem;
	 text-align: center;
	/* text-indent: 2rem;*/
}
a[class*='btn-lvl'][href^='#']{
	color:black!important;
}
a:hover[class*='btn-lvl'][href^='#']{
	color:black;
	background-color:#6bc3e7 !important;
}
a[class*='btn-lvl'][href^='#']:after{
display: block;
float: right;
width: 0;
height: 0;
border: inset 6px;
    border-top-color: currentcolor;
    border-top-style: inset;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-bottom-width: 6px;
    border-left-color: currentcolor;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #4e4e4e transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
} 
 a[class*='btn-lvl'][href^='http']:after{
  	content:'\f08e';
	font-family:FontAwesome;
	float:right;
	color:#4e4e4e;
} 
a[class*='btn-lvl']:hover[href^='http']::after{
color:red;
}
a[id*='side-menu'][href^='http']:after{
  	content:'\f08e';
	font-family:FontAwesome;
	float:right;
	color:#4e4e4e;
	width: 0;
	height: 0;
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #4e4e4e transparent transparent;
	right: 5px;
	left: auto;
	position: relative;
	top:10px;
	/*margin-right:3px;*/
}
a[id*='side-menu']:hover[href^='http']::after{
color:red;
}
.card-navigace{
   background-color: rgba(0, 0, 0,.5);
	margin-top:1rem;
	line-height:1rem;
	padding: 0 .2rem;
} 
.card-navigace a{
	float:left;
	color: blue;
	background-color: #FFF300;
	text-align: center;
	display: inline-block;
	height: 2rem!important;
	width: 2rem!important;
}
.card-navigace a:hover{
color:#1e90ff;
}
.card-datum{
	font-size:.8rem;
	margin-top: .2rem;
	padding:.2rem;
	display: inline-block;
	float:right;
	background-color: #FFF300;
}
.card-image {
	margin: 1rem auto 0;	
}
.card-navigace > :before{
	clear: both;
}
.card-divider:{
	margin-right: .5rem!important;
	border-right:2px solid white !important;
}
  
.card-active{
	background-color: #fff3d9;
}
.card-common{
	background-color: #fff;
}