.print-only.print-space,
.print-only.print-page-end {
  display: none;
}

.temp_content_badge {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #FFFFFF99;
  padding: 10px;
  border-radius: 50%;
  z-index: 1;
}
.temp_content_badge .glyphicon {
  font-size: 22px;
  color: #076633;
}

.link-email,
.link-www,
.link-tel
 {
  position: relative;
  padding-left: 24px;
  line-height: 24px;
  display: block;
  margin-bottom: 0;
}
.link-www:before,
.link-email:before,
.link-tel:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 3px;
  top: 4px;
}
.link-email:before {
  background-image: url(./img/icon-link-email.png);
}
.link-www:before {
  background-image: url(./img/icon-link.png);
}
.link-tel:before {
  background-image: url(./img/icon-link-tel.png);
}

body:not(.page-temporary) .note { background-color: transparent !important;}
body:not(.page-temporary) .deleted { display: none;}

/* ADMIN */
.note.note--red { color: #ff0000; text-decoration: underline; }
.note.note--blue { color: #0000ff; text-decoration: underline; }
.note.note--blue2 { background-color: #03A9F4; color: #FFF; padding: 0 10px; text-decoration: none; position: relative; }
/*.note.note--blue::after { content: ""; position: relative; background-color: red; width: 5px; height: 20px; top: 0px; float: right; }*/
/*.note.note--blue2::after { content: "změna"; position: absolute; background-color: white; border: 1px solid; top: -12px; right: -5px; display: inline-block; color: black; font-size: 10px; padding: 0 5px; }*/
.note { background-color: #ffeb3b !important; color: #000 !important; }
/*.note::after { content: ""; position: relative; background-color: red; width: 5px; height: 20px; top: 0px; float: right; }*/
.deleted { background-color: #ffeb3b !important; color: #000 !important; text-decoration: line-through !important; }
/*.deleted::after { content: ""; position: relative; background-color: red; width: 5px; height: 20px; top: 0px; float: right; }*/

html {
  scroll-behavior: smooth;
}
table {
  font-size:14px;
}

.section--examination-list .table>tbody>tr>td {
  padding: 2px 8px;
}
.section--examination-list .table {
  margin-bottom: 10px;
}

.header {
  margin-bottom: 20px;
}
.header img.icon { 
  width:auto; 
  height:30px; 
  margin: 0 auto;
}

.header .top-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.header .top-links p { 
  margin:0 20px; 
  text-align: center;
}
.header .top-links p+p:before {
  content: "|";
  padding: 0 10px;
  color: #ccc;
  position: relative;
  top: -2px;
}
.breadcrumbs {
  background-image: linear-gradient(90deg, rgba(200,200,200,1.0) 0%, rgba(100, 100, 100, 0) 100%);
  padding: 10px;
}
.top-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-menu__item {
  display: inline-block;
  background-image: linear-gradient(180deg, rgba(200,200,200,1.0) 0%, rgba(100,100,100,0.75) 100%);
  margin: 0 3px;
  padding: 5px 10px;
  cursor: pointer;
}
.top-menu__item:hover {
  background-image: linear-gradient(180deg, rgba(100,100,100,0.75) 0%, rgba(200,200,200,1.0) 100%);  
}
.top-menu__item.active {
  background-image: linear-gradient(180deg, rgba(14,66,128,1.0) 0%, #6091C7 66%, rgba(96,145,199,0.75) 100%);
}
.top-menu__item.active:hover {
  cursor: default;  
}
.top-menu__item:hover {
  text-decoration: none;
}
.top-menu__item .icon {
  width: 40px;
  height: 40px;
}
.top-menu__item h4 {
  font-size: 16px;
  margin: 5px 0;
  color: #FFF;
  text-transform: uppercase;
}
.top-menu--skew {
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
}
.top-menu--skew .top-menu__item-in {
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  padding: 10px 12px 10px 0;
}

.middle {
  margin-bottom: 20px;
}

.manual__header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.manual__header img {
  margin-right: 20px;
}
.manual__header p {
  margin-bottom: 0;
}
.manual__prirucka-titulka h1,
.manual__prirucka-titulka h2 {
    color: #337ab7;
}
.manual__prirucka-titulka,
.manual__laboratorni-prirucka-a-1 {
  border-bottom: 1px solid #CCC;
  margin-bottom: 40px;
  padding-bottom: 40px;
}


.hp-buttons { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 25px; }
.hp-button {padding: 5px }
.hp-button__in {padding: 10px; height: 100%;}
.hp-button img { width: 40px; height: 40px;}
.hp-button h3 { text-align: center; font-size: 18px; font-weight: 100; margin-bottom: 0; text-decoration: none; color: #FFF; }
.hp-button h3::first-letter { font-size: 18px; font-weight: 600; color: #F76C0D; }
.hp-button:hover {text-decoration: none}

.blue-gradient { background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); }
.blue-gradient:hover { background-image: linear-gradient(180deg, #2B6BB3 0%,  #0E4180 100%); }
.red-gradient { background-image: linear-gradient(180deg, #800e0e 0%, #b32b2b 100%); }
.red-gradient:hover { background-image: linear-gradient(180deg, #b32b2b 0%, #800e0e 100%); }
.gray-gradient { background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); }
.gray-gradient:hover { background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); }

.round5 { -webkit-border-radius: 5px; border-radius: 5px; }

.footer {
  background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%);
  padding: 20px;
}
.footer__in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__logo img{
  height: 100px;
  float: right;
  margin: 10px 50px;
}
.footer__address{
  padding: 0 15px;
}
.footer__address h4{
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
  margin: 22px 0 5px;
}
.footer__address p{
  color: #FFF;
  font-size: 12px;
  font-weight: 100;
  margin-bottom: 3px;
}
.footer__address a{
  color: #fff;
}

.certificate {
  background-image: linear-gradient(180deg, #838383 0%, #c4c4c4 100%);
  padding: 20px;
}
.certificate__in {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner {
  position: relative;
}
.banner__logo { max-width: 150px; margin-top: 10px;} 
.banner__header { max-width: 320px; margin: 20px auto; font-size: 30px; }
.banner__header-word::first-letter {font-weight: bold; text-transform: uppercase; color: #142b7f }
.banner__header-word { display: inline-block;}
.banner__bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 250px;
  background-image: url(../img/banner/banner-oklt.jpg);
}
.banner--okm .banner__content.banner__bg {
  background-image: url(../img/banner/banner-okm.jpg);
} 
.banner--okb .banner__content.banner__bg {
  background-image: url(../img/banner/banner-okb.jpg);
} 
.banner--hto .banner__content.banner__bg {
  background-image: url(../img/banner/banner-hto.jpg);
} 
.banner__cover {
  position: absolute;
  background-image: linear-gradient(180deg, #00000066 0%, #00000066 100%);
  width: 100%;
  top: 0px;
  height: 100px;
  transition: all 0.2s ease-in;
}
.banner:hover .banner__cover {
  height: 100px;
  background-image: linear-gradient(180deg, #00000066 0%, #00000000 100%);
}    
.banner__gradient {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 20%;
}
.banner__content {
  position: relative;
  z-index: 1;
}
.banner__header h2 {
  margin-top: 0;
}
.banner__header p {
  font-size: 16px;
  margin-bottom: 0;
}
.banner__buttons {
  padding: 20px;
  padding-left: 0;
  display: flex;
  flex-direction: column;
}

.news__item-img {
  height: 150px;
  overflow: hidden;
  position: relative;
}
.news__item-img a {
  display: block; text-align: center;
}
.news__item-img img.img {
  max-height: 150px;
}

.row.flexi {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.btn {
  width: 300px;
  padding: 4px 10px;
  margin: 0 4px 4px 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: -1px 1px 2px rgba(0,0,0,0.3);
}
.btn:hover {
  box-shadow: -1px 1px 2px rgba(0,0,0,0.3);         
}
.btn-white {
  background-image: linear-gradient(180deg, #FFF 0%,#DDD 100%);
  color: #000;
}
.btn-white:hover {
  background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%);
  color: #FFF;
}
.btn-blue {
  background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%);
  color: #FFF;
}
.btn-blue:hover {
  background-image: linear-gradient(180deg, #FFF 0%,#DDD 100%);
  color: #000;
}
.btn-gray {
  background-image: linear-gradient(180deg, rgba(200,200,200,1.0) 0%, rgba(100,100,100,0.75) 100%);
  color: #FFF;
  border: 0;
  padding: 10px;
}
.btn-gray:hover {
  background-image: linear-gradient(180deg,#DDD 100%, #FFF 0%);
  color: #000;
}
.btn-small { border: 1px solid #CCC; margin: 0 4px 5px 0; min-width: 33px; width: auto; }
.btn-tag { position: relative; border: 1px solid #CCC; margin: 0 10px 10px 0; width: auto; }
.btn-tag::after { content:""; display: block; position: absolute; right: -8px; bottom: -5px; width: 15px; height: 15px; border-radius: 3px; }
.btn-tag--cervena::after { background-image: linear-gradient(180deg, #a90101 0%, #ff2e2e 100%); }
.btn-tag--zelena::after { background-image: linear-gradient(180deg, #8BC34A 0%, #549a02 100%); }
.btn-tag--zluta::after { background-image: linear-gradient(180deg, #FFC107 0%, #FF9800 100%); }
.btn-tag--oranzova::after { background-image: linear-gradient(180deg, #c33002 0%, #FF5722 100%); }
.btn-tag--fialova::after { background-image: linear-gradient(180deg, #4201b3 0%, #673AB7 100%); }
.btn-tag--modra::after { background-image: linear-gradient(180deg, #0135a9 0%, #296bff 100%); }

a.btn--print {
  color: #FFF;
  text-decoration: none;
}
.btn--print {
  display: flex;
  align-items: center;
  background-color: #2196f3;
  position: absolute;
  right: 0;
  top: 20px;
  color: #FFF;
  padding: 5px 20px;
  border-radius: 6px;
}
.btn--print:hover {
  background-color: #147ace;
}
.btn--print img {
  height: 30px !important;;
}
.btn--print span {
  margin-left: 10px;
}
.btn--print+h2,
.content-in h2 {
  padding-right: 180px;
}
.section--examination-list .container {
  position: relative;
}

.msg {
  display: block;
  position: fixed;
  top: 10px;
  right: 0;
  padding: 5px;
  border-radius: 6px 0 0 6px;
}
.msg .glyphicon {
  color: #FFF;
  font-size: 20px;
}
.msg-success {
  background-color: #4caf50;
}
.msg-info {
  background-color: #337ab7;
}
.msg-danger {
  background-color: #ff5722;
}

.navbar .btn { width:auto; padding: 10px 20px; margin: 10px 10px 0 0; min-width: 160px; }
.navbar .btn .caret { margin-left: 10px; border-top: 8px solid #666; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.navbar .btn:hover .caret { border-top-color: #FFF; }
.navbar-collapse { padding:0 5px; }
.navbar-nav { margin: 0; }
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.img-rounded {
  border-radius: 6px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
img {
  vertical-align: middle;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.section h2{
  font-size: 29px;
  color: #337ab7;
  padding-left: 3px;
}
.section.section--docs .section__box h1 { 
  display: none;
}
.section.section--docs .section__box h3{
  font-size: 20px;
  margin: 10px 0;
}
.section.section--docs .docs__item-link {
  padding-left: 60px;
  margin-top: 16px;
}
.section__box-in {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}
.docs__item .img.icon {
  float: left;
}
.docs__item {
  margin-bottom: 8px;
}
.docs__item-link {
  padding-left: 28px;
  display: block;
}
h1+.docs__item .docs__item-link {
  margin-top: 20px;
}
.list__top{
  display: flex;
  flex-direction: row;
}
.list__top p{
  font-size: 29px;
  margin-top: 20px;
  margin-bottom: -1px;
}
.list__in{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;        
}
.list__bottom{
  display: flex;
  flex-direction: row;
  margin: 10px 0 5px 0;
}
.list__bottom p{
  font-size: 14px;
  padding-left: 5px;
  margin: 0;
  padding-top: 5.5px;
}
form{
  margin-right: 15px;
}
form input{
  border-radius: 4px;
  border: 1px solid #0361B2;
  width: 110%;
  padding: 5px 10px 5px 10px;
}
.list__bottom_left{
  width: 310px;
}
.list__middle{
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  background: #ddd; 
  border-radius: 4px;
  margin: 10px 5px 5px 5px;
}
.section--foto{        
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.section__logo img{
  width: 200px;
  margin-bottom: 20px;
}
.section__certifikat img{
  width: 150px;
}

.section--navigation { margin-top: 75px; background-color: #e0e0e0; padding-top: 20px; }

img.img { display: inline-block; margin-right: 4px;}

img.icon { 
  width:auto; 
  height: 12px;
  position: relative;
  top: -2px; 
}
.icon.icon50 {
  width:auto; 
  height:50px; 
}
.icon.icon20 {
  width:auto; 
  height:16px; 
}

.certificate__in img{
  width: 180px;
}
.certificate__address{
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 10px;
}

.section h1 { font-size: 30px; }
.section h2 { font-size: 24px; }
.section h3 { font-size: 18px; }
.section h4 { font-size: 16px; font-weight: 600; }

.badge--okb{
  background-color: #3d60bd;
}
.badge--hto{
  background-color: #b92403;
}
.badge--okms{
  background-color: #976820;
}
.badge--okmb{
  background-color: #009900;
}

.section--examinations { margin-top: 75px; }
.section--examinations.section--page { margin-top: 0; }
.section--examinations.section--page .btn-small { margin: 0 6px 8px 0; min-width: 45px; }
.section--examinations.section--page .exam-filter__search .form-group>div { width:100% }
.section--examinations.section--page .exam-filter__search .form-group>div+div { margin-top:10px }
.section--examinations .checkbox {
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: 1;
  width: 16px;
}
.section--examinations .checkbox-group {
  position: relative;
  display: inline-block;
}
.exam-total {
  position: absolute;
  right: 5px;
  top: 5px;
  font-weight: bold;
}
.exam-selected-filters {
  background-image: linear-gradient(90deg, #FAFAFA 0%,#DDD 100%);
  padding: 5px 140px 5px 10px;
  position: relative;
  margin-bottom: 20px;
  min-height: 30px;
}

.exam-filter__in {
  padding: 20px;
}
.exam-filter__letter {
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #FFF;
  display: inline-block;
  margin: 0 3px 6px 0;
  min-width: 40px;
  text-align: center;
}
.exam-filter__letters,
.exam-filter__search
 {
  margin-bottom: 40px;
}
.exam-filter__search input.form-control {
  width: 100%;
}
.exam-filter__search button.btn {
  width: 100%;
  max-width: 280px;
}
.exam-filter__search form {
  margin: 0;
  text-align: center;
}
.exam-results__item {
  border-bottom: 1px solid #CCC;
  padding: 5px 10px;
}
.exam-results__item .badge {
  margin-left: 20px;
}
.exam-results__item .btn-tag { margin-left: 20px; margin-bottom: 0; padding: 0 10px; }
.exam-results__item .btn-tag:after { bottom: 2px; }
.exam-results__item .btn-tag:hover { cursor: default; }

.exam-filter h2 {
  margin-top: 0;
}
.exam-results h2 {
  margin-top: 24px;
}
.exam-results,
.exam-filter__in {
  margin-bottom: 20px;
}
td.exam-table__name {
  font-size: 12px;
  font-style: italic;
}
.examinations__about {
  display: flex;
}
.examinations__about .glyphicon {
  font-size: 24px;
  color: #337ab7;
  margin-right: 10px;
}
.examinations__about p {
  color: #000;
  font-style: italic;
}

hr {
  margin-top: 20px;
  margin-bottom: 40px;
  border: 0;
  border-top: 1px solid #ccc;
}

.top-menu--image {
  margin-right: 50px;
}

.top-menu--image img {
  width: 130px;
  padding: 7px 10px;
}

.vizitka .img.icon { margin:0 8px 0 0; }

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 992px) {
  .top-menu {
    display: block;
  }
  .top-menu--image {
    margin:0;
  }
  .top-menu--image img {
    margin:0 auto;
  }
  .top-menu__item {
    -webkit-transform: skew(0);
    transform: skew(0);
    display: block;
    margin-bottom: 10px;
  }
  .top-menu--skew .top-menu__item-in {
    -webkit-transform: skew(0);
    transform: skew(0);
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header img.icon {
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .middle { padding: 0 10px }
  .section--navigation { margin-top:0;     margin-left: -10px; margin-right: -10px; }
  .btn--print { display:none; }
  .btn--print+h2, .content-in h2 {
    padding-right: 0;
}
}
@media only screen and (max-width: 576px) {
}


.news a { text-decoration: none; }
.news .news__item-heading { color: #337ab7; font-size: 18px; margin-bottom: 5px;}
.news a .news__item-heading:hover { font-weight: 600;}
.news .news__item-date { color: #337ab7; font-size: 12px; font-style: italic; margin: 0 }
.news .news__item-text { color: #333; margin-bottom: 5px;}
.news .news__item-href { color: #337ab7; font-size: 12px; margin: 0 }
.news a .news__item-href:hover { text-decoration: underline; }

.news--top .news__item-heading { color: #337ab7; font-size: 18px; margin-bottom: 5px;}

.news .list-group-item.top-news { padding:0 }
.news .list-group-item.active h4, .news .list-group-item.active p  {color:#FFF}
.news .news__item-exclamation { color: #990000; }

.news .news__item-docs { margin: 20px 0 10px; color: #337ab7; font-size: 14px; text-decoration: underline }
.news .news__item-icon { width: 20px; margin-right: 30px; float: left;}
.news .news__item-attachement { float: left; color: #337ab7; font-size: 12px; font-style: italic; }
.news a.news__item-attachement:hover { text-decoration: underline; }

@media only screen and (max-width: 990px) {
    .news { margin-top: 10px; margin-bottom: 10px}
}

.page-print .header { display:none }
.page-print .certificate { display:none }
.page-print .footer { display:none }
.page-print .btn--print { display:none }
.page-print table.table tr td { font-size:10px }
.page-print .col-md-6 { width:25% }
.page-print .examinations__about { display:none; }

.page-print:before {
  content: "pouze pro informativní účely";
  float: right;
  font-size: 16px;
  color: #CCC;
  font-style: italic;
  font-weight: 100;
}