/* CSS verze 2022-04-12, 1 */


h2.component-heading, h1.component-heading {padding-bottom: 20px !important;}
.component-paragraph {padding-bottom: 20px !important;}
.flex-row iframe {padding-bottom: 30px !important;}





#portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_pshj .list-group-header {display: none !important;}

.container-xl, .container-lg, .container-md, .container-sm, .container-fluid {padding-left: 0 !important; padding-right: 0 !important;}

header {position: sticky; top: 0; width: 100%; z-index: 99;}
header #heading-fixed {width: 100%; background: #fff;}

.signed-in header #heading-fixed {z-index: 99 !important; background: #fff; }

header #heading {max-width: 1248px; margin: auto; padding-top: 20px; padding-bottom: 20px; }

.portlet-navigation section.portlet {max-width: 1248px; margin: auto;}

.search-bar-keywords-input-wrapper {
    font-weight: normal;
    height: 45px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #B9B9B9;
    width: 100%;
    border: 1px solid #666;
    border-radius: 22px !important;
    color: #b9b9b9;
    font-size: 14px;
}
.search-bar-keywords-input-wrapper:focus {background-color: #f0f0f0;}
.search-bar-keywords-input-wrapper .form-control:focus {background-color: transparent !important;}


.search-bar-keywords-input-wrapper .form-control {
    border-style: none;
    background: none;
        display: block;
        width: 1%;
        height: 41px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border: none;
        border-radius: 0;
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

.input-group .input-group-inset-item {
    background-color: #009fe3 !important; color: #fff !important;border-radius: 0 20px 20px 0 !important; height: 37px; margin: 3px;}

.portlet-search-bar {width: 100%; margin-top: 3px;}
.search-bar-keywords-input-wrapper .input-group .input-group-inset-item-after {
    border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #fff; border-radius: 0 20px 20px 0;}
.rsd-search-mobile {margin-bottom: 10px;}

.rsd-asistence-mobile, .rsd-search-mobile.navbar-form {display: none; margin: 15px 1rem 15px 1rem !important;}

.rsd-asistence a {color: #333; font-size: 15px; text-align: right; position: relative; top: -5px;}
.rsd-asistence .asist1 {margin-bottom: -6px;}
.rsd-asistence .asist2 {margin-bottom: 2px; font-size: 12px; }
.rsd-asistence .asist3 {
  color: #009fe3;
  font-size: 20.5px;
  font-weight: bold;
  line-height: 0;
  position: relative;
  left: 3px;
  top: 6px;
}
.rsd-asistence a:hover {color: #009fe3; text-decoration: none;}


header#banner .rsd-hamburger {
    border: 2px solid #003063 !important;
    border-radius: 5px;
    width: 2em;
    height: 2em;
    cursor: pointer;
    z-index: 99;
    margin-top: 2px;
}
header#banner .navbar-toggler-icon  {
    color: #fff !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3C/svg%3E") !important;
    width: 20px;
    height: 15px;
    margin: 5px 0 7px -6px;
    cursor: pointer;
}

#navigationCollapse section {}

header .navbar {width: 100%; padding: 0.1rem 1rem 0.2rem 0 !important; z-index: 2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.republiky header .navbar {border-bottom: 0 !important; margin-bottom: -46px; background-color: transparent;}
.republiky header.navbar1 .navbar {background-color: #fff !important; border-bottom: 1px solid #ddd !important;     
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}



body:not(.republiky) .navbar1 {background: #fff;}
header .navbar #navigationCollapse {margin: auto; max-width: 1248px;}
.republiky .navbar .collapse:not(.show) .text-truncate {color: #fff !important;}
.republiky .navbar1 .navbar .collapse:not(.show) .text-truncate {color: #585858 !important;}


header .navbar-nav .nav-link {
    padding-left: 0.63rem !important;
    padding-right: 1.5rem !important;
    color: #585858;
    font-size: 14px;
    font-weight: bold;
}

.management-bar.navbar {top: 0 !important;}

#rsd-page-title {
    background-color: #003063; background-position: center 65% ; background-repeat: no-repeat; background-size: 100%; 
    background-image: url(https://rsd-web.rsd.cz/documents/20125/44794/rsd_web_uvod.jpg/af9a67b7-e86b-2965-375a-724f18d92df7?t=1645707629083);}
    
#rsd-page-title h1 {display: block; max-width: 1248px; margin: auto; padding: 50px 0; color: #fff;}



#breadcrumbs {background-color: #f1f1f1; margin-bottom: 50px;}
#breadcrumbs section {max-width: 1248px; margin: auto; padding: 0; color: rgb(128, 128, 128);}
#breadcrumbs .breadcrumb-item {font-size: 0.8rem;}
#breadcrumbs .breadcrumb {padding: 10px 0px;}
.breadcrumb li:first-child .breadcrumb-text-truncate {font-size: 0;}
.breadcrumb li:first-child .breadcrumb-text-truncate:after {content: "ŘSD ČR"; font-size: 14px;}

header h2, #breadcrumbs h2 {display: none !important;}


/* Home slideshow */ 

.iframe-slideshow-container {background: #f7f8f9;}

.responsive-iframe {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 950px;
  border: none;}







/* Harmonika */ 
.component-accordion {max-width: 1248px; margin: auto;}
.accordion-heading {margin-top: 5px;}
.accordion-heading {background: #a1a1a1; padding: 10px 20px; cursor: pointer; color: #fff;}
.accordion-heading:hover {background: #009fe3;}
.accordion-heading.active {background: #003063}
.accordion-body { padding: 30px; border: 1px solid #f0f0f0; background: #fcfcfc;}
.accordion-collapse {max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; }
.accordion-body h1 {padding-bottom: 12px !important;}
.accordion-body h2 {padding-bottom: 12px !important; color: #009fe3;}
.accordion-body h3 {padding-bottom: 10px !important; margin-bottom: 0 !important;}
.accordion-body .component-paragraph {padding-bottom: 12px !important;}





/* Taby */ 
.component-tabs {margin-top: 30px;}
.component-tabs .tab-panel {padding-top: 30px !important;}
.component-tabs .nav-item button.nav-link {background: #009fe3 !important; color: #fff !important; margin: 0 5px 0 0 !important; padding: 10px 15px;}
.component-tabs .nav-item button.nav-link.active {background: #003063 !important;}
.component-tabs .nav-item button.active::after {border-bottom: 0 !important; height: 0 !important;}
.component-tabs .collapse {background: #fcfcfc; border-bottom: 3px solid #003063;}
.navigation-bar .nav-link:focus, .navigation-bar .navbar-nav .btn-unstyled:focus {box-shadow: none !important}



/* Komponenty */ 
.component-html .panel-body {padding: 0 !important;}
.component-separator hr {margin-top: 1rem !important; margin-bottom: 1rem !important; padding: 0 !important;}
section#content br {content: "";margin: 2.2em;display: block;font-size: 24%;}



/* home novinky */
#fragment-0-vlpl h2 {padding-bottom: 0px !important; color: #7c7c7c;}
.asset-entries-group-label.h3 {display: none;}
.home-novinky {display: inline-flex; gap: 10px;}
.Archiv .home-novinky {display: block;}
.republiky .novinka-wrap {padding: 20px; background-color: #fff; border: 1px solid #f1f1f1; width: 20%;}

.novinka-wrap a.novinka-titulek {font-size: 15px; font-weight: bold !important; line-height: 1.4em; color: #009fe3 !important; display: block; margin-bottom: 4px;}
.novinka-wrap a.novinka-titulek:hover {color: #003063 !important;}
.novinka-datum {
  color: rgb(112, 112, 112);
  font-size: 13px;
  margin-bottom: 4px;
  background: rgb(236, 236, 236);
  padding: 1px 10px;
  border-radius: 50px 50px 0 50px;
  display: inline-block;
  margin-top: -35px;
  position: relative;
  top: 4px;  float: right; }
  .novinka-perex {color: #8c8c8c; font-size: 14px; display: -webkit-box;  max-height: 220px;  -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
  .metadata-author, .asset-details {display: none !important;}
  #fragment-0-nmjo {margin-top: -30px;}

.republiky .bez-perexu {display: none !important;}
.republiky .novinka-img.ma-obrazek {width: 100%; height: 120px; display: block; margin-bottom: 10px;
  background-repeat: no-repeat; 
  background-position: center;}



/* archiv novinky */
.Archiv.aktualit .home-novinky {display: block !important;}
.Archiv.aktualit .novinka-wrap {padding: 20px; background-color: #f5f5f5; border: 1px solid #f1f1f1; margin-bottom: 15px; min-height: 140px; margin-top: 30px;}
.Archiv.aktualit .novinka-img {width: 200px; height: 100px; float: left; margin-right: 15px; display: block; 
    background-size: 80% auto;
    background-color: white;
    background-repeat: no-repeat; 
    background-image: url(https://rsd-web.rsd.cz/documents/20125/44794/rsd-logo.svg/fbbc9b08-2271-24b8-1a55-f270f9ce49ed?t=1645707578121); 
    background-position: center;}
.Archiv.aktualit .novinka-perex {display: inline; clear: both;}
.Archiv.aktualit .novinka-datum {
  color: rgb(112, 112, 112);
  font-size: 15px;
  margin-bottom: 4px;
  background: rgb(236, 236, 236);
  padding: 1px 10px;
  border-radius: 50px 50px 50px 0 ;
  display: inline-block;
  margin-top: -35px;
  position: relative;
  top: 4px;
  float: left;}



/* podcasty page novinky */
.Podcasty .home-novinky {display: block !important;}
.Podcasty .novinka-wrap {background: whitesmoke;  margin-bottom: 30px; padding: 20px;}
.Podcasty .novinka-img.ma-obrazek {display: block;
  height: 73px;
  width: 139px;
  float: left;
  margin: 0 15px 0 0;
}}
  

.lfr-pagination-delta-selector, .search-results, .list-group-subtext:first-child, .panel.search-facet {display: none !important;}
#content .columns-2 .portlet-layout.row {max-width: 1240px; margin: auto;}


.novinka-25-02-2022 .novinka-perex {display: none;}
.novinka-25-02-2022 .novinka-img {
display: block;
height: 100px;
background: #c9c9c9 url(https://rsd-web.rsd.cz/documents/20125/117480/25_2_2022_D7_u_Chlumcan+2.jpg/0cb5f7bb-a0b4-2029-809e-c885b4513b94?t=1645795967212) !important;
background-size: cover !important;
background-position: center;
margin-bottom: 10px;
}

.novinka-26-01-2022 .novinka-perex {display: none;}
.novinka-26-01-2022 .novinka-img {
display: block;
height: 100px;
background: #c9c9c9 url(https://rsd-web.rsd.cz/documents/20125/44784/kaplice.jpg/cdb92b72-8138-f2d1-b638-7bcb3e411912?t=1645694350604) !important;
background-size: cover !important;
background-position: center;
margin-bottom: 10px;
}



.novinka-17-12-2021 .novinka-perex {display: none;}
.novinka-17-12-2021 .novinka-img {
display: block;
height: 100px;
background: #c9c9c9 url(https://rsd-web.rsd.cz/documents/20125/213421/most.jpg/c350bf4d-9744-91a4-b4d3-122ef1e3d0bb?t=1643192328928) !important;
background-size: cover !important;
background-position: center;
margin-bottom: 10px;
}

.novinka-15-12-2021 .novinka-perex {display: none;}
.novinka-15-12-2021 .novinka-img {
display: block;
height: 100px;
background: #c9c9c9 url(https://rsd-web.rsd.cz/documents/20125/213421/silnice.jpg/9b5a2fff-63a5-781b-2aa3-b26922704cc7?t=1643191153109) !important;
background-size: cover !important;
background-position: center;
margin-bottom: 10px;
}

.journal-content-article dl dt {display: none;}
.journal-content-article dl dd:first-child {font-style: italic;}
.journal-content-article dl dd img {margin: 0 10px 10px 0 !important;}


@media (max-width: 968px) {
  .republiky  .home-novinky-scroll {overflow-x: scroll; margin-bottom: 15px;}
  .republiky .home-novinky {width: 1000px; margin-bottom: 5px; padding-top: 10px;}
  .novinka-wrap {display: block; margin-bottom: 10px;}
  #fragment-0-vlpl h2 {padding-bottom: 15px !important;  text-align: center;}
  #fragment-0-rnmb .component-button {padding-bottom: 25px !important;}
}  

/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; border-radius: 0px;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #003063; border-radius: 0px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #003063;}




/* home novinky pagination */
.republiky .lfr-pagination  {display: none;}

.lfr-pagination {margin-top: 20px;}
.lfr-pagination-buttons li a {font-size: 0 !important;}
.lfr-pagination-buttons li a:hover {text-decoration: none !important;}
.lfr-pagination-buttons li a:after {font-size: 15px !important; border: 1px solid #003063; padding: 3px 10px; color: #003063 !important; border-radius: 3px;}
.lfr-pagination-buttons li:hover a:after {background: #009fe3; border-color: #009fe3; color: #fff !important;}
.lfr-pagination-buttons li:first-child a:after {content: "« Předchozí";}
.lfr-pagination-buttons li:last-child a:after {content: "Další »";}

#fragment-0-rnmb .component-button {position: relative; top: -15px; margin-right: 3px; width: 50%;left: 49.7%; }
#fragment-0-rnmb .component-button a {font-size: 15px !important;  border: 1px solid #003063;  padding: 2px 10px;  color: #003063 !important;  border-radius: 3px;  font-weight: normal;}
#fragment-0-rnmb .component-button a:hover {border: 1px solid #009fe3; background-color: #009fe3 !important; color: #fff !important; cursor: pointer;}

@media (max-width: 1248px) {
  #fragment-0-rnmb .component-button {padding-bottom: 25px !important;}
}




/* korekce výšky fotek */

#pyew-4 .component-image {
  margin-bottom: 10px;
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;}

#pyew-4 .component-image picture  {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;}
  
#pyew-4 .component-image picture img  {
    height: 260px !important;}

@media (max-width: 800px) {
  #pyew-4 .component-image picture img  {
    height: 300px !important; width: auto !important;}
}


#pyew-2 .component-image {
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;}
    
#pyew-2 .component-image picture  {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;}
      
#pyew-2 .component-image picture img  {
    height: 450px;}

@media (max-width: 800px) {
  #pyew-2 .component-image {
    height: 200px;}
  #pyew-2 .component-image picture img {
    height: 200px;}
}









/* zoom baneru */

.republiky #content a img:hover {filter: hue-rotate(35deg);}


/* klikaci a GIF mapa dalnic */

.mapa-linky, .mapa-gif-linky {background: #002f63; text-align: center; font-size: 20px; color: #fff; width: 100%; margin-top: -20px; padding: 25px 0; line-height: 0.9;}
.map-link, .map-gif-link {display: inline-block; padding: 0 13px; background: #002f63; color: #fff; cursor: pointer;}
.map-link:hover, .map-gif-link:hover {background: #002f63; color: #009fe3; text-decoration: none; }

.mapa-wrap h3, .mapa-gif-wrap h3 {
  font-size: 22px; color: #fff; padding: 20px; margin: -20px;
  background: rgb(0,159,227);
  background: -moz-linear-gradient(280deg, rgba(0,159,227,0) 0%, rgba(0,159,227,1) 70%);
  background: -webkit-linear-gradient(280deg, rgba(0,159,227,0) 0%, rgba(0,159,227,1) 70%);
  background: linear-gradient(280deg, rgba(0,159,227,0) 0%, rgba(0,159,227,1) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009fe3",endColorstr="#009fe3",GradientType=1);}

.mapa-vrstva  {
	background-size: 100% auto; width: 100%; height: 100%;}

.mapa-wrap, .mapa-gif-wrap  {
	padding: 20px; width: 100%; height: auto; background: #002f63; background-size: cover; }

.mapa-wrap  {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/40990/bg-stavby.jpg/09959382-abc0-ef99-d73b-861bcf5cf196?t=1646302457352);}

.mapa-gif-wrap  {
  background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/gif-mapa-bg.jpg/a736fed0-acce-4a89-4410-05db86ac1fc4?t=1646302630613);}
  
  .mapa-wrap img, .mapa-gif-wrap img {
    padding: 10px 0 16px 0;}

@media (max-width: 1200px) {
  .mapa-linky, .mapa-gif-linky {font-size: 15px; line-height: 1.3;}
  .map-link, .map-gif-link {padding: 0 4px;}
  .mapa-wrap h3, .mapa-gif-wrap h3 {font-size: 17px;}
}
@media (max-width: 766px) {
  .mapa-linky, .mapa-gif-linky {font-size: 17px; line-height: 1.5;}
  .map-link, .map-gif-link {padding: 0 5px;}
  .mapa-wrap h3, .mapa-gif-wrap h3 {font-size: 20px;}
}
@media (max-width: 480px) {
  .mapa-linky, .mapa-gif-linky {font-size: 15px; line-height: 1.7;}
  .map-link, .map-gif-link {padding: 0 3px;}
  .mapa-wrap h3, .mapa-gif-wrap h3 {font-size: 20px;}
}


.mapa-hlavni {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-trans-90.png/33765370-9a2b-2bdc-091f-acd55671630f?t=1646302528952); 
  background-size: 100% auto;
  background-repeat: no-repeat !important;}

.active-d3 {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-d3.png/497e0aa8-2275-0e8c-f02d-02d7c84a1501?t=1646302531310);}

.active-d4 {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-d4.png/f83c559b-e82e-9e65-1e42-bef0f44410fd?t=1646302531490);}

.active-d6 {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-d6.png/77e83ff8-bf6c-680c-9817-a240b07c9e34?t=1646302531661);}

.active-d7 {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-d7.png/91a3fa80-0f21-d107-8faa-da9bb96defc1?t=1646302531813);}

.active-d35 {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-d35.png/ac5e946d-d34b-3c6b-27c1-72ac02eebd1e?t=1646302527808);}

.active-praha {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-praha.png/3a99bb62-39e8-d549-2e5b-652bfe8d629c?t=1646302528570);}

.active-brno {
	background-image: url(https://rsd-web.rsd.cz/documents/20125/124137/rsd-mapa-dalnice-brno.png/7e64110d-0180-5322-9eac-42e249fa886b?t=1646302530945);}



/* sticky spodní navigace */
.sticky-bosy-wrap  {position: sticky; bottom: 0; margin-top: 50px;  }

#sticky-boxy {
	margin: auto; 
	width: 100%; 
	display: inline-flex;
	flex-direction: row;
	gap: 5px;
  gap: 5px 5px; /* row-gap column gap */
  row-gap: 5px;
  column-gap: 5px;
	justify-content: center;}

.sticky-box {color: #009fe3; background: #eee; padding: 16px 20px 16px 60px; border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; 
  background-size: 45px; background-repeat: no-repeat; background-position: 6px 5px; 
  -webkit-box-shadow: 0px -10px 26px -17px rgb(0 0 0 / 35%); 
  box-shadow: 0px -10px 26px -17px rgb(0 0 0 / 35%);}
.sticky-box:hover {background-color: #dda740; color: #fff; cursor: pointer; color: #fff; text-decoration: none;}

.sticky-box.box1 {background-image: url(https://rsd-web.rsd.cz/documents/20125/124062/dop-info.png/17d32680-5677-7170-89bc-5f9e2e12c063?t=1646302103131);}
.sticky-box.box2 {background-image: url(https://rsd-web.rsd.cz/documents/20125/124062/geoportal.png/483f0303-8f0a-3964-f1c2-ae1e669089cd?t=1646302103352);}
.sticky-box.box3 {background-image: url(https://rsd-web.rsd.cz/documents/20125/124062/kamery.png/f3905866-2575-2bf1-0f2b-9b6b3e27d319?t=1646302103532);}

@media (max-width: 700px) {
  .sticky-bosy-wrap  {position: relative; bottom: 0; }
  .sticky-box {background: #eee; padding: 55px 20px 10px 20px; border: 1px solid #ddd; border-bottom: 0; border-radius: 5px 5px 0 0; 
    background-size: 45px; background-repeat: no-repeat; background-position: center 10px; text-align: center;
    -webkit-box-shadow: 0px -10px 26px -17px rgb(0 0 0 / 35%); 
    box-shadow: 0px -10px 26px -17px rgb(0 0 0 / 35%);}
}



/* boční ikony navigace */
.side-navigation-wrap {position: fixed; bottom: 50px; right: -260px; }
.side-navigation-wrap {width: 300px !important;}

.side-navigation-wrap .side-navigation {position: relative; right: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;}

.side-navigation-wrap:hover .side-navigation {position: relative; right: 160px; cursor: pointer; cursor: hand;}

.sidemenu-widget-container {margin: 0px 0px 5px 0px;padding: 10px 10px 10px 10px; border-radius: 30px}

.sidemenu-element-01 .sidemenu-widget-container {background-color: #003063;}
.sidemenu-element-02 .sidemenu-widget-container {background-color: #004982;}
.sidemenu-element-03 .sidemenu-widget-container {background-color: #0063a1;}
.sidemenu-element-04 .sidemenu-widget-container {background-color: #007cc0;}
.sidemenu-element-05 .sidemenu-widget-container {background-color: #009fe3;}

.sidemenu-icon img {filter: invert(100%); padding: 0 0 3px 5px;}

.sidemenu-element {margin-bottom: -5px !important; border-bottom: 3px solid transparent;}

.sidemenu-icon-box-icon {float: left;}

.sidemenu-icon-box-wrapper {text-align: left;}
.sidemenu-icon-box-icon {margin-right: 17px;}
.sidemenu-icon-box-title, .sidemenu-icon-box-title a {color: #FFFFFF;}
.sidemenu-icon-box-title:hover, .sidemenu-icon-box-title a:hover {color: #FFFFFF; text-decoration: none;}
.sidemenu-icon i, .sidemenu-icon svg {width: 1em; height: 1em; position: relative; display: block; font-size: 19px; top: 2px; left: 2px;}
.sidemenu-icon {fill: #FFFFFF; color: #FFFFFF; border-color: #FFFFFF;}
.sidemenu-icon:hover {fill: #FFFFFF; color: #FFFFFF; border-color: #FFFFFF; text-decoration: none;}
.sidemenu-widget-container:hover {background-color: #009fe3;   -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;}

.sidemenu-element-01 .fa-road:before {
  content: "\f879" !important;
}
.sidemenu-element-02 .fa-road:before {
  content: "\f3ff" !important;
}


.Videa .small {font-size: 15px; display: block; margin: -40px 35px -20px 0;}
.Videa .small strong {font-size: 40px; position: relative; top: 5px; color: #009fe3;}
@media (max-width: 600px) {
  .Videa .small {font-size: 15px; display: block; margin: 0; line-height: 0.5;}
  .Videa .small strong {font-size: 40px; position: relative; top: 5px;}
  }


/* tabulky barva řádku */

.bg-whiteColor {background-color: #fff !important;}
.bg-gray200Color {background-color: #f5f5f5 !important;}
.bg-whiteColor .component-paragraph, .bg-whiteColor .component-paragraph, .pb-lg-1 .component-paragraph {padding: 10px 0 !important;}

.component-html table thead tr th {background-color: #009fe3 !important; color: #fff !important;}

.table-striped tbody tr:nth-of-type(odd) td, .table-striped tbody tr:nth-of-type(odd) th {
  background-color: transparent;
}


.table-striped tbody tr:nth-of-type(odd), #fragment-0-yaqb tr:nth-of-type(odd) td {
  background-color: #f7f8f9;
}

#fragment-0-yaqb .table th {
  background-color: #009fe3; color: #fff !important;
}

.table-3-sloupce tr th {width: 33% !important;}
.table-3-sloupce tr td a {width: 100% !important; max-width: 100%;}


.rolovaci-tabulka  {height: 500px; overflow-y: scroll; }



/* youtube video responzivní */

.video-container {
  overflow: hidden;
  position: relative;
  width:100%;}
.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}



/* vizitka kontaktu */
.component-card {margin: 10px 0 !important;}
.component-card .card {background-color: transparent !important; }
.component-card .card {box-shadow: none;}
.component-card .card h2 {font-size: 1.2rem; margin-bottom: 0;}
.component-card .card p {font-size: 0.9rem; margin-bottom: 0;}
.component-card .card a {display: inline-block; font-size: 14px !important;  border: 1px solid #777;  padding: 2px 10px;  color: #777 !important;  border-radius: 3px;  font-weight: normal; margin-top: 8px;}
.component-card .card a:hover {border: 1px solid #009fe3; color: #009fe3 !important; text-decoration: none;}

.component-card .mb-4 {margin-bottom: 0 !important;}

.component-card .card img, .component-card .card .link {display: none;}
.silnic.a .component-card .card .link {display: inline-block;}
.servis .component-card .card img {display: block; margin: auto;}
.component-card {background-color: #fff; border: 1px solid #f0f0f0 !important; border-radius: 0 !important; }






/* tlačítka */
.btn-primary.btn {background-color: #009fe3 !important;  border-color: #009fe3 !important;  color: #fff;  border-radius: 4px;}
.btn-primary.btn:hover {background-color: #003063 !important;}


/* zarování tlačítek ke stažení */
.col-lg-2 .component-button .btn, .col-lg-3 .component-button .btn, .col-lg-4 .component-button .btn, .col-lg-5 .component-button .btn {float: right !important; margin: 5px;}
#ljvh-accordionItem4 .col-lg-4 .component-button .btn {float: none !important; margin: 5px;}

/*
.component-html table tr a {font-size: 0 !important;}
.component-html table tr a:hover {text-decoration: none !important;}
.component-html table tr a:after {content: "Stáhnout soubor"; background-color: #009fe3 !important; width: 132px;color: #fff;  border-radius: 4px; display: block; font-size: 15px !important; padding: 5px 10px; text-align: right;}
*/

.component-html table tr td {vertical-align: top;}
.component-html table tr a {background-color: #009fe3 !important; color: #fff;  font-weight: 600; border-radius: 4px; display: block; font-size: 0.875rem !important; padding: 7px 12px; max-width: 368px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.component-html table tr a:hover {background-color: #003063 !important; text-decoration: none;}
.component-html table tr a {margin-bottom: 5px;}
.component-html table tr a:last-child {margin-bottom: 0px;}

.component-html table tr.archiv a, table.table-striped.archiv tr td:nth-child(4) a, .component-html table tr a.archiv {background-color: rgb(231, 231, 231) !important; color: rgb(87, 87, 87); font-weight: normal;  }
.component-html table tr.archiv a:hover, table.table-striped.archiv tr td:nth-child(4) a:hover.component-html table tr a {background-color: #003063 !important; color: #fff;}
.component-html table tr.archiv, span.archiv {font-style: italic;}

table tr.oddelovac-tabulek th {background-color: #fcfcfc !important; height: 0; padding: 0;}


section.portlet .portlet-header {display: none !important;}
section.portlet .portlet-content {border: none; border-radius: 0; padding: 0;}




/* mapova aplikace */
#apdos-rozcestnik {background-color: rgb(107, 108, 126);border-style: solid; border-width: 0px; margin-top: -50px; margin-bottom: 10px;}
#apdos-rozcestnik .btn {background-color:#003063 !important; color: white; border: none;}
#apdos-rozcestnik .btn:hover {background-color:#009fe3 !important; color: white; border: none;}
#apdos-rozcestnik .btn:active {background-color:#009fe3 !important; color: white; border: none;}


@media (min-width: 769px) {
.justify-content-center .col:first-child {padding-left: 0 !important; padding-right: 5px !important;}
.justify-content-center .col {padding-left: 5px!important; padding-right: 5px !important; }
.justify-content-center .col:last-child {padding-left: 5px !important; padding-right: 0 !important; }
}
@media (max-width: 768px) {
  .justify-content-center .col:first-child {padding-left: 0 !important; padding-right: 5px !important; padding-bottom: 10px;}
  .justify-content-center .col:nth-child(2) {padding-left: 5px !important; padding-right: 0 !important;}
  .justify-content-center .col:nth-child(3) {padding-left: 0 !important; padding-right: 5px !important; padding-bottom: 10px;}
  .justify-content-center .col:last-child {padding-left: 5px !important; padding-right: 0 !important; }
  #apdos-rozcestnik .row {display: inline-block; width: 100% !important;}
  #apdos-rozcestnik .col.col-mapove-tlacitko {display: inline-block; max-width: 49.5% !important; padding: 0 0 5px 0 !important;}
}
@media (max-width: 500px) {
  #apdos-rozcestnik .col.col-mapove-tlacitko {display: block; max-width: 100% !important; padding: 0 0 5px 0 !important;}
}

.justify-content-center .btn-secondary {width: 100% !important;}







/* fotogalerie */
#inneriframe {border: none; width:100%; height: calc(50vh); }


/* width */
#inneriframe::-webkit-scrollbar {width: 10px;}

/* Track */
#inneriframe::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; border-radius: 0px;}
 
/* Handle */
#inneriframe::-webkit-scrollbar-thumb {background: #003063; border-radius: 0px;}

/* Handle on hover */
#inneriframe::-webkit-scrollbar-thumb:hover {background: #003063;}


/* Footer */

#footer-credits-info a {color:#c9c9c9 !important;}
#footer-credits-info a:hover {color:#c9c9c9 !important;}

#footer {background-color: #6b6c7e !important; color: #fff; margin-top: 0 !important; }
#footer p a  {color: #fcfcfc;}
#footer p a:hover  {color: #fff; text-decoration: underline;}
#footer-credits {background-color: #495057 !important; color:#c9c9c9;}






@media only screen and (min-width: 1281px) {

  header button.navbar-toggler, .rsd-hamburger-wrap { display: none;}
  header .collapse:not(.show) {display: inline;}
}


@media (max-width: 1280px) {
    header .collapse.show, header .collapse.collapsing {
      -webkit-box-shadow: 0px 32px 31px -1px rgba(0,0,0,0.35); 
      box-shadow: 0px 32px 31px -1px rgba(0,0,0,0.35);
      z-index: 99; background-color: #fff;}
    header .collapse.show .navbar-nav .nav-link {padding-left: 1.7rem !important;  padding-right: 1.5rem !important;  }
    header .collapse.show .navbar-nav .child-menu li a {padding-left: 2.5rem !important;  padding-right: 1.5rem !important;  }

    header {
      position: relative;
      top: 0;
      width: 100%;
      z-index: 99;  }

  header .navbar {
    width: 100%;
    padding: 0;
    z-index: 2;
    border-top: none;
    border-bottom: 1px solid #ddd;
    background-color: #fff;}

    #rsd-page-title {padding-top: 0px;}

    header .navbar {padding: 0;}

    #heading, #wrapper .container-fluid {padding: 20px 15px !important;}
    #breadcrumbs section.portlet {padding: 0px 15px !important;}
    
    .navbar-form {padding-left: 0; padding-right: 0;}
    #rsd-page-title h1 {margin: 0 20px; font-size: 40px !important;}

    ul.navbar-nav {flex-direction: column !important;}
    ul.navbar-nav .dropdown-menu {background-color: #fff; border-width: 0; box-shadow: none; margin: 0;  max-height: none; max-width: none; overflow: visible; padding: 0; position: static;}
    ul.navbar-nav .nav-item {display: block; border-bottom: 1px solid #dfdfdf;}
    .rsd-hamburger {display: block; position: absolute; top: 5px; right: 10px;}
    .rsd-asistence {position: relative; right: 70px;}

}


@media (max-width: 992px) {
  #breadcrumbs {margin-bottom: 20px !important;}
  .Mapa #breadcrumbs, .Mapy #breadcrumbs {margin-bottom: 50px !important;}
  .component-html {overflow-x:auto;}   
  .component-html table {width: 990px;}
}

@media (max-width: 850px) {
  .rsd-search-wrap {display: none !important;}
  .rsd-search-mobile {display: block !important;}
  .rsd-asistence-wrap {position: absolute !important; right: 10px;}
  .col-4 {flex: 0 0 100% !important; max-width: 100% !important;}
}

.taglib-discussion {display: none !important;}
.vyhledávání .content {max-width: 1200px;}


@media (max-width: 768px) {
  #heading {padding: 10px 0 !important;}

  #footer .component-paragraph, #footer h4 {text-align: center;}

  .iframe-slideshow-container {display: none !important;} /* slideshow na homepage skryt na mobilu */

.republiky #breadcrumbs {margin-bottom: 0px !important;}
.republiky #MapApp {padding: 0 10px !important;}

.rsd-asistence {right: 50px;}
#rsd-page-title {padding-top: 0px;}
.republiky #rsd-page-title {padding-top: 40px;}



/* accordion */ 
.accordion-body {padding: 20px;}

/* tabulky */ 

.col-sm-3 {  flex: 0 0 100% !important; max-width: 100% !important;}

/* zarování tlačítek ke stažení */
.col-lg-3 .component-button .btn {float: left; margin-bottom: 10px;}

}



@media (max-width: 576px) {
  .rsd-asistence {position: relative; right: 70px; text-align: center;}
}

@media (max-width: 530px) {
  .rsd-search.mr-4 {margin-right: 0 !important;}
  .rsd-asistence {display: none;}
  .rsd-asistence-mobile {display: block !important; position: relative; top: 0; right: 0; text-align: center !important; padding: 20px; margin: 0 !important; border-bottom: 1px solid #ddd;}

  .rsd-asistence a {text-align: center;}

}




@media (min-width: 769px) {

    #heading .site-title.col-lg-3 {max-width: 290px !important; padding: 0 !important;}
    #heading .autofit-col.autofit-col-expand {max-width: 100% !important;}
    #heading .rsd-search {margin: 0 !important;}

    .republiky #rsd-page-title {display: none !important} /* sktyt na homepage kromě na mobilu */

    .btn-primary.btn {min-width: 135px !important;}

 
}


.republiky #breadcrumbs {display: none !important} /* sktyt na homepage  */














      .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container,
      .navbar .container-fluid {
        align-items: inherit;
        background-color: inherit;
        display: inherit;
        flex-wrap: inherit;
        justify-content: inherit;
      }
      .navbar-nowrap {
        flex-wrap: nowrap;
      }
      .navbar-nowrap .navbar-text {
        min-width: 0;
        white-space: nowrap;
      }
      
      .navbar-nav .dropdown-menu-right,
      .navbar-form .dropdown-menu-right {
        left: auto;
        right: 0;
      }
      
      .navbar-nav {
        display: flex;
        flex-wrap: inherit;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
      }
      .navbar-nav .dropdown-menu {
        float: none;
      }
      .navbar-nav .nav-item,
      .navbar-nav .nav-item .dropdown {
        align-items: center;
        display: flex;
        word-wrap: normal;
      }
      .navbar-nav .nav-item > .custom-control,
      .navbar-nav .nav-item > .form-check {
        margin-bottom: 0;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
      }
      .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      
      .navbar-nav-expand {
        flex-grow: 1;
        min-width: 0;
      }
      
      .navbar-nav-last {
        margin-left: auto;
      }
      
      .nav-item-expand {
        flex-grow: 1;
        min-width: 0;
      }
      
      .nav-item-shrink {
        min-width: 0;
      }
      
      .navbar-title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0;
      }
      
      .navbar-text {
        display: inline-block;
        padding-bottom: 0.625rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.625rem;
      }
      
      .navbar-collapse {
        align-items: center;
        flex-grow: 1;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
      }
      .navbar-collapse .container,
      .navbar-collapse .container-fluid {
        padding-left: 0;
        padding-right: 0;
      }
      .navbar-collapse .dropdown-toggle .navbar-text-truncate {
        max-width: calc(100% - 1.5625rem);
      }
      
      .navbar-text-truncate {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
      }
      
      .navbar-toggler-icon {
        background-size: 100% 100%;
        background: no-repeat center center;
        content: "";
        display: inline-block;
        height: 1.5em;
        vertical-align: middle;
        width: 1.5em;
      }
      
      .navbar-toggler {
        background-color: transparent;
        border: 0.0625rem solid transparent;
        border-radius: 0.25rem;
        font-size: 1.125rem;
        line-height: 1;
        padding: 0.25rem 0.75rem;
      }
      .navbar-toggler:hover {
        text-decoration: none;
      }
      .navbar-toggler:focus {
        text-decoration: none;
        z-index: 525;
      }
      .navbar-toggler-link {
        align-items: center;
        display: flex;
        border-width: 0;
        line-height: 1.5;
        max-width: 100%;
        padding: 0.53125rem 0.5rem;
        position: relative;
      }
      .navbar-toggler-link .lexicon-icon {
        min-width: 1em;
        margin-left: 3px;
        margin-top: 0;
      }
      
      .navbar-brand {
        display: inline-block;
        font-size: 1.125rem;
        line-height: inherit;
        max-width: calc(100% - 72px);
        padding-bottom: 0.53125rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.53125rem;
        white-space: nowrap;
      }
      .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
      }
      
      .navbar-form {
        align-items: center;
        display: flex;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
      .navbar-form > form {
        width: 100%;
      }
      
      .navbar-form-autofit {
        flex-basis: 100px;
        flex-grow: 1;
      }
      .navbar-form-autofit form {
        display: flex;
        width: 100%;
      }
      
      .navbar-overlay {
        background-color: inherit;
        flex-wrap: inherit;
      }
      
      .navbar-breakpoint-d-block,
      .navbar-breakpoint-d-inline-block,
      .navbar-breakpoint-d-flex {
        display: none !important;
      }
      
      .navbar-expand-sm .nav-item .navbar-text-truncate {
        max-width: 12.5rem;
      }
      @media (max-width: 575.98px) {
        .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
          background-color: inherit;
          left: 0;
          padding: 0 1rem;
          position: absolute;
          right: 0;
          top: 100%;
          z-index: 500;
        }
        .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container,
      .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid {
          padding-left: 12px;
          padding-right: 12px;
        }
        .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
      .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
          padding-bottom: 0.5rem;
        }
        .navbar-expand-sm .navbar-collapse .nav-item,
      .navbar-expand-sm .navbar-collapse .nav-item .dropdown {
          display: block;
        }
        .navbar-expand-sm .navbar-collapse .navbar-text-truncate {
          max-width: 100%;
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav {
          flex-direction: column;
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
          max-width: calc( 									100% - 1.5625rem 								);
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
          margin-left: -1rem;
          margin-right: -1rem;
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus {
          background-color: transparent;
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
          background-color: transparent;
        }
        .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
          background-color: transparent;
          border-width: 0;
          box-shadow: none;
          margin: 0;
          max-height: none;
          max-width: none;
          overflow: visible;
          padding: 0;
          position: static;
        }
        .navbar-expand-sm .show-dropdown-on-collapse .dropdown-header,
      .navbar-expand-sm .show-dropdown-on-collapse .dropdown-item {
          padding: 0.625rem 0.5rem;
        }
        .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu {
          display: block;
        }
        .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle {
          display: none;
        }
        .navbar-expand-sm .navbar-breakpoint-down-d-block {
          display: block !important;
        }
        .navbar-expand-sm .navbar-breakpoint-down-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-sm .navbar-breakpoint-down-d-flex {
          display: flex !important;
        }
        .navbar-expand-sm .navbar-breakpoint-down-d-none {
          display: none !important;
        }
      }
      @media (min-width: 576px) {
        .navbar-expand-sm .navbar-brand .navbar-text-truncate {
          max-width: 12.5rem;
        }
        .navbar-expand-sm .navbar-collapse {
          display: flex !important;
          width: auto;
        }
        .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate {
          max-width: 10.9375rem;
        }
        .navbar-expand-sm .navbar-toggler {
          display: none;
        }
        .navbar-expand-sm .navbar-breakpoint-d-block {
          display: block !important;
        }
        .navbar-expand-sm .navbar-breakpoint-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-sm .navbar-breakpoint-d-flex {
          display: flex !important;
        }
        .navbar-expand-sm .navbar-breakpoint-d-none {
          display: none !important;
        }
      }
      .navbar-expand-md .nav-item .navbar-text-truncate {
        max-width: 12.5rem;
      }
      @media (max-width: 767.98px) {
        .navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
          background-color: inherit;
          left: 0;
          padding: 0 1rem;
          position: absolute;
          right: 0;
          top: 100%;
          z-index: 500;
        }
        .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container,
      .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid {
          padding-left: 12px;
          padding-right: 12px;
        }
        .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
      .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
          padding-bottom: 0.5rem;
        }
        .navbar-expand-md .navbar-collapse .nav-item,
      .navbar-expand-md .navbar-collapse .nav-item .dropdown {
          display: block;
        }
        .navbar-expand-md .navbar-collapse .navbar-text-truncate {
          max-width: 100%;
        }
        .navbar-expand-md .navbar-collapse .navbar-nav {
          flex-direction: column;
        }
        .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
          max-width: calc( 									100% - 1.5625rem 								);
        }
        .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
          margin-left: -1rem;
          margin-right: -1rem;
        }
        .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
          background-color: transparent;
        }
        .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
          background-color: transparent;
        }
        .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
          background-color: transparent;
          border-width: 0;
          box-shadow: none;
          margin: 0;
          max-height: none;
          max-width: none;
          overflow: visible;
          padding: 0;
          position: static;
        }
        .navbar-expand-md .show-dropdown-on-collapse .dropdown-header,
      .navbar-expand-md .show-dropdown-on-collapse .dropdown-item {
          padding: 0.625rem 0.5rem;
        }
        .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu {
          display: block;
        }
        .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle {
          display: none;
        }
        .navbar-expand-md .navbar-breakpoint-down-d-block {
          display: block !important;
        }
        .navbar-expand-md .navbar-breakpoint-down-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-md .navbar-breakpoint-down-d-flex {
          display: flex !important;
        }
        .navbar-expand-md .navbar-breakpoint-down-d-none {
          display: none !important;
        }
      }
      @media (min-width: 768px) {
        .navbar-expand-md .navbar-brand .navbar-text-truncate {
          max-width: 12.5rem;
        }
        .navbar-expand-md .navbar-collapse {
          display: flex !important;
          width: auto;
        }
        .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate {
          max-width: 10.9375rem;
        }
        .navbar-expand-md .navbar-toggler {
          display: none;
        }
        .navbar-expand-md .navbar-breakpoint-d-block {
          display: block !important;
        }
        .navbar-expand-md .navbar-breakpoint-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-md .navbar-breakpoint-d-flex {
          display: flex !important;
        }
        .navbar-expand-md .navbar-breakpoint-d-none {
          display: none !important;
        }
      }
      .navbar-expand-lg .nav-item .navbar-text-truncate {
        max-width: 12.5rem;
      }
      @media (max-width: 991.98px) {
        .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
          background-color: inherit;
          left: 0;
          padding: 0 1rem;
          position: absolute;
          right: 0;
          top: 100%;
          z-index: 500;
        }
        .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container,
      .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid {
          padding-left: 12px;
          padding-right: 12px;
        }
        .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
      .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
          padding-bottom: 0.5rem;
        }
        .navbar-expand-lg .navbar-collapse .nav-item,
      .navbar-expand-lg .navbar-collapse .nav-item .dropdown {
          display: block;
        }
        .navbar-expand-lg .navbar-collapse .navbar-text-truncate {
          max-width: 100%;
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav {
          flex-direction: column;
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
          max-width: calc( 									100% - 1.5625rem 								);
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
          margin-left: -1rem;
          margin-right: -1rem;
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus {
          background-color: transparent;
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
          background-color: transparent;
        }
        .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
          background-color: transparent;
          border-width: 0;
          box-shadow: none;
          margin: 0;
          max-height: none;
          max-width: none;
          overflow: visible;
          padding: 0;
          position: static;
        }
        .navbar-expand-lg .show-dropdown-on-collapse .dropdown-header,
      .navbar-expand-lg .show-dropdown-on-collapse .dropdown-item {
          padding: 0.625rem 0.5rem;
        }
        .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu {
          display: block;
        }
        .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle {
          display: none;
        }
        .navbar-expand-lg .navbar-breakpoint-down-d-block {
          display: block !important;
        }
        .navbar-expand-lg .navbar-breakpoint-down-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-lg .navbar-breakpoint-down-d-flex {
          display: flex !important;
        }
        .navbar-expand-lg .navbar-breakpoint-down-d-none {
          display: none !important;
        }
      }
      @media (min-width: 992px) {
        .navbar-expand-lg .navbar-brand .navbar-text-truncate {
          max-width: 12.5rem;
        }
        .navbar-expand-lg .navbar-collapse {
          display: flex !important;
          width: auto;
        }
        .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate {
          max-width: 10.9375rem;
        }
        .navbar-expand-lg .navbar-toggler {
          display: none;
        }
        .navbar-expand-lg .navbar-breakpoint-d-block {
          display: block !important;
        }
        .navbar-expand-lg .navbar-breakpoint-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-lg .navbar-breakpoint-d-flex {
          display: flex !important;
        }
        .navbar-expand-lg .navbar-breakpoint-d-none {
          display: none !important;
        }
      }
      .navbar-expand-xl .nav-item .navbar-text-truncate {
        max-width: 12.5rem;
      }
      @media (max-width: 1279.98px) {
        .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
          background-color: inherit;
          left: 0;
          padding: 0 1rem;
          position: absolute;
          right: 0;
          top: 100%;
          z-index: 500;
        }
        .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container,
      .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid {
          padding-left: 12px;
          padding-right: 12px;
        }
        .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
      .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
          padding-bottom: 0.5rem;
        }
        .navbar-expand-xl .navbar-collapse .nav-item,
      .navbar-expand-xl .navbar-collapse .nav-item .dropdown {
          display: block;
        }
        .navbar-expand-xl .navbar-collapse .navbar-text-truncate {
          max-width: 100%;
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav {
          flex-direction: column;
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
          max-width: calc( 									100% - 1.5625rem 								);
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
          margin-left: -1rem;
          margin-right: -1rem;
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus {
          background-color: transparent;
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
          background-color: transparent;
        }
        .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
          background-color: transparent;
          border-width: 0;
          box-shadow: none;
          margin: 0;
          max-height: none;
          max-width: none;
          overflow: visible;
          padding: 0;
          position: static;
        }
        .navbar-expand-xl .show-dropdown-on-collapse .dropdown-header,
      .navbar-expand-xl .show-dropdown-on-collapse .dropdown-item {
          padding: 0.625rem 0.5rem;
        }
        .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu {
          display: block;
        }
        .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle {
          display: none;
        }
        .navbar-expand-xl .navbar-breakpoint-down-d-block {
          display: block !important;
        }
        .navbar-expand-xl .navbar-breakpoint-down-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-xl .navbar-breakpoint-down-d-flex {
          display: flex !important;
        }
        .navbar-expand-xl .navbar-breakpoint-down-d-none {
          display: none !important;
        }
      }
      @media (min-width: 1280px) {
        .navbar-expand-xl .navbar-brand .navbar-text-truncate {
          max-width: 12.5rem;
        }
        .navbar-expand-xl .navbar-collapse {
          display: flex !important;
          width: auto;
        }
        .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
          max-width: 10.9375rem;
        }
        .navbar-expand-xl .navbar-toggler {
          display: none;
        }
        .navbar-expand-xl .navbar-breakpoint-d-block {
          display: block !important;
        }
        .navbar-expand-xl .navbar-breakpoint-d-inline-block {
          display: inline-block !important;
        }
        .navbar-expand-xl .navbar-breakpoint-d-flex {
          display: flex !important;
        }
        .navbar-expand-xl .navbar-breakpoint-d-none {
          display: none !important;
        }
      }
      .navbar-expand .nav-item .navbar-text-truncate {
        max-width: 12.5rem;
      }
      
      @media (max-width: 575.98px) {
        .navbar-overlay-xs-down {
          bottom: 0;
          display: none;
          justify-content: space-between;
          left: 0;
          margin-left: 0;
          margin-right: 0;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          padding-right: 1rem;
          padding-top: 0.5rem;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 450;
        }
        .navbar-overlay-xs-down.show {
          display: flex;
        }
      }
      
      @media (max-width: 767.98px) {
        .navbar-overlay-sm-down {
          bottom: 0;
          display: none;
          justify-content: space-between;
          left: 0;
          margin-left: 0;
          margin-right: 0;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          padding-right: 1rem;
          padding-top: 0.5rem;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 450;
        }
        .navbar-overlay-sm-down.show {
          display: flex;
        }
      }
      
      @media (max-width: 991.98px) {
        .navbar-overlay-md-down {
          bottom: 0;
          display: none;
          justify-content: space-between;
          left: 0;
          margin-left: 0;
          margin-right: 0;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          padding-right: 1rem;
          padding-top: 0.5rem;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 450;
        }
        .navbar-overlay-md-down.show {
          display: flex;
        }
      }
      
      @media (max-width: 1279.98px) {
        .navbar-overlay-lg-down {
          bottom: 0;
          display: none;
          justify-content: space-between;
          left: 0;
          margin-left: 0;
          margin-right: 0;
          padding-bottom: 0.5rem;
          padding-left: 1rem;
          padding-right: 1rem;
          padding-top: 0.5rem;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 450;
        }
        .navbar-overlay-lg-down.show {
          display: flex;
        }
      }
      
      .navbar-overlay-up {
        bottom: 0;
        display: none;
        justify-content: space-between;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 450;
      }
      .navbar-overlay-up.show {
        display: flex;
      }