/*********************menu -quick icons ********************/
 
#menu-qi {
float:right;
margin-top:-2em;
margin-right:165px;
}

#menu-qi li{
	display: inline-block;
	list-style:none;
	margin-right:10px;
}
#menu-qi a i{
	color:#FC0;
	font-size:18px;
	
}
#menu-qi a i:hover{
	color:#000;
} 

 /***************** btn-main-menus *************************/
.sign-in{
 	border-radius: 50px !important;
	background-color: #f8f8f8 !important;
	color: black;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	padding: 0.85em 1em;
	-webkit-appearance: none;
	border: 1px solid #a6a6a6;
	border-radius: 0;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	text-align: center;
	cursor: pointer;
 }
.sign-in:hover{
 		background-color: #747474!important;
 		color:white;
 }
.sign-in:disabled,.sign-in[disabled]{
  border: 1px solid #7d7d7d !important;
  background-color: #bababa !important;
  color: #434343 !important;
}
.sign-in:enabled,.sign-in[enabled]{
	border: 1px solid #7d7d7d !important;
  background-color: #dbe4f0 !important;
  color: #000 !important;
 
}
 i#user-icon-disabled{
  	color: #e6eaed!important;
 
  }
 i#user-icon-enabled{
  	color: #666666 !important;
  
  }
  .i-inner {
 font-family: Arial, Helvetica, sans-serif!important;
  font-size:.8rem!important;
  margin-left: .4rem;
  vertical-align: middle;
}
.odkaz{
	color: #666;
	cursor: pointer;
}
.odkaz:hover{
	color: black;
}
/************** card- clanky-uvod**************************/
.card{
	margin-left:.5rem!important;
}
.card-divider h4 {
    width: 100%;
    font-size: 1.5rem !important;
    color: #ff6347;
    float: left;
}
.card-datum{
	/*font-family: Georgia,"Times New Roman", Times, serif;*/
	font-weight: normal;
	color: #b22222;
	font-size: 0.7em;
	margin: 0 0 0 15px;
	float: right;
}
.card-dokument {
    display: block;
    width: 50%;
    float: right;
    color: #708090;
    margin: 0 35px 0 0;
    font-size:1rem;
    text-align: right;
}

.object-fit_fill { object-fit: fill }
.object-fit_contain { object-fit: contain }
.object-fit_cover {
	object-fit: contain;
	height: 160px;
	background-color: white !important;
}
.object-fit_none { object-fit: none }
.object-fit_scale-down { object-fit: scale-down }


 .card img { /* height: 120px; */ 
 width:160px; 
 background-color: #444;
 margin:.5rem;
 }

.card img[class] { 
float:left;
 /* width:60%;*/
}
.image {
 /* float:left;
 width:40%;
  margin:  30px auto 40px;
  
    &:nth-child(2n) {
        clear: left; 
    }
    
    &:nth-child(2n+1){
      margin-right: 0;
    } */
}
/******************************** change foundation btns defs ****************************/
#main-menu{
	margin:0.4rem .5rem 0;
}

/******** Buttons main menu**********/
#main-menu a { 
width: 100%;
margin: 2px auto;
border-bottom-color: #909ca9;
font-size: 0.9rem;
line-height: .9rem;
text-align: center;
cursor: pointer;
background-color: #f6f6f6;
color: #222 !important;
border: 1px solid #aaa!important;
border-radius: 6px;
transition: all .4s;
}
#main-menu a:hover{
color: white!important;
background-color: #444444!important;
border: 1px solid #929292 !important;
border-radius:9px;
transform: translateY(-2px);
} 
#main-menu a.activeItem{
	background-color: #d00000 !important;
	color: white!important;
}
#main-menu a.activeItem:hover{
	background-color: #f40000 !important;
}
@media screen and (max-width:600px) {
	#main-menu{background-color: black!important;}
	#main-menu a { 
			width: 100%;
			margin:2px auto;	
  			border-bottom: 1px solid white!important;
  			background-color: black!important;
  			color: white!important;
  			font-size: 0.9rem;
  			line-height: .9rem;
  			text-align: center;
  			cursor: pointer;
		}
	#main-menu a:hover{
			background-color: #e8e8e8!important;
			color: black!important;
		}
	.activeItem{
		background-color: red!important;
		color: white!important;
	}
}