/* CSS Document */
#prehled{  padding-top: 1px;}
.grid{ display:grid;grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr;  grid-column-gap: 30px;  grid-row-gap: 30px;}
.post-blok{ display: flex; flex-direction: column; border-radius: 12px 12px 5px 5px; overflow: hidden;margin-bottom: 30px;background: #fff;font-family: Roboto;font-style: normal;font-weight: 500;font-size: 14px;line-height: 16px;;color: #5F7184;}
.post-blok .header{ position:relative; display: flex; align-items: center;height: 45px; min-height: 45px; background: #FF7558;overflow: hidden;}
.post-blok .header img{ width: 100%;}
.post-blok .header .labels{ position: absolute; bottom:14px;left:14px;}
.post-blok .header .group_name{  background: #FBF0C9; padding: 5px 7px;border-radius: 2px; font-family: Roboto;font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;text-align: center;color: #07477F;}
.post-blok .header .spomocnik{  background: #FBF0C9; padding: 5px 7px;border-radius: 2px; font-family: Roboto;font-style: normal;font-weight: 500;font-size: 13px;line-height: 15px;text-align: center;color: #07477F;}

.post-blok .title { margin-bottom: 14px; }
.post-blok .title span{ font-family: Roboto;font-style: normal;font-weight: 500;font-size: 18px;line-height: 24px;text-decoration-line: underline;color: #07477F;}
.post-blok .content{ border: 1px solid #E1E7ED; padding: 29px;height: 100%;}
.post-blok .footer{ border: 1px solid #E1E7ED; padding: 15px;text-align: center;border-radius: 0 0 5px 5px;font-weight: 700;}
.post-blok .stats{ display: flex; justify-content: flex-start;}
.post-blok .anotation{ font-family: Roboto;font-style: normal;font-weight: 500;font-size: 14px;line-height: 22px;color: #5F7184;}
.post-blok .rating{ margin:24px 0;}
.post-blok:hover .content,.post-blok:hover .footer{background: #07477F; color: #fff;}
.post-blok:hover .anotation,.post-blok:hover .title span{ color: #fff; }
.post-blok .stats span{display: flex; align-items: center;margin-right: 20px;}
.post-blok .stats i{ color:#FF7558;margin-right:6px;font-size: 17px;}
.oblibeneButtonIcon{ position: absolute;/*top: 25px*/;right:25px; border-width: 0;}
.oblibeneButtonIcon .add{ border-width: 0;background: #fff;border-radius: 50%;width:31px;height:31px;display: flex;align-content: center;justify-content: center;}
.oblibeneButtonIcon .remove{ border-width: 0;background: #fff;border-radius: 50%;width:31px;height:31px;display: flex;align-content: center;justify-content: center;}
.oblibeneButtonIcon .btn i{ margin:0;    line-height: 100%;}
#sdiletModal .btn-primary{ width:167px; margin-left: 10px; font-size: 14px;}
.social {display: flex;margin-top: 30px;align-items: center;}
.social span{ margin-right: 20px;font-weight: bold;}
.social .socialButton{ margin-right: 20px;border: 1px solid #919AAF; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center;    justify-content: center;}
.social .socialButton i{ color:#549FD7;}


.pocetNalezenychPrispevku{ font-size: 24px;}
 
.clanek-table i{color:#FF7558;}
.post-table{ color:#5F7184;font-weight: 500;box-shadow: 0px 2px 3px rgba(118, 157, 197, 0.2);border-radius: 12px;}
.post-table:hover { box-shadow: 1px 5px 5px rgb(118 157 197 / 20%);}	
.post-table,.post-table-header{ display: table-row;}
.post-table > div,.post-table-header > div{ display: table-cell; padding: 1rem;vertical-align: middle; min-width: 100px;}
.post-table-header{ font-family: Roboto;font-style: normal;font-weight: bold;font-size: 13px;line-height: 15px;letter-spacing: 0.04em;text-transform: uppercase;color: #5F7184;}
.post-table .rating,.post-table .date{ width: 153px;}
.clanky-table-wrap{ overflow-x: auto; width:100%;}
.clanky-table{ min-width:933px;border-collapse: separate; border-spacing: 0 19px; padding-right: 3px;display: table;}
.post-table > div{  background: #FFFFFF;/*box-shadow: 0px 1px 0px rgba(118, 157, 197, 0.2);*/height: 120px;}
.post-table .date{ border-radius: 12px 0px 0 12px;text-align: center;}
.post-table .date span{ background: #E7F5FF; color:#07477F; padding:6px 9px;font-size: 13px;}
.post-table .link{ border-radius: 0 12px 12px 0;/*box-shadow: 1px 1px 0px rgba(118, 157, 197, 0.2);*/}
.post-table .title{ color:#07477F;text-decoration: underline;}
.post-table .comments i,.post-table .views i{margin-right: 5px;}


  .stitky{display: flex;}
	    .stitky span{padding: 6px 9px;border-radius: 2px;display: block;margin-right: 8px;font-family: Roboto;font-style: normal;font-weight: 700;font-size: 13px;line-height: 15px;}	    
	    .stitky .datum{background: #E7F5FF;color: #07477F;}
	    .stitky .group_name{color: #07477F;background: #FBF0C9;}
	    .stitky .spomocnik{color: #FFF;background: #FF7558;}