@import url('https://fonts.cdnfonts.com/css/roboto');
@import url('https://fonts.cdnfonts.com/css/open-sans');

body{
    font-size: 0.7em;
    font-family: 'Roboto', sans-serif; 
    overflow-x: hidden;
}

.formPageBody {
	overflow-x: visible;
}

.modal {
    --bs-modal-border-radius: 0.0rem;
}

.btn {
	--bs-btn-border-radius: 0;
}

.scrollToTop {
	position: fixed;
	right: 16px;
	bottom: 16px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	z-index: 1025;
}

.scrollToTop svg{
	width: 100%;
	height: 100%;
    color: #ce0202;
    fill: #ce0202;
    display:block;
    z-index: 10;
}
.scrollToTop:hover svg{
    color: #db2020;
    fill: #db2020;
}

.container-fluid {
  background-color: #ecf2f7;
  --bs-gutter-x: 0;
}

.navbar-right {
    float: right;
}

.dropdown-divider {
    margin: 10px 150px 0 60px;
}

/* obal Přehled plateb */
.wrapperPrehledPlateb {
    background: url(../img/panorama.jpg) 0px 0px;
    background-size: cover;
    background-color: #fff;
    margin-bottom: 0;
    background-position: center center; /*central img na stred*/
    padding-bottom: 20px;
}

.wrapperPrehledPlateb h4 svg {
    width: 21px;
    height: 20px;
    margin: 0px 5px 6px 0;
    color: #ce0202;
}

.wrapperPrehledPlateb h4 a {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
    text-decoration: none;
    padding-top: 15px;
}

/* obal Login */
.wrapperLogin {
    /*background: #fff url(../img/panorama.jpg) 0 0 no-repeat;*/
    position: relative;
    background: url(../img/panorama.jpg) no-repeat center/cover;
    background-size: cover;
    background-attachment: fixed;
    background-color: #fff;
    margin-bottom: 10px;
    background-position: center top; /*central img na stred*/
    min-height: 712px;
    padding-bottom: 40px;
}

.wrapperLogin::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 278px;
	background: -webkit-gradient(linear,left bottom,left top,from(#ecf2f7),to(transparent));
	background: linear-gradient(to top,#ecf2f7,transparent);
	z-index: 1;
}

.wrapperLogin h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
    margin: 40px 0 0 0;
    padding: 30px 0 0px 0;
    background-color: #ecf2f7;
}

.wrapperLogin h4 svg {
    width: 35px;
    height: 30px;
    margin: 2px 5px 6px 0;
    color: #ce0202;
}

.wrapperLogin h4 a {
    font-size: 10px;
    margin-top: 4px;
}

.wrapperLogin a {
    font-size: 16px;
    color: #2b4f86;
}
.wrapperLogin a:hover {
    text-decoration: none;
}

.wrapperLogin a svg{
    height: 20px;
    width: 20px;
    color: #2b4f86;
    margin-right: 5px;
}

a.identita {
    display: block;
    width:454px; 
    height:193px;
    margin: 0px auto 10px auto;
    border: 2px solid #b2c1d5;
}

a.identita svg {
    width:450px; 
    height:189px;
    background-color: #fff;
}

a.identita:hover {
    border: 2px solid #3363a6;
}

.login-odkazy-pata td a {
    font-size: 12px;
}

/* obal vstupni formular */
.wrapperVstupForm {
    background: #03070a url(../img/panorama.jpg) 0 0 no-repeat;
    background-color: #03070a;
    margin-bottom: 10px;
    background-position: center top; /*central img na stred*/
    height: 775px;
}

.wrapperVstupForm h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
    margin: 40px 0 0 0;
    padding: 30px 0 20px 0;
    display: block;
    background: url(../img/identita-small-form.png) right 25px no-repeat;
    background-color: #ecf2f7;
}

.wrapperVstupForm h4 svg {
    width: 35px;
    height: 30px;
    margin: 2px 5px 6px 0;
    color: #ce0202;
}

.wrapperVstupForm h4 a {
    font-size: 10px;
    margin-top: 4px;
}

.wrapperVstupForm .identitaForm svg {
    height: 40px !important;
    width: 150px !important;
}

.wrapperVstupForm a {
    font-size: 16px;
    color: #2b4f86;
}
.wrapperVstupForm a:hover {
    text-decoration: none;
}

.wrapperVstupForm a svg{
    height: 14px;
    width: 14px;
    color: #2b4f86;
    margin-right: 5px;
}

.wrapperVstupForm h5 {
    background-color: transparent;
    color: #2b4f86;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 15px 0;
}

.wrapperVstupForm .table1 {
    background-color: #ecf2f7;
    width: 100%;
    opacity: 0.8;
}

.wrapperVstupForm .table1 tr td {
    font-size: 15px;
    color: #777;
}

.wrapperVstupForm .table1 tr td.okraj {
    width: 28px;
}
.wrapperVstupForm .table1 tr td.cara {
    border-top: 1px solid #c6cddb;
}

.wrapperVstupForm .table1 tr td input[type="text"] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 30px;
    background-color: #fff;
    padding: 5px 0 5px 10px;
    width: 55px;
    color: #000;
}

.wrapperVstupForm .table1 tr td input[type="checkbox"] {
    background-color: #fff;
    margin: 0 10px 0 0;
    color: #777;
}

.wrapperVstupForm .table1 tr td input.readonly {
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 30px;
    background-color: #fff;
    padding: 5px 0 5px 10px;
    width: 55px;
    color: #777777;
}

.wrapperVstupForm .table1 tr td div svg {
    width: 120px;
    height: 65px;
    margin: 15px 20px 15px 10px;
    float: left;
}

.wrapperVstupForm .table1 tr td a.ulozit {
    color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    margin: 0 0 0 0px;
    text-decoration: none;
    float: right;
}

.wrapperVstupForm .table1 tr td a.ulozit:hover {
  --bs-btn-hover-bg: #0a8507;
  opacity: 0.9;
}

/* tabulka - hover radek */
.table {
    --bs-table-hover-bg: #e1e8ee;
}

.table-hover tr td, .table-hover tr td a {
    cursor: pointer;
    color: #2b4f86;
}

.table-hover tr td:hover, .table-hover tr td a:hover {
    text-decoration: none !important;
}

.table-hover-no-cursor tr td {
	cursor: unset;
}

.table-no-bottom-margin {
	margin-bottom: 0;
}

/* Tabulka neuhrazené a uhrazené platby */
.tablePlatby {  
    margin-bottom: 40px;
}

.tablePlatby tr th {  
    font-size: 12px;
    color: #777777;
    border-bottom: 1px solid #2b4f86;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    background-color: #f8f8f8;
}

.tablePlatby tr th.nadpis {
    background-color: #f0d3d3;
    padding: 12px 20px 7px 20px;
    border: none;
}

.tablePlatby tr th h4 {
    margin: 0 !important;
    padding: 0px !important;
    color: #ce0202;
    font-size: 15px !important;
}

.tablePlatby tr th h4 svg {
    width: 20px;
    height: 20px;
    color: #ce0202;
    margin: 0 5px 4px 0;
}

.tablePlatby tr td {
    font-size: 15px;
    color: #2b4f86 !important;
    padding: 10px 20px 12px 20px;
    border: none;
    background-color: #f8f8f8;
}

.tablePlatby tr td svg {
    width: 15px;
    height: 15px;
    color: #ce0202;
    margin: 0px 5px 0px 0;
}

/* obal Moje podání a Moje dotace */
.wrapperMojePodani, .wrapperMojeDotace {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ECF2F7;
}

.wrapperMojePodani {
    padding-bottom: 0px;
}

.wrapperMojeDotace {
    background-color: #fff;
}


.wrapperMojePodani h4, .wrapperMojeDotace h4, footer h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperMojePodani h4 svg, .wrapperMojeDotace h4 svg {
    width: 21px;
    height: 20px;
    margin: 0 5px 5px 0;
}

.wrapperMojePodani h5, .wrapperMojeDotace h5 {
    font-size: 18px;
    font-weight: bold;
    background-color: #d7e3ed;
    color: #2b4f86;
    padding: 8px 0 8px 0;
    margin-bottom: 0;
}
.wrapperMojePodani h5.normal-heading, .wrapperMojeDotace h5.normal-heading {
	color: #ce0202;
	background-color: transparent;
	text-transform: uppercase;
}

.icon-illustration {
	width: 15px;
    height: 15px;
    margin: 0 0 0 0;
    color: #2b4f86;
    fill: #2b4f86;
}
.icon-illustration--odstranit {
	color: #ce0202;
}

/* tabulka Moje podání */
.tableMoje tbody {
    border-bottom: 1px solid #2b4f86;
}

.tableMoje tr th {  
    font-size: 12px;
    color: #777777;
    border-bottom: 1px solid #2b4f86;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    background-color: #ecf2f7;
}

.tableMoje tr th svg {
    width: 15px;
    height: 15px;
    margin: -3px 0 0 5px;
    color: #2b4f86;
}  

.tableMoje tr td {
    font-size: 15px;
    color: #2b4f86 !important;
    padding: 10px 20px 12px 20px;
    background-color: #f8f8f8;
    border: none;
}

.tableMoje tr td:hover {
    color: #2b4f86;
}

.tableMoje tr td svg.odstranit {
    margin-right: 10px;
    color: #ce0202;
}

.tableMoje tr td svg {
    width: 15px;
    height: 15px;
    margin: 0 0 0 0;
    color: #2b4f86;
    fill: #2b4f86;
}

.tableMoje tr td a {
    color: #2b4f86;
}

.tableMoje tr td a:hover {
    text-decoration: none;
}

/* Moje dotace - bílá hlavička */
.tableMoje tr.bila-hlavicka th {
    background-color: #fff !important;
}

/* Moje dotace - stavy*/
.tableMoje tr td.red {
    color: #ce0202;
}

.tableMoje tr td.orange {
    color: #f98823;
}

.tableMoje tr td.green {
    color: #39b442;
}

.tableMoje tr td.black {
    color: #000;
}

.tableMoje tr td.blue {
    color: #2b4f86;
}

/* tabulka moje podání - odkaz na vice radcich bez mezer*/
#tableMojePodani  tr td a  {
    line-height: 20px;
    display:inline-block;
}

.novePodani, .novaDotace, .externalLink, .externalLinkMapa {
  color: #fff !important;
  background-color: #2b4f86;
  font-size: 15px;
  padding: 5px 20px 5px 20px;
  margin: -6px 0px 0 0;
  text-decoration: none;
  background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
  float: right;
}

.novePodani:hover, .novaDotace:hover, .externalLink:hover, .externalLinkMapa:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.novePodani::after {
    content: "Vytvořit nové podání..";
  }

.novaDotace::after {
    content: "Zažádat o novou dotaci..";
  }

.externalLink::after {
    content: "Otevřít do nového okna..";
  }

.externalLinkMapa::after {
    content: "Mapa do nového okna..";
}
.novePodani svg, .novaDotace svg, .externalLink svg, .externalLinkMapa svg {
    width: 15px;
    height: 15px;
    margin: -4px 10px 0 0;
    color: #fff;
    fill: #fff;
}

/* pagination*/
.page-link {
    color: #2b4f86;
}

.page-link:hover {
    color: #2b4f86;
}

.page-link:disabled {
	background-color: #fff;
	color: #1b3153;
}

.page-link-active, .page-link-active:hover {
	background-color: #e9ecef;
}

.infoPgn, .infoPgnPlatby {  
    font-size: 12px;
    display: block;
    padding: 15px 0 0 20px;
    text-align: left;
    color: #777777;
}
.infoPgnPlatby {  
    padding: 0 0 20px 0;
}

.ico-pagi {
    fill: #2b4f86 !important;
    height: 10px;
    width: 5px;
}

.prvni::after {
    content: "První";
  }

.predchozi::after {
    content: "Předchozí";
  }

.dalsi::before {
    content: "Další";
  }
  
.posledni::before {
    content: "Poslední";
  }

/* tabulka Vyhledávání - úřední deska */
.tableVyhledavaniDeska tr th {  
    font-size: 12px;
    color: #000;
    font-weight: normal;
    padding: 10px 20px 0px 20px;
    background-color: #e7eef4;
    border: none;
}

.tableVyhledavaniDeska tr td:hover {
    color: #2b4f86;
}

.tableVyhledavaniDeska a {
    color: #2b4f86;
}

.tableVyhledavaniDeska a:hover {
    text-decoration: none;
}

.tableVyhledavaniDeska #oblast, .tableVyhledavaniDeska #zodpovida {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 30px;
  background-color: #fff;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
  width: 160px;
  color: #747474 !important;
  margin: 10px 20px 0 0;
}

.tableVyhledavaniDeska input[type="text"] {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 30px;
  background-color: #fff;
  padding: 5px 0 5px 10px;
  color: #000;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
  width: 160px;
  margin: 10px 20px 0 0;
}

.tableVyhledavaniDeska input[type="text"]:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}

.tableVyhledavaniDeska input[type="text"]:focus {
  color: #4b515d;
  outline: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}

/* Btn vyhledávání a zrušení filtru */
.tableVyhledavaniDeska .btnSearch {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    border: none;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 10px;
}

.tableVyhledavaniDeska .btnSearch svg, .tableVyhledavaniDeska a.filtr svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.tableVyhledavaniDeska .btnSearch:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* btn opendata, csv, notifikace */
a.btnOpen {
    font-size: 12px;
    color: #2b4f86 !important;
    text-decoration: none;
    border-left: none; 
    padding: 4px 8px 4px 8px;

    text-align: left;
    display: block;
    background-color: #e7eef4;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #f1f5f8 50%,
                                      #f1f5f8);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-left: 10px;
    float:right;
}


a.btnOpen svg, a.filtr svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

a.btnOpen:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.tableVyhledavaniDeska svg {
    width: 15px;
    height: 15px;
    margin: 0 0 0 0;
    color: #2b4f86;
}

.tableVyhledavaniDeska input.kalendar, .tableVyhledavaniDeska select.kalendar {
  display: inline-block;
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076.724%2087.685%22%3E%20%0A%20%20%3Cpath%20fill%3D%22%237689ab%22%20d%3D%22M0%2079.465a8.223%208.223%200%20008.22%208.22h60.284a8.223%208.223%200%20008.22-8.22V32.882H0v46.583zm54.803-33.567c0-1.13.925-2.055%202.055-2.055h6.85c1.131%200%202.056.924%202.056%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.056-2.055v-6.85zm0%2021.92c0-1.13.925-2.054%202.055-2.054h6.85c1.131%200%202.056.925%202.056%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.056-2.055v-6.85zm-21.921-21.92c0-1.13.925-2.055%202.055-2.055h6.85c1.13%200%202.056.924%202.056%202.055v6.85c0%201.13-.925%202.055-2.056%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zm0%2021.92c0-1.13.925-2.054%202.055-2.054h6.85c1.13%200%202.056.925%202.056%202.055v6.85c0%201.13-.925%202.055-2.056%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zM10.96%2045.899c0-1.13.924-2.055%202.055-2.055h6.85c1.13%200%202.055.924%202.055%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zm0%2021.92c0-1.13.924-2.054%202.055-2.054h6.85c1.13%200%202.055.925%202.055%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zM68.504%2010.96h-8.22V2.74A2.748%202.748%200%200057.543%200h-5.481a2.748%202.748%200%2000-2.74%202.74v8.22H27.402V2.74A2.748%202.748%200%200024.662%200H19.18a2.748%202.748%200%2000-2.74%202.74v8.22H8.22A8.223%208.223%200%20000%2019.181v8.22h76.724v-8.22a8.223%208.223%200%2000-8.22-8.22z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  padding-left: calc(1.5em + 0.75rem);
  background-position: center left calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  margin: 10px 20px 0 0;
}

/* filtr vyhledávání */

.tableVyhledavaniDeska {
  font-size: 12px;
  color: #2b4f86;
  padding: 5px 20px 22px 20px;
  background-color: #e7eef4;
  border: none;
}

.tableVyhledavaniDeska a.filtr {
    background-color: #e7eef4;
    color: #747474 !important;
    font-size: 10px;
    text-decoration: underline;
    padding: 0px 15px 8px 5px;
}

.tableVyhledavaniDeska a.filtr:hover {
    background-color: #e7eef4 !important;
    color: #747474 !important;
    text-decoration: none;
}

.tableVyhledavaniDeska a.filtr svg {
	width: 10px !important;
    height: 10px !important;
    margin: 0px 5px 0px 0 !important;
    color: #747474 !important;
}

/* tabulka Úřední deska */
.tableUredniDeska .table tbody {
    border-bottom: 1px solid #2b4f86;
}

.tableUredniDeska .table tr th {  
    font-size: 12px;
    color: #777777;
    border-bottom: 1px solid #2b4f86;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    padding-right: 10px;
    background-color: #ecf2f7;
    white-space: nowrap;
}

.tableUredniDeska .table tr th a svg.icon-sort{
    width: 10px;
    height: 11px;
    float: right;
    margin-top: 5px;
    fill: #7f8faf;
}

.tableUredniDeska .table tr td {
    font-size: 15px;
    color: #2b4f86;
    padding: 10px 20px 12px 20px;
    background-color: #f8f8f8;
    border: none;
}

.tableUredniDeska .table tr:nth-child(even) td {
	background-color: #fff !important;
}
    
.tableUredniDeska .table tr td:hover {
    color: #2b4f86;
}

.tableUredniDeska .table tr td svg {
    width: 15px;
    height: 15px;
    margin: 0 0 0 0;
    color: #2b4f86;
}

.tableUredniDeska .table tr td a {
    color: #2b4f86;
}

.tableUredniDeska .table tr td a:hover {
    text-decoration: none;
    color: #2b4f86;
}

.tableUredniDeska .table tr td a:hover td {
    text-decoration: none;
    color: #2b4f86;
}

/* Úřední deska - bílá hlavička */
.tableUredniDeska tr.bila-hlavicka th {
    background-color: #fff !important;
}

/* modal okno*/
.modal-title {
    background-color: #fff;
    color: #2b4f86;
    font-size: 18px;
}

.modal-body {
    font-size: 15px;
}

.btn-modal-ne {
    background-color: #ce0202;
    border: none;
    border-radius: 0;
}

.btn-modal-ne:hover {
    --bs-btn-hover-bg: #ce0202;
    opacity: 0.9;
}

.btn-modal-ano {
    background-color: #0a8507;
    border: none;
    border-radius: 0;
}

.btn-modal-ano:hover {
    --bs-btn-hover-bg: #0a8507;
    opacity: 0.9;
}

.btn-modal-ok {
    background-color: #e2e2e2;
    border: none;
    border-radius: 0;
    color: #2b4f86;
}

.btn-modal-ok:hover {
    --bs-btn-hover-bg: #2b4f86;
    color: #fff;
}

/* submenu */
ul.dropdown-menu {
	font-size: 15px;
	color: #2b4f86 !important;
}

ul.dropdown-menu li a {
    font-size: 18px;
    width: 320px;
    height: 45px;
    color: #2b4f86 !important;
    display: block;
    text-decoration: none;
    border-left: 5px solid #d8dde7; 
    margin: 0px 0 0 23px;
    padding: 0 0px 0 15px;
    text-align: left;
}

ul.dropdown-menu li a svg {
    fill: #7f8faf !important;
    color: #7f8faf !important;
    text-decoration: none;
}

ul.dropdown-menu li a:hover {
    text-decoration: underline;
    border-left: 5px solid #d8dde7;  
    background-color: #fff;
    cursor: pointer;
}

ul.dropdown-menu li .sipka {
    float: right;
    height: 11px;
    width: 6px;
    display: block;
    margin: 10px 30px 0 0;
    
    position: relative;
}
ul.dropdown-menu li .sipka::before, ul.dropdown-menu li .sipka::after {
	content: "";
	width: 7px;
	height: 1.5px;
	background-color: #2b4f86;
	
	position: absolute;
	top: 50%;
	right: 0;
	transform-origin: center right;
}
ul.dropdown-menu li .sipka::before {
	transform: translateY(-50%) rotate(-45deg);
}
ul.dropdown-menu li .sipka::after {
	transform: translateY(-50%) rotate(45deg);
}

ul.dropdown-menu li.active a svg {
    color: #c00001 !important;
    fill: #c00001 !important;
    text-decoration: none;
}
ul.dropdown-menu li.active .sipka::before, ul.dropdown-menu li.active .sipka::after {
	background-color: #c00001;
}

/* dropdown-menu - zpracovatel */
.btn-zpracovatel {
    color: #2b4f86;
}

.btn-zpracovatel:hover {
    color: #2b4f86;
    text-decoration: none;
}

ul.dropdown-menu-zpracovatel {
    padding: 10px 15px 10px 15px !important;
    font-size: 12px;
}

/* dropdown-menu - prilohy */
.btn-prilohy {
    color: #2b4f86;
}

.btn-prilohy:hover {
    color: #2b4f86;
    text-decoration: none;
}

.btn-prilohy svg, svg.disable {
    width: 16px;
    height: 16px;
    color: #2b4f86; 
    margin-right: 10px;  
}

/* submenu - zobrazení submenu na hover */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

/* conteiner user */
.containerUser{
    background-color: #ECF2F7;
    height: 40px;
}

.containerUser a{
    text-decoration: none;
}

.containerUser span {
    color: #ce0202;
    font-size: 14px;
    padding-top: 8px;
    margin-right: 7px;
}

.containerUser svg {
    width: 11px;
    height: 14px;   
    color: #777;      
}

.containerUser svg.iconUser {
    width: 21px;
    height: 21px;   
    color: #777;     
}

.containerUser .crumbs {
    color: #777;
    text-decoration: underline;
    vertical-align: middle;
    margin-left: 5px;
}

.containerUser .crumbs:hover {
    color: #777;
    text-decoration: none;
}

.crumbsSpan {
    color: #777 !important;
    text-decoration:none;
    font-size:11px !important;
    vertical-align: middle;
    margin: 0 0 0 3px !important;
    padding: 0 !important;
}

/* dropdown-menu - user */
ul.dropdown-menu-user {
    padding: 10px !important;
}

ul.dropdown-menu-user svg {
    margin-right: 10px;   
}

ul.dropdown-menu-user a:hover svg {
    color: red !important;  
}

ul.dropdown-menu-user span {
    margin: 0;
}

span.btn-user {
    color: #777 !important;
    text-decoration: none;
    margin-right: 20px;
}

span.btn-user:hover {
    color: #777;
    text-decoration: underline;
}

ul.dropdown-menu-user li a {
    font-size: 12px !important;
    width: auto;
    height: auto !important;
    color: #2b4f86 !important;
    display: block;
    text-decoration: none;
    border-left: none !important; 
    margin: 0px 0 0 0px !important;
    padding: 5px 5px 5px 10px !important;
    text-align: left;
}

ul.dropdown-menu-user li a:hover {
    text-decoration: underline;
    border-left: none;  
    background-color: #fff;
    cursor: pointer;
}

svg.disable {
    color: #cdcdcd !important;
    fill: #cdcdcd !important;
}

ul.dropdown-menu-prilohy {
    padding: 10px 10px 10px 10px !important;
    font-size: 12px;
}

/*po refaktoringu hlavního submenu - odstranit*/
ul.dropdown-menu-prilohy li a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    width: auto;
    height: auto;
    border: none;
    text-decoration: underline;
}

/*po refaktoringu hlavního submenu - odstranit*/
ul.dropdown-menu-prilohy li a:hover {
    border: none !important;
    text-decoration: none !important;
}

/* priloha - format pdf */
ul.dropdown-menu-prilohy li a.file, #exampleModal13 div.footWrapper table tr td a.file, .stav-podani-modal div.footWrapper table tr td a.file, .table-page-detail-modal div.footWrapper table tr td a.file{
    background: url(../img/dotace/prilohy/ico_unknown.png) 0px 0px no-repeat;
    margin: 5px 10px 0 0;    
    padding:  5px 5px 15px 45px;
    background-size: 32px;
}


.navbar-header {
    margin: 0;
    padding: 0;
    height: 70px;
}

h4 {
    padding: 0px 0 20px 0;
    color: #ab0000;
    font-size: 1.4em;
}
h5{
    color: #173EB4;
    font-size: 1.1em;
    background-color: #BFC5E3;
}

#myNavbar {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
}

td{
    font-size: 0.9em;
}

table{
    background-color: #eee;
}

li{
    line-height: 1.8;
}
.navbar{
    background-color: #ECF2F7;
    padding: 0;
    margin: 0;
}

.navbar-logo {
    display: block;
    height: 43px;
    margin: 5px 10px 0 0;
    
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.navbar-logo > img {
	height: 100%;
}

.burger {
    margin: 15px 0 0 15px;
    padding: 5px;
}

.svgIcon{
    height: 20px;
    width: 20px;
}

.brandFirstLine{
    color: #ab0000;
    font-family: 'Open Sans', sans-serif;
    font-size: 2.3em;
    line-height: 1.1em;
    margin: 5px 0 0 0;
    padding: 0;
    grid-column: 2;
    grid-row: 1;
}

.brandSecondLine{
    font-family: 'Open Sans', sans-serif;
    font-size: 0.7em;
    color: #3d89cd;
    margin: 0;
    padding: 0;
    line-height: 2.0em;
    grid-column: 2;
    grid-row: 2;
}
.brandLogo{
    min-height: 40px;
    margin-right: 5px;
    grid-column: 1;
    grid-row: span 2;
}

.brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  display: block;
  text-align: left;
  padding-top: 10px;
  height: 50px;
}

.brand a {
    text-decoration: none;
    white-space: nowrap;
    display: grid;
    grid-template-columns: auto 1fr;
}

.tableName{
    margin: 0;
}

.menuItemText:hover{
    color: #ce0202;
}

.navItemText{
    min-width: 100px;
}

.nav-link {
    fill: #c00001;
}

.noStyle{
    list-style-type: none;
}

.reviewBox{
    margin-bottom: 12px;

}

.icoMujPortal {
    fill: green !important;
    background-color: green !important;
    color: green !important;        
    width: 15px;
    height: 15px;
    margin: auto;
}





/*ikony hlavni, vedlejsi menu, user*/
.icon {
    width: 16px;
    height: 16px;
    fill: #7f8faf;     
    color: #777;      
    pointer-events:none;
}

.nav-item a {
    
    height: 60px;
    margin: auto;
    display: block;
    color: #2b4f86;
    text-align: center;
    text-decoration: none;
    padding: 0 10px 0 10px;
    font-size: 15px;
    min-width: 130px;
}

.pvs a {
    width: 180px !important;
}

.nav-item a svg {
    fill: #7f8faf;
    color: #7f8faf;
}

.nav-item a:hover, .nav-item a:hover svg, .containerUser a:hover, .containerUser a:hover svg, ul.nav li.active a, ul.nav li.active a svg {
    fill: #ce0202;
    color: #ce0202;
}

ul.nav li {
    padding-top: 10px;
}

ul.nav li:hover, ul.nav a:hover, ul.nav li:hover a {
    background-color: #fff;
}

ul.nav li.active a, ul.nav li.active {
    background-color: #fff!important;
}

ul.nav li.active {
    padding-top: 10px;
}

.nav-sub-item {
    padding-top: 0px !important;
}

.btn-check:checked + .btn, .btn.active, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: #c00001;
}

.icon-sub {
    width: 20px;
    height: 20px;
    margin: 0 20px 0 10px;        
}

/*active submenu*/
ul.dropdown-menu li.active ul li.active a, ul.dropdown-menu li.active ul li.active a:hover, ul.dropdown-menu li.active a, ul.dropdown-menu li.active a:hover {
    fill: #c00001 !important;
    color: #c00001 !important;
    border-left: 5px solid #c00001;
    text-decoration: none;  
}

.koordinatorUdajeWrapper {
  float: left;
  padding-right: 20px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.lines {
  border-left: 1px solid #cdd4e0;
  border-right: 1px solid #cdd4e0;
}

.line-right {
	border-right: 1px solid #cdd4e0;
}

/* submenu v obsahu */
.wrapperContentSubmenu {
  background-color: #fff;
  margin: 135px 0 25px 0;
}

.wrapperContentSubmenu li {
    background-color: #ecf2f7;
    margin: 10px;
    padding: 10px 20px 10px 20px;
}

.wrapperContentSubmenu li:hover {
    background-color: #ce0202 !important;
    color: #fff !important;
}

.wrapperContentSubmenu li a {
    color: #2b4f86;
    text-decoration: none;
    font-size: 15px;
    font-weight: lighter;
    padding: 10px 20px 10px 20px;
}

.wrapperContentSubmenu li a:hover {
    color: #fff;
}

.wrapperContentSubmenu li:hover a {
    color: #fff !important;
    background-color: #ce0202 !important;
}

/*foot*/

/* obal foot foto */

.wrapperFoot {
    position: relative;
    background: url(../img/panorama.jpg) no-repeat center/cover;
    margin-bottom: 0;
    background-position: center center; /*central img na stred*/
    padding-bottom: 500px;
    background-attachment: fixed;
}

.wrapperFoot::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 278px;
background: -webkit-gradient(linear,left bottom,left top,from(#ecf2f7),to(transparent));
background: linear-gradient(to top,#ecf2f7,transparent);
pointer-events: none;
}

.pata {
    padding: 0px 0 0px 0;
}

.pata svg {
    color: #7f8faf;
    margin-right: 15px;
}

.pata a {
    font-size: 15px;
    display: block;
    color: #2b4f86;
    margin-bottom: 10px;
}

.pata a:hover, .pata a:hover svg {
    text-decoration: none;
}

.patickaContent {
  padding-top: 20px;
  color: #2b4f86;
}

.pata svg.otaznik {
    width: 18px;
    height: 18px;
    color: #ce0202;
    margin: -5px 0 0 0;
}

.pataLogo{
    margin-bottom: 20px;
}

.pataLogo a {
    display: block;
    height: 65px;
    width: 56px;
    
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.napiste-nam {
    color: #2b4f86;
    background-color: #fff;
    border-radius: none !important;
    border: 1px solid #2b4f86;
    font-size: 15px;
    text-align:center;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.napiste-nam:hover {
    color: #fff !important;
    background-color: #2b4f86;
    border: 1px solid #2b4f86;
}

.patickaVeraText {
    height: 135px;
    background-color: #fff;
    padding-top: 50px;
    color: #777;
    font-size: 12px;
}

.logoVera {
    background: url(../img/logo-small.png) 0px 0px;
    background-repeat: no-repeat;
    height: 18px;
    width: 89px;
    margin: 25px auto 0 auto;
}

/* Partneri */
.patickaVeraPartneri {
  height: 185px;
  background-color: #fff;
  padding-top: 35px;
  color: #777;
  font-size: 16px;
}

.partneri {
	display: flex !important;
	width: 100%;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.partneri .partneri__img {
	width: 100%;
	height: 67px;
	display: block;
	background-position: center -67px;
	background-repeat: no-repeat;
}
.partneri:hover .partneri__img {
	background-position: center 0px;
}
.partneri span {
	color: #2b4f86 !important;
}

.splide {
	margin: 0 auto;
	margin-top: 30px;
}
.splide__arrow {
	position: absolute;
	top: 50%;
	
	width: 32px;
	height: 32px;
	
	background-color: transparent;
	border: none;
	
	cursor: pointer;
}
.splide__arrow svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: 24px;
	height: 24px;
	
	fill: #ecf2f7;
}
.splide__arrow:disabled {
	cursor: unset;
}
.splide__arrow--prev {
	left: -48px;
	transform: scaleX(-1) translateY(-50%);
}
.splide__arrow--next {
	right: -48px;
	transform: translateY(-50%);
}

.blockLeft {
    margin-left: 125px;
}

.blockCenter li a:hover {
    color: #2b4f86;
}

.blockRight {
    font-size: 15px;
    margin-left: 30px;   
}

.odhlasitIkona {
	margin-right: 30px;
}

#scrollMojePodani {
  scroll-margin-top: 100px;
}

#scrollMojeDotace {
  scroll-margin-top: 110px;
}

/* Stránka - Moje platby - detail */
.wrapperMojePodaniDetail {
    margin: 135px 0 5px 0;
    background-color: #fff;
    text-align: center;
}

.wrapperMojePodaniDetail h4 {
    padding: 4px 0 0 0;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperMojePodaniDetail svg {
    width: 21px;
    height: 21px;
    color: #ce0202;
    margin: 0 5px 5px 0;
}

.wrapperUhradit {
    margin: 10px 0 10px 0;
    background-color: #fff;
    text-align: right;
    padding: 10px 0 10px 0;
}

.wrapperUhradit span {
    padding: 4px 0 0 0;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperUhradit svg {
    width: 31px;
    height: 19px;
    color: #7f8faf;
    margin: 0 15px 0px 0;
}

.wrapperKUhrazeni {
    margin: 5px 0px 5px 0px;
    padding: 15px 10px 15px 10px;
    background-color: #ecf2f7;
}

.wrapperKUhrazeni span {
    color: #777;
    font-size: 15px;
    font-weight: normal;
}

.wrapperKUhrazeni span.castka {
    color: #ce0202;
    font-size: 18px;
    font-weight: bold;
    text-align:center;
}

.wrapperKUhrazeni a {
    color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    margin: 0 5px 0 35px;
    text-decoration: none;    
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #21901f 50%,
                                      #21901f);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
  
.wrapperKUhrazeni a:hover {   
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

@media (max-width: 1091px) {
	.wrapperKUhrazeni {
		padding-bottom: 60px;
		position: relative;
	}
	
	.wrapperKUhrazeni .ciziPredpisButton {
		position: absolute;
		right: 10px;
		bottom: 15px;
	}
}

@media (max-width: 575px) {
	.wrapperKUhrazeni {
		padding-bottom: 105px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.wrapperKUhrazeni .ciziPredpisButton {
		width: calc(100% - 30px);
		text-align: center;
	}
	.wrapperKUhrazeni .btnPlatceZaplatit {
		position: absolute;
		right: 10px;
		bottom: 60px;
		text-align: center;
		width: calc(100% - 30px);
	}
}

.platba-rekapitulace-left-buttons-container {
	display: flex;
	align-items: center;
}

.btnBackRekapitulace {
	white-space: nowrap;
	padding-left: 15px !important;
	padding-right: 15px !important;
	width: auto !important;
}

@media (max-width: 910px) {
	.platba-rekapitulace-buttons-container {
		flex-direction: column;
		gap: 15px;
		padding-left: 8.33333333%;
		padding-right: 8.33333333%;
	}
	.platba-rekapitulace-buttons-container > .col-3 {
		width: 100%;
	}
	.platba-rekapitulace-buttons-container > .col-3 > a {
		width: 100%;
		margin: 0 !important;
		text-align: center !important;
	}
	.platba-rekapitulace-buttons-container .col-1 {
		display: none;
	}
	.platba-rekapitulace-left-buttons-container {
		flex-direction: column;
		width: 100%;
		gap: 15px;
	}
	.platba-rekapitulace-left-buttons-container > * {
		width: 100% !important;
		margin: 0 !important;
		align-items: center;
		text-align: center;
	}
}

.wrapperPrehledPlatebUcet {
    background-color: #fff;
}

.orderBy {
    background: url(../img/sipky.png) 0px 0px norepeat;
    display: block;
    height: 65px;
    width: 56px;
}

.tablePlatby tr th a {
    display: block;
    width:  10px;
    height: 11px;
    float:right;
    margin-top: 5px;
}

.tablePlatby tr th a svg.icon-sort{
    width: 10px;
    height: 11px;
    float: right;
    margin-top: 0;
    fill: #7f8faf;
}

.wrapperZPO {
    background-color: #fff;
    padding: 10px 0 40px 0;
}

.wrapperZPOdetail {
    margin: 10px 0 10px 0;
    background-color: #f8f8f8;
    text-align: left;
    padding: 20px;
}

.tableZpo {
    background-color: #f8f8f8;
}

.wrapperZPOdetail span {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: normal;
    color: #2b4f86;
}

.wrapperZPOdetail svg {
    width: 65px;
    height: 46px;
    color: #2b4f86;
    margin: 10px 30px 10px 10px;
}

.wrapperZPOdetail a {
    display:block;
    color: #2b4f86;
    background-color: #fff;
    border: 1px solid #2b4f86;
    font-size: 15px;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
}

.wrapperZPOdetail a:hover {
    color: #fff;
    background-color: #2b4f86;
    border: 1px solid #2b4f86;
}

/* dropdown-menu - neuhrazene častky */
.sub-neuhrazeno, .sub-uhrazeno {
    border-radius: 0;
    background-color: #e1e8ee;
    border: none;
    padding: 17px 15px 0 15px;
    margin-top: 11px !important;
    height: 60px;
    margin-left: -20px !important;
}

.sub-uhrazeno {
    margin-top: 11px !important;
    margin-left: 588px !important;
    padding: 17px 15px 0 25px;
}


.sub-neuhrazeno a, .sub-uhrazeno a {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
	background-position: 100% 0;
	background-size: 200% 100%;
	transition: all .25s ease-in;
}

.sub-uhrazeno a{
    margin-left:5px;
}


.sub-neuhrazeno a svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 5px 0px 0 !important;
}

.sub-neuhrazeno a:hover, .sub-uhrazeno a:hover {
    text-decoration: underline;
    border-left: none;
    background-color: #2b4f86;
    cursor: pointer;
    background-position: 0 0 !important;
}

.disabledVybratKUhradeButton {
	text-decoration: none !important;
	background-position: 100% 0 !important;
	background-color: #5e5f60 !important;
	margin: 0 !important;
	pointer-events: all !important;
	cursor: default !important;
	background-image: none !important;
	opacity: 1 !important;
}

/*Modal neuhrazené platby*/
#exampleModal7 h5, #exampleModal8 h5, #exampleModal9 h5, .detail-modal-je-treba-uhradit h5, .detail-modal-jiz-uhrazene h5, .qr-platba-modal h5 {
    margin-left: 10px;
}

#exampleModal7 .modal-body table, #exampleModal8 .modal-body table, #exampleModal9 .modal-body table, .detail-modal-je-treba-uhradit .modal-body table, .detail-modal-jiz-uhrazene .modal-body table, .qr-platba-modal .modal-body table {
    background-color: #fff;
    margin-top: 20px;
}

#exampleModal7 .modal-body table tr th, #exampleModal9 .modal-body table tr th, .detail-modal-je-treba-uhradit .modal-body table tr th, .detail-modal-jiz-uhrazene .modal-body table tr th {
    font-size: 12px;
    color: #777777;
    border-bottom: 1px solid #2b4f86;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    background-color: #f8f8f8;

}

#exampleModal7 .modal-body table tr td, #exampleModal8 .modal-body table tr td, #exampleModal9 .modal-body table tr td, .detail-modal-je-treba-uhradit .modal-body table tr td, .detail-modal-jiz-uhrazene .modal-body table tr td, .qr-platba-modal .modal-body table tr td {
  font-size: 16px;
  color: #2b4f86;
  padding: 10px 20px 12px 20px;
  border: none;
  background-color: #fff;
}


#exampleModal7 .modal-body table tr td, #exampleModal9 .modal-body table tr td, .detail-modal-je-treba-uhradit .modal-body table tr td, .detail-modal-jiz-uhrazene table tr td {
    text-align: left;
}

#exampleModal7 .modal-body table tr td a, #exampleModal9 .modal-body table tr td a, .detail-modal-je-treba-uhradit .modal-body table tr td a, .detail-modal-jiz-uhrazene .modal-body table tr td a {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
}

#exampleModal7 .modal-body table tr td a:hover, #exampleModal9 .modal-body table tr td a:hover, .detail-modal-je-treba-uhradit .modal-body table tr td a:hover, .detail-modal-jiz-uhrazene .modal-body table tr td a:hover {
    background-color: #2b4f86;
    opacity: 0.9;
    cursor: pointer
}

#exampleModal7 .modal-body table tr td a svg.vybrat-k-uhrade, .detail-modal-je-treba-uhradit .modal-body table tr td a svg.vybrat-k-uhrade {
    width: 25px !important;
    height: 25px !important;
    color: #fff !important;
    text-decoration: none;
    margin: 0 10px 0 0 !important;
}

#exampleModal7 .modal-body table tr td a svg.qr-platba, .detail-modal-je-treba-uhradit .modal-body table tr td a svg.qr-platba {
    width: 17px !important;
    height: 17px !important;
    color: #fff !important;
    text-decoration: none;
    margin: 0 10px 0 0 !important;
}


#exampleModal7 .modal-body table tr td input, .detail-modal-je-treba-uhradit .modal-body table tr td input {
    width: 120px;
}

#exampleModal7 .modal-body table tr.sum td, #exampleModal9 .modal-body table tr.sum td, .detail-modal-je-treba-uhradit .modal-body table tr.sum td, .detail-modal-jiz-uhrazene .modal-body table tr.sum td {
    font-weight: bold;
    border-top: 1px solid #2b4f86;
    background-color: #e1e8ee;
}

#exampleModal7 .modal-body .nadpis, #exampleModal8 .modal-body .nadpis, #exampleModal9 .modal-body .nadpis, .detail-modal-je-treba-uhradit .modal-body .nadpis, .detail-modal-jiz-uhrazene .modal-body .nadpis, .qr-platba-modal .modal-body .nadpis {
    color: #ce0202;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}

.cislo-uctu, .var-sym  {
    color: #2b4f86;
    font-size: 18px;
    float: right;
}

.var-sym {
    padding-left: 50px;
}

#exampleModal7 .ucet-a-symbol, .detail-modal-je-treba-uhradit .ucet-a-symbol {
    color: #777;
    margin-left: 10px;
}

svg.neuhrazeno{
    width: 15px;
    height: 15px;
    color: #ce0202;
    margin: 0px 5px 0px 0;
}

#exampleModal9 .modal-body table tr td svg.uhrazeno, .detail-modal-jiz-uhrazene .modal-body table tr td svg.uhrazeno {
    width: 15px;
    height: 15px;
    color: #ce0202;
    margin: 0px 5px 0px 0;
}

svg.qr-platba{
    width: 15px;
    height: 15px;
    color: #ce0202;
    margin: 0px 5px 0px 0;
}

svg.vybrat-k-uhrade{
    width: 15px;
    height: 15px;
    color: #ce0202;
    margin: 0px 5px 2px 0;
}

.btn-modal-detail-poplatku {
    border-radius: 0 !important;
    background-color: #e2e2e2;
    color: #2b4f86;
    border: none;
}

.btn-modal-detail-poplatku:disabled {
	background-color: #a5a5a5;
	color: #1b3153;
}

.btn-modal-zavrit svg {
    color: #2b4f86;
}

.btn-modal-zavrit:hover svg {
    color: #fff;
}

.btn-modal-zavrit:hover {
    background-color: #ce0202;
    color: #fff;
}

.btn-modal-zavrit-qr svg {
    color: #2b4f86;
}

.btn-modal-zavrit-qr:hover svg {
    color: #fff;
}

.btn-modal-zavrit-qr:hover {
    background-color: #ce0202;
    color: #fff;
}

.predchozi-obr svg, .dalsi-obr svg, .predchozi-obr-normal svg, .dalsi-obr-normal svg {
    fill: #2b4f86 !important;
    height: 10px;
    width: 5px;
}

.predchozi-obr:after {
    content: "Předchozí poplatek";
}

.dalsi-obr:before {
    content: "Další poplatek";
}

.btn-modal-potvrdit:hover {
    background-color: #177B00 !important;
}

.btn-modal-potvrdit svg {
    color: #2b4f86;
    fill: #2b4f86;
}

.btn-modal-potvrdit:hover svg {
    color: #fff;
    fill: #fff;
}

.predchozi-obr:hover svg, .dalsi-obr:hover svg, .predchozi-obr-normal:hover svg, .dalsi-obr-normal:hover svg {
    color: #2b4f86;
    fill: #2b4f86;
    height: 10px;
    width: 5px;
}

.predchozi-obr:hover, .predchozi-obr:hover svg, .dalsi-obr:hover, .dalsi-obr:hover svg, .predchozi-obr-normal:hover, .predchozi-obr-normal:hover svg, .dalsi-obr-normal:hover, .dalsi-obr-normal:hover svg {
    color: #fff !important;
    fill: #fff !important;
}

svg.ico-toast{
    width: 25px;
    height: 25px;
    color: #777;
    margin: 0px 10px 0px 0;
}

/* Modal detail eud a modal epodani detail */
#exampleModal13 div.headWrapper, .stav-podani-modal div.headWrapper, .table-page-detail-modal div.headWrapper {
    background-color: #ecf2f7; 
    --bs-gutter-x: 2.0rem;
}

.headWrapper-verically-centered {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	padding: 20px 30px 0;
}
.headWrapper-verically-centered > * {
	padding: 0 !important;
	margin: 0 !important;
}

.headWrapper-verically-centered > :last-child {
	margin-right: 30px !important;
}

#exampleModal13 div.img, .stav-podani-modal div.img, .table-page-detail-modal div.img {
    width: 92px;
    height: 110px;
    background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    margin: 12px 50px 0 0;
}

#exampleModal13 div.adresa, .stav-podani-modal div.adresa, .table-page-detail-modal div.adresa {
    padding: 20px 0 0 30px;
    color: #777;
    font-size: 14px;
    line-height:18px;
}

#exampleModal13 table, .stav-podani-modal table, .table-page-detail-modal table {
    margin: 12px 15px 0 0;
    background-color: #fff;
    color: #777;
    font-size: 16px;
}

#exampleModal13 h4, .stav-podani-modal h4, .table-page-detail-modal h4 {
    padding: 25px 0 15px 15px;
    color: #c10000;
    font-size: 18px;
    font-weight: bold;
}

#exampleModal13 table tr td.blue, .stav-podani-modal table tr td.blue, .table-page-detail-modal table tr td.blue {
    color: #2b4f86;
}

#exampleModal13 div.obsahWrapper, .stav-podani-modal div.obsahWrapper, .table-page-detail-modal div.obsahWrapper {
    background-color: #f3f3f3; 
    --bs-gutter-x: 2.0rem;
    padding: 0 0 10px 15px;
}

#exampleModal13 .detailEud, .stav-podani-modal .detailEud, .table-page-detail-modal .detailEud {
    background-color: #f3f3f3;
}

#exampleModal13 .detailEud tr td, .stav-podani-modal .detailEud tr td, .table-page-detail-modal .detailEud tr td {
    vertical-align: top;
}

#exampleModal13 div.footWrapper, .stav-podani-modal div.footWrapper, .table-page-detail-modal div.footWrapper {
    background-color: #ecf2f7; 
    --bs-gutter-x: 2.0rem;
    padding: 0 0 10px 15px;
    margin-top: 30px;
    border-bottom: 3px solid #ecf2f7;
}

#exampleModal13 div.footWrapper table, .stav-podani-modal div.footWrapper table, .table-page-detail-modal div.footWrapper table{
    width: 100%;
    background-color: #ecf2f7;
}

#exampleModal13 div.footWrapper table tr td, .stav-podani-modal div.footWrapper table tr td, .table-page-detail-modal div.footWrapper table tr td {
        text-align:left;
    height: 40px;
}

#exampleModal13 div.footWrapper table tr td a, .stav-podani-modal div.footWrapper table tr td a, .table-page-detail-modal div.footWrapper table tr td a {
    color: #2b4f86;
}

#exampleModal13 div.footWrapper table tr td a:hover, .stav-podani-modal div.footWrapper table tr td a:hover, .table-page-detail-modal div.footWrapper table tr td a:hover {
    text-decoration: none;
}

#exampleModal13 .modal-title, .stav-podani-modal .modal-title, .table-page-detail-modal .modal-title {
    margin: 0;
}

#exampleModal13 h5, .stav-podani-modal h5, .table-page-detail-modal h5 {
    background-color: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 0 15px;
}

#exampleModal13 svg.zavrit, .stav-podani-modal svg.zavrit, .table-page-detail-modal svg.zavrit {
  width: 15px;
  height: 15px;
  color: #2b4f86;
  margin: 0px 5px 2px 0;
}

#exampleModal13 a:hover svg.zavrit, .stav-podani-modal a:hover svg.zavrit, .table-page-detail-modal a:hover svg.zavrit {
    color: #fff;
}

#exampleModal13 .datumy, .stav-podani-modal .datumy, .table-page-detail-modal .datumy {
    margin: 0 0 25px 15px;
}

/*Accordion table - QR platba*/
.accordionTable {
    margin-top: 0 !important;
    margin-bottom: 20px;
    font-size: 12px;
}

.accordionTable tr td svg {
    height: 120px;
    width: 120px;
    color: #000;
}

.accordionTable tr td {
    min-width: 180px;
}

#liveToast2 a  {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
}

#liveToast2 a:hover {
    background-color: #2b4f86;
    opacity: 0.9;
    cursor: pointer
}

#liveToast3 svg.uhrazeno, #liveToast4 svg.neuhrazeno  {
    width: 25px;
    height: 25px;
}

#liveToast3 .toast-body  {
    background-color: #7ebf7e;
    color: #fff;
}

#liveToast4 .toast-body  {
    background-color: #e67f7f;
    color: #fff;
}

#liveToast3 .toast-body .vetsi, #liveToast4 .toast-body .vetsi {
    font-size: 18px;
}

#toastOdhlaseni .toast-body  {
    background-color: #7ebf7e;
    color: #fff;
}

#toastOdhlaseni .toast-body svg {
    margin: 0 5px 0px 0px;
}

#exampleModalToggle10 table {
    text-align: center;
}

#exampleModalToggle10 table tr td {
    background-color: #fff;
}

#exampleModalToggle10 svg {
    height:50px;
    width:50px;
    background-color: #fff;
}

/* shrnuti-objednavky.html */
.wrapperShrnutiObjednavky {
    background-color: #fff;
    margin: 135px 0 25px 0;
}

.wrapperShrnutiObjednavky h4 {
    padding: 4px 0 0 0;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperShrnutiObjednavky a.bt-blue {
    font-size: 15px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 20px 8px 20px;
    text-align: left;
    display: inline;
    background-color: #2b4f86; 
}

.wrapperShrnutiObjednavky a.bt-blue:hover {
    text-decoration: none;
    border-left: none;  
    background-color: #2b4f86;
    opacity: 0.9;
}

.wrapperShrnutiObjednavky h4 svg {
    width: 21px;
    height: 20px;
    margin: 2px 5px 6px 0;
    color: #ce0202;
}

.tableMoje table tr.sum td {
    font-weight: bold;
    border-top: 1px solid #2b4f86;
    border-bottom: 1px solid #e1e8ee;
    background-color: #e1e8ee;
    padding: 20px 0 20px 20px;
}

.tableMoje table tr.sum td a {
    color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    margin: 0;
    text-decoration: none;
    font-weight: normal;
}

.tableMoje table tr.sum td a:hover {
  --bs-btn-hover-bg: #0a8507;
  opacity: 0.9;
}

a.btnPotvrdit, a.btnSvozy, a.btnSvozy:link, a.btnSvozy:visited {
    color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    margin: 0 5px 0 35px;
    text-decoration: none;    
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #21901f 50%,
                                      #21901f);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
  
a.btnPotvrdit:hover, a.btnSvozy:hover {   
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.btnPotvrditDisabled {
	background-color: #838a83 !important;
	pointer-events: none;
}

.zaplatitTable {
  margin-top: 20px !important;
  margin-bottom: 20px;
  font-size: 12px;
  width: 100%;
  background-color: #f8f8f8;
}

.zaplatitTable tr.white {
    height: 40px;
    background-color: #fff;
}

.zaplatitTable tr td {
  min-width: 180px;
}

.zaplatitTable tr td h4 {
  color: #2b4f86;
  font-size: 20px;
}

.zaplatitTable tr td.emailText {
    font-size: 15px;
    padding-left: 20px;
    color: #444;
    width: 410px;
    height: 50px;
}

.zaplatitTable tr td input[type=text] {
    height: 30px;
    font-size: 15px;
    padding-left: 10px;
    margin-left: 10px;
    color: #444;
}

.zaplatitTable tr td input[type=checkbox] {
    accent-color: #777;
}

.zaplatitTable tr td svg {
    height: 70px;
    width: 70px;
}

.zaplatitTable tr td.text-end svg {
    height: 21px;
    width: 21px;
}

.zaplatitTable tr td span {
    color: #777;
    font-size: 15px;
    margin-left: 10px;
}

.zaplatitTable a {
    color: #2b4f86;
    font-size: 15px;
    margin-right: 40px;
}

.zaplatitTable a:hover {
    text-decoration: none;
}

.zaplatitTable a svg {
    width: 18px;
    height: 18px;
    margin: 2px 5px 6px 0;
    color: #2b4f86;
}

.zaplatitUkazBt {
    display: block !important;
    float: right !important;
}

.zaplatitUkazBt svg {
    color: #fff;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.wrapperShrnutiObjednavky a.bt-green {
    font-size: 15px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 20px 8px 20px;
    text-align: left;
    display: inline;
    background-color: #0a8507;
}

.wrapperShrnutiObjednavky a.bt-green:hover {
    text-decoration: none;
    border-left: none;  
    background-color: #0a8507;
    opacity: 0.9;
}

.marginTop {
    margin: 110px 0 0 0;
}

/* obal Úřední deska */
.wrapperUredniDeska {
    padding-top: 150px;
    padding-bottom: 40px;
    background-color: #fff;
}

.wrapperUredniDeska h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperUredniDeska h4 svg {
    width: 21px;
    height: 20px;
    margin: 0 10px 5px 0;
}

.wrapperUredniDeska h5 {
    font-size: 15px;
    background-color: #e7eef4;
    color: #2b4f86;
    padding: 8px 0 8px 20px;
    margin-bottom: 0;
    width: 120px;
}

/* obal konfigurace údajů */
.wrapperKonfigurace {
    padding-top: 150px;
    padding-bottom: 40px;
    background-color: #fff;
}

.wrapperKonfigurace h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperKonfigurace h4 svg {
    width: 21px;
    height: 20px;
    margin: 0 10px 5px 0;
}

.wrapperKonfigurace h5 {
    font-size: 18px;
    background-color: #e7eef4;
    color: #2b4f86;
    padding: 8px 0 8px 0;
    margin-bottom: 0;
    font-weight: bold;
}

.wrapperKonfigurace #inputSubjekt ,.wrapperKonfigurace #autoSizingInput{
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #edf1f4;
    padding: 5px 0 5px 10px;
    box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
    font-size: 14px;
    color: #505152;
    width: 220px;
}

.wrapperKonfigurace #autoSizingInput {
    background-color: #fff;
}

/* Accordion - vyhledavani faktury */
.accordion {
    --bs-accordion-bg: #e7eef4;
    --bs-accordion-border-radius: 0;
    --bs-accordion-btn-focus-border-color: #000;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: #000;
    --bs-accordion-active-bg: #e7eef4;
    --bs-accordion-border-color: #ecf2f7;
    --bs-accordion-button-active-color: #000;
}

.accordion-button {
    border-radius: 0 !important;
}

/* barva activni sipky v accordion - fill=%23000 - černá */
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-header {
	padding-bottom: 0;
}

.accordion-header-text {
	font-size: 16px !important;
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.noveOkno {
    display: block;
    float: right;
    font-size: 12px;
    color: #2b4f86;
    padding-top: 3px;
}

.noveOkno:hover {
    color: #2b4f86;
    text-decoration: none;
}

/* Konfigurace údajů */
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.5rem + 2px);
  line-height: 1;
}

.form-floating > label {
    padding: 0.75rem .75rem;
    color: #777;
}

.wrapperKonfigurace input[type="text"] {
    font-size: 15px;
}

.wrapperKonfigurace input:read-only {
    background-color: #e9ecef;
}

.wrapperKonfigurace input:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperKonfigurace input:read-only:focus {
    border-color: #ced4da;
}

/* ikona inputu - zelena fajfka - http://www.asiteaboutnothing.net/c_decode-url.html */
.wrapperKonfigurace input.is-valid {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20248.351%20185.199%22%3E%3Cpath%20fill%3D%22%231ebe0d%22%20d%3D%22M84.351%20181.561L3.637%20100.847c-4.85-4.85-4.85-12.712%200-17.561l17.56-17.561c4.85-4.85%2012.713-4.85%2017.562%200l54.373%2054.372%20116.46-116.46c4.85-4.85%2012.713-4.85%2017.562%200l17.56%2017.561c4.85%204.85%204.85%2012.712%200%2017.561L101.912%20181.562c-4.85%204.85-12.712%204.85-17.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.wrapperKonfigurace input.is-valid, .wrapperKonfigurace input.is-invalid {
    border: 1px solid #ced4da;
}

.wrapperKonfigurace input.is-valid:focus, .wrapperKonfigurace input.is-invalid:focus {
    border: 1px solid #b5babe;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperKonfigurace span.ico-none {
    height: 42px;
    width: 42px;    
}

.wrapperKonfigurace svg.ico-pvs {
    padding: 5px;
    height: 35px;
    width: 35px;    
}

/* width tooltip */
.tooltip-inner {
    min-width: 300px;
    background-color: #000;
    padding:0;
    margin:0;
    border-radius: 5px;
}

.tooltip-arrow {
    display: none !important;
}

#exampleModalLabel {
    background-color: #fff;
    padding: 0;
}

/* obal konfigurace údajů - checks */
.wrapperChecks {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    color: #777;
}

.wrapperChecks svg {
    width: 20px;
    height: 20px;
    margin: 8px 0 13px 15px;
    color: #2b4f86;
}

.registraceLabel {
    font-size: 15px;
    background-color: #f8f8f8;
    padding: 20px;
}

.registraceUcet, .registraceUcetNe {
    font-size: 15px;
    background-color: #e4f7dd;
    color: #205f09;
    padding: 20px 5px 20px 20px;
    margin: 0px;
}

.registraceUcet:after {
    content: "OVĚŘENÝ - Vaše údaje jsou propojené s daty úřadu";
}

a.registraceInfo {
    text-decoration: none;
    background-color: #e4f7dd;
    padding: 24px 20px 21px 0;
    margin:0;
}

.registraceUcetNe:after {
    content: "NEOVĚŘENÝ - Vaše údaje nejsou propojené s daty úřadu";
}

.neoverena {
    background-color: #fdeeee !important;
    color: #ce0202 !important;
}

/* switch konfigurace údajů */
.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding-left: 0;
}
.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: 1.0rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
  margin-top: 20px;
  margin-bottom: -4px;
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { background-color: #4BD763; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

/* obal konfigurace údajů - buttons */
.wrapperButtons {
    background-color: #fff;
    color: #777;
    margin-bottom: 40px;
}

/* Konfigurace údajů - btn uložit změny */
.wrapperButtons .btnUlozit {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border: none;
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 0px;
}

.wrapperButtons .btnUlozit svg, .wrapperButtons a.filtr svg {
    width: 15px !important;
    height: 16px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperButtons .btnUlozit:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Konfigurace údajů - btn zrušit účet */
.wrapperButtons a.btnZrusit {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #ce0202;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #e41414 50%,
                                      #e41414);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 10px;
    border: 1px solid #ce0202;
}

.wrapperButtons a.btnZrusit svg, .wrapperButtons a.filtr svg {
    width: 15px !important;
    height: 16px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperButtons a.btnZrusit:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer !important;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border: 1px solid #e41414;
}

.wrapperButtons a.btnZrusit::after {
    content: "Zrušit účet";
}

/* obal rozcestník */
.wrapperRzs {
    padding: 150px 0 50px 0;
    padding-bottom: 40px;
    background-color: #fff;
}

.wrapperRzs h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
    padding: 0 !important;
}

.wrapperRzs h5 {
    font-size: 16px;
    font-weight: 500;
    color: #2b4f86;
    background-color: #fff;
    margin: 0 0 10px 0;
}

.wrapperRzs h6 {
    font-size: 14px;
    font-weight: 500;
    color: #ce0202;
    color: #000;
    margin: 0 0 30px 0;
}

.wrapperRzs svg {
    width: 21px;
    height: 20px;
    margin: 0 10px 5px 0;
    color:#2b4f86;
}

/* Btn vyhledávání */
.wrapperRzs .btnSearch {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 10px 15px 10px 15px;
    text-align: left;
    display: inline;
    border: none;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-top-right-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important;
}

.wrapperRzs .btnSearch::after {
    content: "Vyhledat";
}

.wrapperRzs .btnSearch svg, .wrapperRzs a.filtr svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperRzs .btnSearch:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Btn seznam formulářů */
.wrapperRzs .btnSeznamForms {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border: none; 
    padding: 10px 0px 10px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-radius: .375rem !important;
    margin-left: 10px !important;
}


.wrapperRzs .btnSeznamForms svg, .wrapperRzs a.filtr svg {
    width: 21px !important;
    height: 21px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperRzs .btnSeznamForms:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Btn zavři seznam formulářů */
.wrapperRzs a.btnZavri {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 12px 0px 8px 12px;
    text-align: left;
    display: inline;
    background-color: #ce0202;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #df3535 50%,
                                      #df3535);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-radius: .375rem !important;
    margin-left: 10px !important;
}


.wrapperRzs a.btnZavri svg, .wrapperRzs a.filtr svg {
    width: 21px !important;
    height: 21px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperRzs a.btnZavri:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Wrapper rozcestník - oblasti */
.wrapperRzs a.nadpisLink {
    color: #2b4f86;
    font-size: 13px;
}

.wrapperRzs a:hover.nadpisLink {
    text-decoration: none;
}

/* inputu - rozcestnik - vyhledavani */
.wrapperRzs input.vyhledat {
    border: 1px solid #ced4da;
}

.wrapperRzs input.vyhledat:focus {
    border: 1px solid #b5babe !important;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperRzs span.ico-lupa {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20103.027%20102.181%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ced4da%22%20d%3D%22M10.158%2010.527c13.687-13.891%2036.054-14.057%2049.946-.37%2013.892%2013.689%2014.057%2036.055.37%2049.947-13.689%2013.892-36.055%2014.057-49.947.37-13.892-13.688-14.057-36.055-.37-49.947zm6.694%206.597c10.046-10.196%2026.46-10.317%2036.656-.272%2010.195%2010.046%2010.316%2026.46.27%2036.656-10.045%2010.195-26.46%2010.317-36.655.271-10.195-10.045-10.317-26.46-.271-36.656zm51.733%2039.148l33.318%2032.829c2.106%202.075%201.17%206.473-2.081%209.773s-7.635%204.302-9.742%202.226L56.762%2068.271a39.429%2039.429%200%20006.558-5.362%2039.427%2039.427%200%20005.265-6.637z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  height: 42px;
  background-position: center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* RZS - oblast */
.wrapperRzs .oblast {
    background-size: cover;
    display: block;
    width: 100%;
    height: 295px; 
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    padding-top: 240px !important;
    object-fit: cover;
    transition: transform 0.3s;
    
    position: relative;
}

.wrapperRzs .oblast:hover {
    background-size: cover;
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    font-size: 15px;
    z-index: 10;
}

.wrapperRzs .oblastImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wrapperRzs .oblastImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrapperRzs .oblast span {
    padding: 5px;
    background: rgba(43, 79, 134, .6);
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #2b4f86 50%,
                                      #2b4f86);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-left: 0px !important;
    
    position: relative;
    z-index: 2;
}

.wrapperRzs .oblast:hover span {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* RZS - výsledek vyhledávání */
.wrapperVysledek {
    font-size: 14px;
    color: #777;
}

.wrapperVysledek a {
    color: #2b4f86;
}

.wrapperVysledek a:hover {
    text-decoration: none;
}

/* RZS - popis kroku */
.popisKrok {
    text-align: center;
    color: #777;
    font-size: 15px;
}

.popisKrok p {
	margin-bottom: 0;
}

.popisKrok a:link, .popisKrok a:visited {
	font-size: 16px;
	color: #2b4f86;
}

.popisKrok a:hover {
	text-decoration: none;
}

/* RZS - volby kroku */
.volbyKrok {
	font-size: 15px;
    background-color: #ecf2f7;
    padding-bottom: 0px;
    color: #777;
}

.volbyKrok p {
    margin-bottom: 10px;
}

.volbyKrok h5{
    background-color: #ecf2f7;
    padding: 40px 0 0 0;
    font-size: 18px;
    color: #ce0202;
}

.volbyKrok ul{
    list-style-type: none;
    font-size: 15px;
    color: #777;
    padding:0;
    margin-bottom: 10px;
}

.volbyKrok ul li {
    line-height: 20px !important;
}

.volbyKrok ul li:before {
  background-color: #2b4f86;
  list-style-type: square;
  content: "";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  height: 5px;
  width: 5px;
}

.volbyKrok a {
    color: #2b4f86;
}

.volbyKrok a:hover {
    text-decoration: none;
}

a.btnBack {
    font-size: 12px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 3px 8px 0px;
    text-align: center;
    display: block;
    width: 80px;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-radius: 0;
}


a.btnBack svg, .wrapperRzs a.filtr svg {
    width: 11px !important;
    height: 11px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 8px 0px 0 !important;
    fill: #fff;
}

a.btnBack:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

a.shrnuti svg {
    transform: rotate(90deg);
}

/* RZS - tlačítko formuláře */
.wrapperRzs a.btnForm {
    font-size: 14px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 0px 8px 0px;
    text-align: center;
    display: block;
    width: 220px;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    border-radius: 0;
    margin: 40px 0px 0 0 !important;
    float: right;
}


.wrapperRzs a.btnForm svg, .wrapperRzs a.filtr svg {
    width: 21px !important;
    height: 21px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperRzs a.btnForm:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.wrapperRzs svg.bigIco {
    height: 120px;
    width: 80px;
    color: #ce0202;
    padding: 30px 0 30px 0px;
    margin: 0;
}

/* page Oportálu */
/* RZS - popis kroku */
.popisOportalu {
    text-align: left;
    color: #777;
    font-size: 15px;
}

.popisOportalu h5 {
    color: #777;
    font-size: 20px;
    padding-top: 30px;
}

.popisOportalu a {
    color: #2b4f86;
}

.popisOportalu a:hover {
    text-decoration: none;
}

/* Návody */
.popisNavody .accordion {
    border: 1px solid #ecf2f7;
    --bs-accordion-bg: #fff;
    --bs-accordion-active-bg: #ecf2f7;
    --bs-accordion-active-color: #2b4f86;
    --bs-accordion-btn-color: #2b4f86;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2b4f86'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2b4f86'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.popisNavody .accordion a {
    color: #2b4f86;
}

.popisNavody .accordion a:hover {
    text-decoration: none;
}

.popisNavody .accordion .accordion-item h2 button {
    font-size: 16px !important;
}

.popisNavody .accordion .accordion-item .accordion-collapse {
    font-size: 14px !important;
}

.popisStranka {
	text-align: center;
    color: #777;
    font-size: 15px;
}

/* Cookies - toast */
#toastCookies svg.ico-toast {
    height: 25px;
    width: 25px;
    fill: #5a5a5a;
}

a.btnCookies {
    font-size: 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-left: none !important; 
    padding: 8px 0px 8px 0px !important;
    text-align: center !important;
    display: block !important;
    background-color: #2b4f86 !important;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697) !important;
    background-position: 100% 0 !important;
    background-size: 200% 100% !important;
    transition: all .25s ease-in !important;
    border-radius: 0 !important;
    margin: 20px 0px 0 0 !important;
}

a.btnCookies:hover {
    text-decoration: none !important;
    border-left: none !important;  
    cursor: pointer !important;
    background-position: 0 0 !important;
    color: #fff !important;
    -webkit-transition: all .35s ease !important;
    -o-transition: all .35s ease !important;
    transition: all .35s ease !important;
}

/* obal ePodání */
.wrapperEpodani {
    padding-top: 150px;
    padding-bottom: 40px;
    background-color: #fff;
}

.wrapperEpodani a {
    color: #2b4f86;
}

.wrapperEpodani a:hover {
    text-decoration: none;
}

.wrapperEpodani h5 {
    font-size: 18px;
    background-color: #e7eef4;
    color: #2b4f86;
    padding: 8px 0 8px 20px;
    margin-bottom: 0;
    font-weight: bold;
}

.wrapperEpodani input[type="text"] {
    font-size: 15px;
}

.wrapperEpodani input:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#exampleModal21 h5 {
    padding: 0 0 10px 0;
}

#exampleModal21 .modal-header h5 {
    padding: 0;
}

/* ikona inputu - zelena fajfka - http://www.asiteaboutnothing.net/c_decode-url.html */
.wrapperEpodani input.is-valid {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20248.351%20185.199%22%3E%3Cpath%20fill%3D%22%231ebe0d%22%20d%3D%22M84.351%20181.561L3.637%20100.847c-4.85-4.85-4.85-12.712%200-17.561l17.56-17.561c4.85-4.85%2012.713-4.85%2017.562%200l54.373%2054.372%20116.46-116.46c4.85-4.85%2012.713-4.85%2017.562%200l17.56%2017.561c4.85%204.85%204.85%2012.712%200%2017.561L101.912%20181.562c-4.85%204.85-12.712%204.85-17.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.wrapperEpodani input.is-valid, .wrapperEpodani input.is-invalid {
    border: 1px solid #ced4da;
}

.wrapperEpodani input.is-valid:focus, .wrapperEpodani input.is-invalid:focus {
    border: 1px solid #b5babe;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperEpodani span.ico-none {
    padding: .375rem 1rem;
    height: 42px;
}

.wrapperEpodani h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperEpodani svg {
    width: 21px;
    height: 20px;
    margin: 0 10px 5px 0;
    color:#2b4f86;
}

.wrapperEpodani a.btnPriloha, .wrapperEpodani .btnUlozit {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: block;
    width: 140px;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-top: 20px;
}

.wrapperEpodani .btnUlozit {
        display: inline;
}

.wrapperEpodani a.btnPriloha svg, .wrapperEpodani .btnUlozit svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperEpodani a.btnPriloha:hover, .wrapperEpodani .btnUlozit:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Organizační struktura */
.tableOrgstr {
    background-color: #fff;
    color: #2b4f86;
    font-size: 15px;
    border: 1px solid #ecf2f7;
    width: 100%;
    text-align: left;
}

.tableOrgstr tr {
    line-height: 30px;
}

.tableOrgstr tr td {
    padding: 5px;
}

.tableOrgstr tr td svg {
    padding: 5px 5px 0px 15px;
    height: 25px;
    width: 51px;
}

/* Telefonní seznam */
.tableVyhledavaniSeznam tr th {  
    font-size: 12px;
    color: #000;
    font-weight: normal;
    padding: 10px 20px 0px 20px;
    background-color: #e7eef4;
    border: none;
}

.tableVyhledavaniSeznam {
    font-size: 12px;
    color: #2b4f86;
    padding: 5px 20px 22px 20px;
    background-color: #e7eef4;
    border: none;
}

.tableVyhledavaniSeznam tr td:hover {
    color: #2b4f86;
}

.tableVyhledavaniSeznam a {
    color: #2b4f86;
}

.tableVyhledavaniSeznam a:hover {
    text-decoration: none;
}

.tableVyhledavaniSeznam input[type="text"] {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 30px;
  background-color: #fff;
  padding: 5px 0 5px 10px;
  color: #000;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
  width: 160px;
}

.tableVyhledavaniSeznam input[type="text"]:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}

.tableVyhledavaniSeznam input[type="text"]:focus {
  color: #4b515d;
  outline: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.tableVyhledavaniSeznam input.kalendar, .tableVyhledavaniSeznam select.kalendar {
  display: inline-block;
  background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076.724%2087.685%22%3E%20%0A%20%20%3Cpath%20fill%3D%22%237689ab%22%20d%3D%22M0%2079.465a8.223%208.223%200%20008.22%208.22h60.284a8.223%208.223%200%20008.22-8.22V32.882H0v46.583zm54.803-33.567c0-1.13.925-2.055%202.055-2.055h6.85c1.131%200%202.056.924%202.056%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.056-2.055v-6.85zm0%2021.92c0-1.13.925-2.054%202.055-2.054h6.85c1.131%200%202.056.925%202.056%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.056-2.055v-6.85zm-21.921-21.92c0-1.13.925-2.055%202.055-2.055h6.85c1.13%200%202.056.924%202.056%202.055v6.85c0%201.13-.925%202.055-2.056%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zm0%2021.92c0-1.13.925-2.054%202.055-2.054h6.85c1.13%200%202.056.925%202.056%202.055v6.85c0%201.13-.925%202.055-2.056%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zM10.96%2045.899c0-1.13.924-2.055%202.055-2.055h6.85c1.13%200%202.055.924%202.055%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zm0%2021.92c0-1.13.924-2.054%202.055-2.054h6.85c1.13%200%202.055.925%202.055%202.055v6.85c0%201.13-.925%202.055-2.055%202.055h-6.85a2.061%202.061%200%2001-2.055-2.055v-6.85zM68.504%2010.96h-8.22V2.74A2.748%202.748%200%200057.543%200h-5.481a2.748%202.748%200%2000-2.74%202.74v8.22H27.402V2.74A2.748%202.748%200%200024.662%200H19.18a2.748%202.748%200%2000-2.74%202.74v8.22H8.22A8.223%208.223%200%20000%2019.181v8.22h76.724v-8.22a8.223%208.223%200%2000-8.22-8.22z%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  padding-left: calc(1.5em + 0.75rem);
  background-position: center left calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  margin: 10px 20px 0 0;
}

/*script - kalendář */
.datepicker {
    z-index: 2010 !important;
}

/* barva pozadí - script - kalendář */
.table-condensed {
    background-color: #fff;
}

/* Btn vyhledávání a zrušení filtru */
.tableVyhledavaniSeznam .btnSearch {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    border: none;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 10px;
}


.tableVyhledavaniSeznam .btnSearch svg, .tableVyhledavaniSeznam a.filtr svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.tableVyhledavaniSeznam .btnSearch:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.tableVyhledavaniSeznam select {
  border: 1px solid #cccccc;
  border-radius: 5px;
  height: 30px;
  background-color: #fff;
  box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
  width: 160px;
  color: #747474;
  margin-right: 20px;
}

.tableSvozy {
	table-layout: fixed;
}

.tableSvozy td {
	background-color: #ffffff;
	border: none;
	width: 3.333333%;
}

/* obal formulař head - buttons */
.wrapperHeadForm {
    background-color: #fff;
    color: #777;
    margin-bottom: 40px;
}

/* Formulář head - btn odeslat */
.wrapperHeadForm a.btnOdeslat {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 10px;
}

.wrapperHeadForm a.btnOdeslat::after {
    content: "Odeslat formulář";
  }

.wrapperHeadForm a.btnOdeslat svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperHeadForm a.btnOdeslat:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Formulář head - btn default */
.wrapperHeadForm a.btnDefault {
    font-size: 13px;
    color: #2b4f86 !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #fff;
    background-image: linear-gradient(to left, transparent, transparent 50%, #e7eef4 50%, #e7eef4);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 10px;
    border: 1px solid #2b4f86;
}

.wrapperHeadForm a.btnDefault svg {
    width: 15px !important;
    height: 15px !important;
    color: #2b4f86 !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperHeadForm a.btnDefault:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border: 1px solid #2b4f86;
}

/* Formulář head - btn tisk do PDF - text */
.wrapperHeadForm a.btnPdf::after {
    content: "Export do PDF";
  }
  
/* Formulář head - btn uložit - text */
.wrapperHeadForm .btnUlozit::after {
    content: "Uložit jako rozepsaný";
  }
  
/* Formulář head - btn zavřít - text */
.wrapperHeadForm a.btnZavrit::after {
    content: "Zavřít";
  }

/* Formulář - btn připojit přílohu */
.wrapperButtons a.btnPripojit {
    font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    margin-right: 0px;
}

.wrapperButtons a.btnPripojit svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 10px 0px 0 !important;
}

.wrapperButtons a.btnPripojit:hover {
    text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

/* Obal těla formuláře */

.wrapperForm input:read-only {
    background-color: #e9ecef;
}

.wrapperForm input:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperForm input:read-only:focus {
    border-color: #ced4da;
}

/* ikona inputu - zelena fajfka - http://www.asiteaboutnothing.net/c_decode-url.html */
.wrapperForm input.is-valid {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20248.351%20185.199%22%3E%3Cpath%20fill%3D%22%231ebe0d%22%20d%3D%22M84.351%20181.561L3.637%20100.847c-4.85-4.85-4.85-12.712%200-17.561l17.56-17.561c4.85-4.85%2012.713-4.85%2017.562%200l54.373%2054.372%20116.46-116.46c4.85-4.85%2012.713-4.85%2017.562%200l17.56%2017.561c4.85%204.85%204.85%2012.712%200%2017.561L101.912%20181.562c-4.85%204.85-12.712%204.85-17.56%200z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.wrapperForm input.is-valid, .wrapperForm input.is-invalid {
    border: 1px solid #ced4da;
}

.wrapperForm input.is-valid:focus, .wrapperForm input.is-invalid:focus {
    border: 1px solid #b5babe;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.wrapperForm span.ico-pvs {
    background: #e9ecef url(../img/ico-identita.png) 6px 7px no-repeat;
    padding: .375rem 1rem;
}

.wrapperForm span.iconConf, .wrapperForm span.ico-none, .wrapperForm span.ico-pvs {
    padding: .375rem 1rem;
    height: 42px;
}

.wrapperForm span.iconConf {
    padding: 0.375rem;
}

.wrapperForm svg.svgConf {
    height: 20px;
    width: 20px;
    color: #4f504f;
}

.wrapperForm {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
}

.wrapperForm h4 {
    font-size: 18px;
    font-weight: bold;
    color: #ce0202;
}

.wrapperForm h4 svg {
    width: 21px;
    height: 20px;
    margin: 0 10px 5px 0;
}

.wrapperForm h5, .wrapperButtons h5 {
    font-size: 18px;
    background-color: #e7eef4;
    color: #2b4f86;
    padding: 8px 0 8px 0;
    margin-bottom: 0;
    font-weight: bold;
}

.wrapperForm #inputSubjekt ,.wrapperForm #autoSizingInput{
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #edf1f4;
    padding: 5px 0 5px 10px;
    box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.07);
    font-size: 14px;
    color: #505152;
    width: 220px;
}

.wrapperForm #autoSizingInput {
    background-color: #fff;
}

.identitaLogo {
    padding: 10px;
    margin: 20px 50px 0px 50px;
}




 /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
}

/* Style the social media icons with color */
.icon-bar a:hover {
  background-color: #000;
}

.face {
  color: #fff;
  background-color: #2b4f86;
  background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #000 50%,
                                      #000);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
}

.face:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.face svg {
    width: 23px;
    height: 23px;
    color: #fff;
    fill: #fff;
}

.face:hover svg {
    color: #fff;
    fill: #fff;
}

.insta {
  color: #fff;
  background-color: #55ACEE;
  background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #000 50%,
                                      #000);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
}

.insta:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.insta svg {
    width: 23px;
    height: 23px;
    color: #fff;
    fill: #fff;
}

.insta:hover svg {
    color: #fff;
    fill: #fff;
}

.glasses {
  color: #fff;
  background-color: #dd4b39;
  background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #000 50%,
                                      #000);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
}

.glasses:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.glasses svg {
    width: 23px;
    height: 23px;
    color: #fff;
    fill: #fff;
}

.glasses:hover svg {
    color: #fff;
    fill: #fff;
}

.tisk {
  color: #fff;
  background-color: #007bb5;
  background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #000 50%,
                                      #000);
  background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
}

.tisk:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.tisk svg {
    width: 23px;
    height: 23px;
    color: #fff;
    fill: #fff;
}

.tisk:hover svg {
    color: #fff;
    fill: #fff;
}

/* search - accordion - faktury */
#panelsStayOpen-headingOne .accordion-button::after {
    margin-left:0!important;
    margin-right: 10px;
    order: -1;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232b4f86'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

#panelsStayOpen-headingOne .accordion-button {
    color: #2b4f86;
    box-shadow: none;
}

#panelsStayOpen-headingOne .accordion-button:hover {
    text-decoration: none;
}

.progress .progress-bar {
        -moz-animation-name: animateBar;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-in;
        -moz-animation-duration: 2.0s;

        -webkit-animation-name: animateBar;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in;
        -webkit-animation-duration: 2.0s;

        animation-name: animateBar;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 2.0s;
    }

    @-moz-keyframes animateBar {
        0% {-moz-transform: translateX(-100%);}
        100% {-moz-transform: translateX(0);}
    }
    @-webkit-keyframes animateBar {
        0% {-webkit-transform: translateX(-100%);}
        100% {-webkit-transform: translateX(0);}
    }
    @keyframes animateBar {
        0% {transform: translateX(-100%);}
        100% {transform: translateX(0);}
    }

.progress {
    margin: 30px;
}

.accordion-item {
  border: 1px solid #e7eef4;
}

a.btnOpen svg.dwl {
    transform: rotate(90deg);
    color: #2b4f86 !important;
}

a.btnOpen svg.mejl {
    color: #2b4f86 !important;
}

.modal-vyhody a {
    color: #2b4f86;
}

.modal-vyhody a:hover {
    text-decoration: none;
}

.header {
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #04AA6D;
  width: 0%;
}

.volbyContainer > div:not(:last-child) {
	padding-bottom: 10px !important;
}

.strankaLink, .strankaLink:link, .strankaLink:visited {
	font-size: 16px;
	color: #2b4f86;
}

.block-center {
	margin: 0 auto;
}

.formPageWrapper {
	width: 100%;
	background-color: #ffffff;
	padding: 0 20px;
	min-width: 1024px;
}
.formPageWrapper > .container-fluid {
	max-width: 1024px;
	margin: 0 auto;
	padding-left: 0;
}

.fixed-top-form-header {
	width: 100%;
	max-width: 1024px;
	transform: translateX(2px);
}

.statistikyOptions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	
	list-style: none;
}

.strankaLink:hover {
	text-decoration: none;
	color: #2b4f86;
}

.statistikyButton {
	font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border-left: none; 
    padding: 8px 15px 8px 15px;
    text-align: left;
    display: inline-block;
    border: none;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}
.statistikyButton:hover {
	text-decoration: none;
    border-left: none;  
    cursor: pointer;
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.volbyInfoText {
	font-size: 16px;
	padding-bottom: 10px;
	color: #777;
}

.volbyJmenoPrijmeni {
	display: flex;
	gap: 10px;
	align-items: center;
	
	font-size: 18px;
	color: #2b4f86;
	font-weight: 700;
	
	
}
.volbyJmenoPrijmeni svg {
	width: 20px;
	height: 20px;
	fill: #2b4f86;
	color: #2b4f86;
}

.userAdresaVolby {
	font-size: 16px;
	padding-left: 45px;
	color: #777;
}

.volbyCisloOkrsku {
	font-size: 18px;
	color: #2b4f86;
	font-weight: 700;
	
	padding-left: 28px;
	padding-top: 16px;
}

.volbyVolebniMistnost {
	font-size: 16px;
	padding-left: 45px;
	color: #777;
}

.volbyNazevVoleb {
	font-size: 18px;
	color: #ce0202;
	font-weight: 700;
	text-transform: uppercase;
	
	padding-top: 16px;
	padding-bottom: 10px;
}

.volbyTerminy {
	padding-left: 28px;
	
	color: #777;
}
.volbyTerminy table {
	background-color: transparent;
}
.volbyTerminy table td {
	font-size: 16px;
}

.terminIkonaVolby {
	padding-right: 10px;
}
.terminIkonaVolby svg {
	width: 20px;
	height: 20px;
	fill: #2b4f86;
	color: #2b4f86;
}

.terminKoloVolby {
	font-weight: 700;
	padding-right: 5px;
}

.zadneVolbyText {
	font-size: 16px;
	text-align: center;
	color: #777;
}

.loginButton {
	display: block;
    width:454px;
    padding: 16px;
    margin: 0px auto 10px auto;
    border: 2px solid #b2c1d5;
    
    font-size: 20px;
    text-align: center;
    text-decoration: none;
}
.loginButton:hover {
    border: 2px solid #3363a6;
}

.zadneDotace {
	font-size: 16px;
	color: #777777;
}

.zadneZaznamyKZobrazeni {
	font-size: 16px;
	color: #777777;
}

.statusDivWrapper {
	margin: 135px 30px 25px 30px;
	padding: 25px 30px;
	background-color: #facaca;
	
	font-size: 16px;
	color: #ce0202;
}
.statusDivWrapper-Success {
	background-color: rgb(202, 251, 203);
	color: rgb(38, 206, 2);
}

.zadne-platby {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	
	padding: 45px;
	
	background-color: #f8f8f8;
	border-top: 1px solid #2b4f86;
}
.zadne-platby svg {
	width: 40px !important;
	height: 40px !important;
	color: #7f8faf !important;
}
.zadne-platby span {
	font-size: 18px;
	color: #2b4f86;
}

.zadne-platby--no-border {
	border-top: none;
}

.zadny-zaznam-message {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 30px 20px;
}
.zadny-zaznam-message svg {
	width: 30px;
	height: 30px;
	color: #7f8faf;
}
.zadny-zaznam-message span {
	font-size: 18px;
	color: #7f8faf;
}

/* začátek - první přihlášení modal */
#userModal {
  display: none;
}

#userModal h1{
  border-bottom: none;
  background-color: unset !important;
  padding-left: 0;
  font-weight: 700;
  color: #bd1314;
  font-size: 20px;
}

#userModal fieldset h4{
	font-size: 18px;
  	color: #193f7b !important;
  	padding: 0;
}

#userModal .modal-dialog {
      width: 100%;
      max-width: 900px;
}

@media (max-width: 576px) {
	#userModal .modal-dialog {
		margin: 0;
	}
}

#userModal .modal-content {   
		background-color: #ECF2F7 !important;
		padding: 20px;
}

#userModal .modal-body, #userModal .modal-footer {
	padding: 0;
	padding-top: 20px;
}

#userModal .modal-header {
	padding: 0;
	padding-bottom: 10px;
}

#userModal label {
	width: unset !important;
}

#userModal .labelModalDialog {
	width: 200px;
	float: left;
	margin-top: 5px;
}

#userModal fieldset {
	margin: unset !important;
}

#userModal fieldset div{
	padding: unset ;
	padding-top: 5px !important;
}

#userModal .kontaktMessage{
	margin-bottom: 10px;
}

.userModalTelefon {
	width: 300px;
	display: flex;
}

.userModalEmail {
	width: 300px;	
}

.itemKontaktEmail {
	width: 178px;
}

.labelKontaktModalDialog {
	float: left;
	margin-top: 5px;
	width: 100px;	
	flex-shrink: 0;
}

@media (max-width: 700px) {
	.userModalKontaktContainer {
		display: flex;
		flex-direction: column;
	}	
}

.userModalInputValidationFeedback {
	font-size: 10px;
	color: #bd1314;
	padding-right: 16px !important;
}
.userModalInputValidationFeedback--withPadding {
	padding-left: 100px !important;
}

.userModalAdresaContainer {
	display: flex;
}

@media (max-width: 434px) {
	.userModalAdresaContainer {
		flex-direction: column;		
	}
}

.userModalTelephoneInput::-webkit-outer-spin-button,
.userModalTelephoneInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
  	margin: 0;
}
.userModalTelephoneInput {
	width: 114px !important;
	width: auto;
	-moz-appearance: textfield;
}

.userModalKontaktLeft, .userModalItemHromadneZpravy, .userModalItemEud {
	float: left;
}


.userModalItemHromadneZpravy, .userModalItemEud {
	margin-right: 10px;
	margin-top: 5px;
}

.eudPuvodceColumn {
	max-width: 200px;
}

.userModalLabelHromadneZpravy, .userModalLabelEud {
	margin-top: 7px;
}

.userModalChyba{
	display: none;
	margin-top: 20px;
	background-color: #ff6666;
	margin-bottom: 20px;
	padding-bottom: 20px !important;
	font-weight: bold;
}

.userModalChybaIcon{
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 100px;
}

.userModalChybaIkona {
	width: 40px; 
}

.userModalChybaText {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalPotvrzeniIcon {
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	display: flex;
	align-items: center;
}

.userModalNepotvrzeniIcon {
	flex: 0 0;
	float: left;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 5px !important;
	height: 100px;
	display: flex;
	align-items: center;
}

@media (max-width: 567px) {
	.userModalNepotvrzeniIcon {
		display: none;
	}
}

.userModalPropojeni {
	background-color: #B1D99B;
	margin-bottom: 20px;
	font-weight: bold;
}

.userModalPotvrzeniTextGreen {
	color: #28a745;
}	

.userModalPotvrzeniText {
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalNepropojeni {
	background-color: #F9EAB6;
	margin-bottom: 20px;
	font-weight: bold;
	
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-bottom: 5px !important;
}

.userModalNepotvrzeniTextOrange {
	color: #EB9600;
}	

.userModalNepotvrzeniText {
	/*padding-bottom: 10px !important;*/
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.userModalNadpisText {
	float: left;	
}

.userModalNadpisIcon {
	text-align: right;
}

.userModalIdentita {
	height: 60px;
}

.userModalPotvrzeniIkona {
	width: 100%;
	height: 100%;
}

.userModalNepotvrzeniIkona {
	width: 40px;
	padding-bottom: 5px !important;
}
.userModalNepotvrzeniIkona svg {
	width: 100%;
	height: 100%;
}

.userModalButtonIcon {
	height: 16px;
}

.userModalButtonText {
	float: right;
	padding-left: 10px;
}

.userModalZasilatInfo {
	height: 16px;
	padding-left: 5px;
	padding-top: 2px; 
	
	position: relative;
	bottom: 3px;
}

#userModal legend {
	display: none;
}

#userModal .btn-primary {
	background-color: #2b4f86;
	border-radius: 0;
	background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
	background-position: 100% 0;
	background-size: 200% 100%;
	transition: all .25s;
}
#userModal .btn-primary:hover {
	background-position: 0 0;
}
#userModal .btn-primary svg {
	fill: #7ac771;
}

#userModal hr {
	border: none;
	height: 1px;
	opacity: 1;
	width: 100%;
	background-color: #dee2e6;
	margin: 20px 0;
}

/* konec - první přihlášení modal */

.rzs-search-result-row {
	display: flex;
	gap: 4px;
}
.rzs-search-result-row :first-child {
	width: 70px;
	text-align: right;
}
.rzs-search-result-pages {
	margin-bottom: 15px !important;
}

.dropdown-toggle-with-overflow-span {
	display: flex;
	align-items: center;
}

.dropdown-toggle-with-overflow-span span {
	pointer-events: none;
	display: block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.dropdown-menu-with-side-padding {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pagination {
	white-space: nowrap;
}
.pagination-page-buttons {
	display: flex;
}
.pagination-page-buttons .page-item:first-child .page-link {
	border-radius: 0;
	border-left: none;
}
.pagination-page-buttons .page-item:last-child .page-link {
	border-radius: 0;
	border-right: none;
}

.welcome-text {
	font-size: 20px;
}

.info-text {
	font-size: 20px;
	text-align: center;
}

.dropdown-menu-arrow-icon {
	width: 100%;
	margin-top: 0;
	padding-top: 0 !important;
	padding-bottom: 10px;
}
.dropdown-menu-arrow-icon svg {
	width: 10px;
	height: 10px;
	fill: #ce0202;
	display: block;
	transform: rotate(90deg);
	margin-left: 58px;
	
}

.dropdown-menu[data-bs-popper] {
	top: auto;
	left: auto;
	margin-top: 0;
}

.test-login-table {
	padding: 0 20px 20px;
	font-size: 16px;
}
.test-login-table > table {
	background-color: rgb(199, 215, 228);
	width: 100%;
}
.test-login-table th {
	padding: 8px;
}
.test-login-table > table > tbody table td {
	padding: 8px;
}
.test-login-table > table > tbody table {
	width: 100%;
	background-color: transparent;
}
.test-login-table input {
	width: 100%;
}
.test-login-table > table > thead {
	text-align: center;
	background-color: rgb(172, 197, 217);
}
.test-login-table button {
	background-color: #fff;
	font-family: inherit;
	font-size: 16px;
	border: 2px solid #2b4f86;
	color: #2b4f86;
}
.test-login-table button:hover {
	background-color: #ecf2f7;
}
.test-login-table > table > tbody table tr:last-child {
	text-align: right;
}
.test-login-table > table > tbody > tr:nth-child(even) {
	background-color: #fff;
}

.btn-secondary {
	cursor: pointer;
}

.no-text-wrap {
	white-space: nowrap;
}

.toast-progress-bar {
	width: 100%;
	height: 3px;
	background-color: #d8f0d8;
}

.toast-progress-bar-slider {
	height: 100%;
	background-color: #91ed91;
}

.toast-progress-bar--error {
	background-color: #f0dfd8;
}
.toast-progress-bar--error .toast-progress-bar-slider {
	background-color: #e8a082;
}

.toast-progress-bar--info {
	background-color: #cfe2ff;
}
.toast-progress-bar--info .toast-progress-bar-slider {
	background-color: #9ac2fc;
}

.uvodFoto {
	position: relative;
	opacity: 0.7;
}
.uvodFoto > div {
	position: absolute;
	top: 0;
	left: 12px;
	width: calc(100% - (var(--bs-gutter-x) * .5) - 12px);
	height: 100%;
	background-color: #fff;
}
.uvodFoto > div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: calc(100% - 30px);
}

.alert {
	border-radius: 0;
}

.jizUhrazenePoplatekRow:has(> .poplatekDropdownColumn > .dropdown-menu.show) > td  {
	background-color: #e1e8ee !important;
}

.cizi-predpis-modal-text {
	color: #777;
	margin-bottom: 8px;
}
.cizi-predpis-modal-table {
	font-size: 15px;
	color: #777;
	width: 100%;
	background-color: transparent;
	text-align: right;
}

.cizi-predpis-modal-table--greyed-out {
	color: #bbb;
}

.cizi-predpis-modal-text-with-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: #777;
	margin-bottom: 8px;
}
.cizi-predpis-modal-text-with-icon svg {
	width: 30px;
	height: 30px;
}
.cizi-predpis-modal-text-with-icon p {
	margin-bottom: 0;
}

.cizi-predpis-modal-table th, .cizi-predpis-modal-table td {
	padding: 5px;
	font-size: 15px;
}
.cizi-predpis-modal-table th:first-child, .cizi-predpis-modal-table td:first-child {
	padding-left: 0;
}
.cizi-predpis-modal-table th:nth-child(4), .cizi-predpis-modal-table td:nth-child(4) {
	text-align: right;
}
.cizi-predpis-modal-table th:last-child, .cizi-predpis-modal-table td:last-child {
	width: 150px;
	padding-right: 0;
}
.cizi-predpis-modal-table__uhradit-row > td {
	padding-top: 15px;
	font-weight: 700;
}
.cizi-predpis-modal-table__celkem-uhradit-row {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.cizi-predpis-modal-table__vybrat-k-uhrade-button {
	font-size: 13px;
    color: #fff !important;
    text-decoration: none;
    border: none;
    padding: 10px;
    text-align: center;
    display: inline;
    background-color: #2b4f86;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #466697 50%,
                                      #466697);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 100%;
}
.cizi-predpis-modal-table__vybrat-k-uhrade-button:hover {
	background-position: 0 0;
}
.cizi-predpis-modal-table__vybrat-k-uhrade-button svg {
    width: 15px !important;
    height: 15px !important;
    color: #fff !important;
    text-decoration: none;
    margin: -2px 5px 0px 0 !important;
}
.cizi-predpis-modal-table__vybrat-k-uhrade-button:disabled {
	filter: grayscale(100%);
	background-position: 100% 0;
	cursor: arrow;
}
.cizi-predpis-modal-body__horizontal-rule {
	border: none;
	height: 1px;
	background-color: #ddd;
}

.cizi-predpis-modal-table-chci-uhradit-cell {
	display: flex;
	gap: 6px;
	justify-content: flex-end;
	align-items: center;
}
.cizi-predpis-modal-table-chci-uhradit-cell > input {
	max-width: 100px;
}

.btnZobrazitUdaje, .btnZobrazitUdaje:hover, .btnZobrazitUdaje:active {
	color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 7px 20px 7px 20px;
    text-decoration: none;
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #21901f 50%,
                                      #21901f);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    line-height: 1.5;
}
.btnZobrazitUdaje:hover {
	background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.modal-dotace-akce-list {
	list-style: none;
	padding-left: 0;
}
.modal-dotace-akce-list > li {
	margin-bottom: 16px;
}

.table-loading-spinner, .loading-spinner {
	border-color: #ce0202;
	border-right-color: transparent;
	margin: 0 auto;
	display: block;
}
.table-loading-spinner .sr-only, .loading-spinner .sr-only {
	font-size: 0;
}

.formular-loading-spinner {
	border-color: #ce0202;
	border-right-color: transparent;
}

.status-toast-body {
	text-align: left;
	display: flex;
	align-items: center;
}
.status-toast-body > svg {
	flex-shrink: 0;
	color: #5B5B5B;
	fill: #5B5B5B;
}

.cookie-panel {
	display: none;
	
	position: fixed;
	z-index: 90000;
	left: 0;
	bottom: 0;
	width: 100vw;
	
	background-color: #e1e8ee;
	
	padding: 16px 32px;
	box-shadow: 0 .2px 10px rgba(0, 0, 0, 0.4);
}
.cookie-panel--visible {
	display: block;
}
.cookie-panel__message {
	font-size: 15px;
	color: #2b4f86;
	text-align: center;
	padding-bottom: 0;
}
.cookie-panel__buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}
.cookie-panel__button {
	font-family: inherit;
	font-size: 15px;
	display: inline-block;
	color: #2b4f86;
	border: 1px solid #2b4f86;
	text-align: center;
	text-decoration: none;
	padding: 10px 15px;
}
.cookie-panel__button:hover {
	background-color: #2b4f86;
	color: #ffffff;
}

.patickaVeraTextLink, .patickaVeraTextLink:link, .patickaVeraTextLink:visited {
	font-size: 12px !important;
	display: inline !important;
	text-decoration: none !important;
	color: #777 !important;
}
.patickaVeraTextLink:hover {
	text-decoration: underline !important;
}

.success {
	background-color: #0a8507 !important;
}
.successHeader {
	border-color: #0a8507 !important;
	background-color: #0a8507 !important;
	background-image: none !important;
	color: #ffffff !important;
	padding: 30px 15px !important;
	
	display: flex !important;
	align-items: center !important;
	gap: 15px !important;
}
.successHeader svg {
	display: block !important;
	width: 30px !important;
	height: 30px !important;
	color: #fff !important;
	fill: #fff !important;
	flex-shrink: 0 !important;
}

.patickaMapaDoNovehoOknaContainer {
	position: relative;
	z-index: 1020;
	background-color: transparent;
}

.leaflet-control-attribution {
	padding-right: 15px;
}
.leaflet-control-attribution a {
	font-size: 0.75rem !important;
	white-space: nowrap;
	display: inline !important;
	margin-bottom: 0 !important;
}

.successHeaderRedirect {
	justify-content: center;
}
.successHeaderRedirect > svg {
	width: 30px;
	height: 30px;
	fill: #fff;
}
.successHeaderRedirect a {
	color: #fff;
	text-decoration: underline;
	display: inline;
}

.wrapperZruseniEudNotifikace {
	background-color: #fff;
}

.zruseni-eud-notifikace-form {
	margin: 0 auto;
	max-width: 300px;
	padding: 0 15px 40px;
}

.zruseni-eud-notifikace-form button {
    color: #fff;
    background-color: #0a8507;
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;    
    background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #21901f 50%,
                                      #21901f);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    
    margin-top: 8px;
    width: 100%;
}
  
.zruseni-eud-notifikace-form button:hover {
    background-position: 0 0;
    color: #fff;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.zruseni-eud-notifikace-form label {
	padding-left: 0;
	font-size: 14px;
}

.table-head-input {
	font-family: inherit;
	border: 1px solid #777777;
	color: #777777;
	box-shadow: inset rgba(119, 119, 119, 0.2) 0px 0px 10px -1px;
	border-radius: 2px;
	
	width: 100%;
	
	padding-left: 5px;
	padding-right: 5px;
}

.zadne-platby--nic-nenalezeno {
	position: relative;
	top: -1rem;
	padding-top: 30px;
	padding-bottom: 30px;
}

.zaplatitFormInputsLayout {
	display: flex;
	justify-content: space-between;
	background-color: #f8f8f8;
	
	padding: 20px;
}
.zaplatitFormInputsLayout__obchodniPodminky {
	font-size: 12px;
	color: #2b4f86;
	text-decoration: underline;
	
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.zaplatitFormInputsLayout__obchodniPodminky svg {
	width: 21px;
	height: 21px;
	color: #2b4f86;
}
.zaplatitFormInputsLayout__topInputs {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	
}
.zaplatitFormInputsLayout__inputItem {
	display: flex;
	align-items: center;
	gap: 4px;
}

#zaplatitForm label
{
	padding: 0.75rem 1.5rem;
}

#zaplatitForm .row
{
	margin-bottom: 0.75rem;
}

#tableMojePodani tr td a:hover svg {
  fill: #2b4f86 !important;
}

@media (max-width: 990px) {
	.responsive-pagination-container {
		display: grid;
		grid-template:
          "left-space pagination-info right-space" auto
          "left-space pagination right-space" auto / 8.33333333% 83.33333333% 8.33333333%;
	}
	
	.responsive-pagination-container > div {
		width: auto;
	}
	
	.responsive-pagination-container > :nth-child(1) {
		grid-area: left-space;
	}
	
	.responsive-pagination-container > :nth-child(2) {
		grid-area: pagination-info;
		padding-bottom: 16px;
	}
	.responsive-pagination-container > :nth-child(2) * {
		text-align: center;
	}
	
	.responsive-pagination-container > :nth-child(3) {
		grid-area: pagination;
	}
	
	.responsive-pagination-container > :nth-child(4) {
		display: none;
	}
	
	.responsive-pagination-container > :nth-child(5) {
		grid-area: right-space;
	}
	
	.responsive-pagination-container .infoPgn {
		padding-left: 0;
	}
}



@media (max-width: 500px) {
	.table-splatnost-column {
		display: none;
	}	
}
	
@media (min-width: 1000px) {
	.poplatekDropdownColumn > .dropdown-menu.show {
		display: none;
	}
	.poplatekDropdownColumn:hover > .dropdown-menu {
		display: block;
	}
	.jizUhrazenePoplatekRow:has(> .poplatekDropdownColumn > .dropdown-menu.show) > td  {
		background-color: #f8f8f8 !important;
	}
}

@media (max-width: 1652px) {
    .infoPgn {
        display: none;
    }
    .wrapperRzs a.btnForm {
    font-size: 12px;
    width: 170px;
    }
} 

@media (max-width: 1450px) {
    .display-1450-none {
        display: none !important;
    }
    .uvodFoto {
        display: none;
    }
    .respoSirka1450 {
        width: 83.35%;
    }  
    .scrollToTop {
        display: none !important;
    }   
    .wrapperRzs .oblastHeightMedia {
        height: 185px !important;
        padding-top: 150px !important;
        background-position: center center; /*central img na stred*/
        padding-bottom: 55px;
    }
}

@media (max-width: 1270px) {
    .brandFirstLine, .brandSecondLine {
        display: none;
    }
    .brand {
        left: 50%;
    }      
}

@media (max-width: 575px) {
	.cizi-predpis-modal-table table, .cizi-predpis-modal-table th, .cizi-predpis-modal-table td, .cizi-predpis-modal-table tr {
		display: block;
	}
	.cizi-predpis-modal-table th {
		display: none;
	}
	/*.cizi-predpis-modal-table__predpis-row {
		margin-bottom: 15px;
	}*/
	.cizi-predpis-modal-table__predpis-row td {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #cdcdcd;
		padding-left: 0;
		padding-right: 0;
	}
	.cizi-predpis-modal-table__predpis-row td:first-child {
		font-weight: 700;
		border-color: #000;
		padding-top: 15px;
	}
	.cizi-predpis-modal-table__predpis-row td:first-child::before {
		content: "Období";
	}
	.cizi-predpis-modal-table__predpis-row td:nth-child(2)::before {
		content: "Splatnost";
	}
	.cizi-predpis-modal-table__predpis-row td:nth-child(3)::before {
		content: "Částka";
	}
	.cizi-predpis-modal-table__predpis-row td:nth-child(3) {
		border-color: #000;
	}
	.cizi-predpis-modal-table__predpis-row td:last-child {
		display: none;
	}
	
	.cizi-predpis-modal-table__uhradit-row {
		display: flex !important;
		justify-content: space-between;
	}
	.cizi-predpis-modal-table__uhradit-row td:nth-child(2),
	.cizi-predpis-modal-table__uhradit-row td:last-child {
		display: none;
	}
	
	.cizi-predpis-modal-table-chci-uhradit-cell {
		padding-right: 0 !important;
	}
	.cizi-predpis-modal-table-chci-uhradit-cell > span {
		display: none;
	}
	
	.cizi-predpis-modal-table__chci-uhradit-row {
		display: flex !important;
		justify-content: space-between;
		flex-wrap: wrap;
		border-top: 1px solid #000;
	}
	.cizi-predpis-modal-table__chci-uhradit-row td:nth-child(2) {
		display: none;
	}
	.cizi-predpis-modal-table__chci-uhradit-row td:last-child {
		width: 100%;
	}
	
	.cizi-predpis-modal-table__vybrat-k-uhrade-button {
		width: auto;
	}
	
	.cizi-predpis-modal-table__celkem-uhradit-row {
		display: flex !important;
		justify-content: space-between;
		flex-wrap: wrap;
		border-color: #000;
	}
	.cizi-predpis-modal-table__celkem-uhradit-row td:nth-child(2) {
		display: none;
	}
	
	.cizi-predpis-modal-table__celkem-uhradit-row td:last-child {
		width: 100%;
	}
	
	.cizi-predpis-modal-table__celkem-uhradit-qr-code-row td:not(:last-child) {
		display: none;
	}
	.cizi-predpis-modal-table__celkem-uhradit-qr-code-row td {
		width: 100% !important;
	}
	
	.cizi-predpis-modal-br {
		display: none;
	}
}

@media (max-width: 1199px) {
    .display-1199-none {
        display: none !important;
    }
    .display-1199 {
        display: block !important;
    }
    .emailText {
        font-size: 12px !important;
        width: 280px !important;
    }
    .zaplatitTable a {
        font-size: 12px !important;    
    }
    #exampleModal13 div.img, .stav-podani-modal div.img, .table-page-detail-modal div.img {
        margin: 12px 30px 0 0;
    }

    #exampleModal13 div.adresa, .stav-podani-modal div.adresa, .table-page-detail-modal div.adresa {
        padding: 20px 0 0 30px;
    }

    #exampleModal13 h4, .stav-podani-modal h4, .table-page-detail-modal h4 {
        padding: 25px 0 20px 15px;
    }
    
    .wrapperRzs .oblastHeightMedia {
        height: 195px !important;
        padding-top: 150px !important;
    }
    
    .wrapperZPOdetail a {
        margin-top: 20px;
    }
    
    /* moje dotace - žádosti - sloupce do radku */    
	#tableMojeDotace table, #tableMojeDotace thead, #tableMojeDotace tbody, #tableMojeDotace th,
		#tableMojeDotace td, #tableMojeDotace tr {
		display: block;
	}

     #tableMojeDotace td:nth-child(3), #tableMojeDotace td:nth-child(7) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableMojeDotace thead tr {
		display: none;
	}
	#tableMojeDotace tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableMojeDotace td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 30px;
	}
	#tableMojeDotace td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableMojeDotace td:nth-of-type(1):before { content: "Název dotace"; }
    #tableMojeDotace td:nth-of-type(2):before { content: "Datum podání"; }
    #tableMojeDotace td:nth-of-type(3):before { content: "Zdroj"; }
    #tableMojeDotace td:nth-of-type(4):before { content: "Stav žádosti"; }
    #tableMojeDotace td:nth-of-type(5):before { content: "Vyřizuje"; }
    #tableMojeDotace td:nth-of-type(6):before { content: "Požadovaná částka"; }
    #tableMojeDotace td:nth-of-type(7):before { content: "Schválená částka"; }
    #tableMojeDotace td:nth-of-type(8):before { content: "Akce"; }
    #tableMojeDotace td:nth-of-type(9):before { content: "Přílohy"; }
    #tableMojeDotace td:nth-of-type(10):before { content: "Vyúčtovat do"; }
    
    #tableMojeDotace tr td { text-align: left !important; }
    
    /* moje dotace - vyúčtování - sloupce do radku */    
	#tableMojeDotaceVyu table, #tableMojeDotaceVyu thead, #tableMojeDotaceVyu tbody, #tableMojeDotaceVyu th,
		#tableMojeDotaceVyu td, #tableMojeDotaceVyu tr {
		display: block;
	}

     #tableMojeDotaceVyu td:nth-child(3), #tableMojeDotaceVyu td:nth-child(7) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableMojeDotaceVyu thead tr {
		display: none;
	}
	#tableMojeDotaceVyu tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableMojeDotaceVyu td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 30px;
	}
	#tableMojeDotaceVyu td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableMojeDotaceVyu td:nth-of-type(1):before { content: "Název dotace"; }
    #tableMojeDotaceVyu td:nth-of-type(2):before { content: "Datum podání"; }
    #tableMojeDotaceVyu td:nth-of-type(3):before { content: "Zdroj"; }
    #tableMojeDotaceVyu td:nth-of-type(4):before { content: "Stav žádosti"; }
    #tableMojeDotaceVyu td:nth-of-type(5):before { content: "Vyřizuje"; }
    #tableMojeDotaceVyu td:nth-of-type(6):before { content: "Požadovaná částka"; }
    #tableMojeDotaceVyu td:nth-of-type(7):before { content: "Schválená částka"; }
    #tableMojeDotaceVyu td:nth-of-type(8):before { content: "Akce"; }
    #tableMojeDotaceVyu td:nth-of-type(9):before { content: "Přílohy"; }
    #tableMojeDotaceVyu td:nth-of-type(10):before { content: "Vyúčtovat do"; }
    
    #tableMojeDotaceVyu tr td { text-align: left !important; }  
    
    /* Ikono nove podani a nova dotace na index page */
    .novePodani {
        background-color: #ecf2f7;
        background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #ecf2f7 50%,
                                      #ecf2f7);  
        padding-right:0;  
    }

    .novaDotace {
        background-color: #fff;
        background-image: linear-gradient(to left,
                                      transparent,
                                      transparent 50%,
                                      #fff 50%,
                                      #fff);  
        padding-right:0;  
    }
        
    .novePodani::after {
        content: "";
    }
    
    .novaDotace::after {
        content: "";
    }
    
    .novePodani svg, .novaDotace svg {
        fill: #2b4f86;
        margin-top: -2px;
    } 
    .btn-modal-zavrit-poplatek {
    margin-left: 315px !important;
    }

/* detail poplatku - sloupce do radku */    
    #tableDetailPoplatek table, #tableDetailPoplatek thead, #tableDetailPoplatek tbody, #tableDetailPoplatek th,
		#tableDetailPoplatek td, #tableDetailPoplatek tr {
		display: block;
	}
    
    /*znovu zviditelnim záznamy, které jsem schoval na 1250px*/
    #tableDetailPoplatek td:nth-child(2) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableDetailPoplatek thead tr {
		display: none;
	}
	#tableDetailPoplatek tbody tr:nth-child(even) td {
		background-color: #f8f8f8;
	}

	#tableDetailPoplatek td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 45px;
	}
	#tableDetailPoplatek td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
    /*tučná a podtržená první buňka každého řádku*/
    #tableDetailPoplatek td:nth-of-type(1) {font-weight: bold; border-bottom: 1px solid #000 !important;}
    
    /*texty pro každý řádek*/
    #tableDetailPoplatek td:nth-of-type(1):before { content: "Období";}
    #tableDetailPoplatek td:nth-of-type(2):before { content: "Částka"; }
    #tableDetailPoplatek td:nth-of-type(3):before { content: "Splatnost"; }
    #tableDetailPoplatek td:nth-of-type(4):before { content: "Uhrazeno"; }
    #tableDetailPoplatek td:nth-of-type(5):before { content: "K úhradě"; }
	#tableDetailPoplatek td:nth-of-type(6):before { content: "Chci uhradit"; }
	#tableDetailPoplatek td:nth-of-type(7):before { content: ""; }
    
    #tableDetailPoplatek tr td { text-align: left !important; }  
    
    /*poslední řádek z tabulky jinak - shrnutí celkové částky*/ 
    #tableDetailPoplatek tr.sum td {border-top: none !important; background-color: #ecf2f7 !important;}
    #tableDetailPoplatek tr.sum {border: 1px solid #2b4f86;}

    /*nepodržená první buňka posledního řádku - Celkem za období */
    #tableDetailPoplatek tr:last-child td:nth-of-type(1) { border: none !important; }    
    
    /*texty do posledního řádku - celkem - sumář*/
    #tableDetailPoplatek tr:last-child td:nth-of-type(1):before { content: "Celkem za období"; }
    #tableDetailPoplatek tr:last-child td:nth-of-type(2):before { content: "Částka"; }
    #tableDetailPoplatek tr:last-child td:nth-of-type(3):before { display: none; }
    #tableDetailPoplatek tr:last-child td:nth-of-type(4):before { display: none; }
    #tableDetailPoplatek tr:last-child td:nth-of-type(5):before { content: "K úhradě"; color: #2b4f86;}
	#tableDetailPoplatek tr:last-child td:nth-of-type(6):before { content: ""; }
	#tableDetailPoplatek tr:last-child td:nth-of-type(7):before { content: ""; }
    
    #tableDetailPoplatek tr td:first-of-type { border-bottom: 1px solid #2b4f86; }

}

@media (max-width: 1091px) {
    .display-1091-none {
        display: none;
    }

    /* objednávky online - schování řádku 2, 4 a 5 */
	#tableObjednavky td:nth-child(2) {
		display: none;
	}
	#tableObjednavky th:nth-child(2) {
		display: none;
	}    
}

@media (max-width: 1016px) {
    .wrapperVstupForm {
        height: 850px;
        background-image: none;
        background-color: #fff;
    }
    .wrapperVstupForm .table1 tr td div svg {
        display: none;
    }
    .wrapperVstupForm .table1 tr td div p {
        margin: 0 !important;
    }
}

@media (max-width: 700px) {
	.table-rok-vystaveni-column .btnSvozy {
		margin-left: 10px !important;
	}
}

@media (max-width: 500px) {
	.table-rok-vystaveni-column {
		font-size: 0 !important;
	}
	.table-rok-vystaveni-column .table-head-input {
		display: none;
	}
	.table-rok-vystaveni-column .btnSvozy {
		font-size: 15px !important;
		margin-left: 5px !important;
	}
}

@media (max-width: 991px) {
    .display-991-none {
        display: none !important;
    }
    
    .w-300 {
        width: 300px !important;
    }
    
    ul.nav li.nav-sub-item-content, ul.nav li.nav-sub-item-conten.active {
        padding-top: 10px;
    }

    .dropdown-divider {
        margin: 15px 250px 0 30px;
    }
    
    .wrapperPrehledPlateb {
        background: none !important;
    }
    
    .wrapperFoot {
        display: none;
    }
    
    .pata h4 {
        margin-top: 20px;
    }
        
    .wrapperFoot::after {
        background: none;    
    }
    .brandFirstLine, .brandSecondLine {
        display: block;
    }
    .brand {
        left: 50%;
    }
    .lines {
        border-left: none;
        border-right: none;
    }
    .line-right {
		border-right: none;
	}
    .h4-margin-991px, .blockRight {
        margin-top:30px !important;
        font-size: 18px;
    }
    
    .blockRight {
        font-size: 15px;
    }
    
    .napiste-nam {
        margin-right: 30px;
    }
    
    .wrapperRzs .oblastHeightMedia {
        height: 195px !important;
        padding-top: 150px !important;
    }

    /* menu a submenu burger */    
   .navbar-right {
        float: none;
    }
    
    .nav-item {
        width: auto;
    }
    
    .nav-item a {
		width: 100%;
        height: auto;
        text-align:left;
        padding:5px 5px 5px 15px;
    }
    
    ul.nav li, ul.nav li.active {
        padding-top: 0;
        line-height: 1.2;
    }
    
    ul.nav {
        margin-bottom: 0 !important;
    }
    
    .nav-item a svg {
        padding-right: 10px;
        width: 26px;
    }
    
    ul.dropdown-menu {
        padding: 10px 0 10px 0;
    }
      
    ul.dropdown-menu li a {
        height: 20px;
        margin: 5px 0 5px 0;
        border-left: 5px solid #fff;
        font-size: 15px;
        background-color: #fff;
    }

    ul.dropdown-menu li a:hover {
        border-left: 5px solid #d8dde7; 
        display: block;
        text-decoration: underline;
        cursor: pointer;
    }
        
    ul.dropdown-menu li .sipka {
    margin: 3px 30px 0 0;
    }

    /* hide menu - mobil */
   .showMenu {
        display: block !important;
    }

    .hideMenu, .hideBtn {
        display: none;
    }
    
    ul.nav li.active a, ul.nav li.active {
        background-color: #fff !important;
        color: #2b4f86;
    }
    
    ul.nav li.active a svg {
        color: #777;
    }
    
    .wrapperContentSubmenu li a {
        padding: 0;    
    }

    /* submenu - moje podani - prilohy */
    ul.dropdown-menu-prilohy li a.file {
        background: none;
        margin: 0;
        padding: 0;
        border-left: none;
        font-size: 12px;
    }
    
    .prvni::after {
        content: "";
    }

    .predchozi::after {
        content: "";
    }

    .dalsi::before {
        content: "";
    }
  
    .posledni::before {
        content: "";
    }

    .pvs a {
        width: auto !important;
    }
    
    .btn-modal-zavrit-poplatek {
        margin-left: 20px !important;
    }
    
    .cislo-uctu, .var-sym  {
        font-size: 15px;
        display: block;
        margin-top: 5px;
    }
    
    .cislo-uctu {
        margin-left: 60px;
    }    
    
    /* Hlavní tlačítka na formuláři - bez textu */
    .wrapperHeadForm a.btnOdeslat::after, .wrapperHeadForm a.btnPdf::after, .wrapperHeadForm .btnUlozit::after, .wrapperHeadForm a.btnZavrit::after {
        content: "";
    }
    
    .wrapperHeadForm a.btnOdeslat svg {
        margin: -2px 0 0 0 !important;
    }    
    
    .wrapperHeadForm a.btnPdf svg, .wrapperHeadForm .btnUlozit svg, .wrapperHeadForm a.btnZavrit svg {
        margin: -2px 0 0 2px !important;
    }    
    
    .registraceUcet:after {
        content: "OVĚŘENÝ";
    } 
    .registraceUcetNe:after {
        content: "NEOVĚŘENÝ";
    }
    
    .icon-sub {
		margin: 0 0 0 35px;
	}
}

@media (max-width: 900px) {
    a.identita {
        width: 354px;
        height: 124px;    
    }
    a.loginButton {
        width: 354px; 
    }
    
    a.identita svg {
        width: 350px !important;
        height: 120px !important;    
    }
    
    .login-odkazy-pata td a {
        font-size: 10px;
        padding-left: 40 !important;
    }
    
    .wrapperLogin a {
        font-size: 12px;
    }

    .wrapperLogin a svg {
        height: 15px;
        width: 15px;
    }
}

@media (max-width: 1250px) {
    .display-1250-none {
        display: none !important;
    }

    /* uredni deska - schování řádku 2, 4 a 5 */
	#tableDeska td:nth-child(2), #tableDeska td:nth-child(4), #tableDeska td:nth-child(5) {
		display: none;
	}
	#tableDeska th:nth-child(2), #tableDeska th:nth-child(4), #tableDeska th:nth-child(5) {
		display: none;
	}    
	
	/* telefonní seznam - schování řádku 3 a 4 */
	#tableTelefonniSeznam td:nth-child(3), #tableTelefonniSeznam td:nth-child(4) {
		display: none;
	}
	#tableTelefonniSeznam th:nth-child(3), #tableTelefonniSeznam th:nth-child(4) {
		display: none;
	}
    
    /* smlouvy online - schování řádku 3, 4 a 5 */
	#tableSmlouvy td:nth-child(3), #tableSmlouvy td:nth-child(4), #tableSmlouvy td:nth-child(5) {
		display: none;
	}
	#tableSmlouvy th:nth-child(3), #tableSmlouvy th:nth-child(4), #tableSmlouvy th:nth-child(5) {
		display: none;
	} 
    
    /* faktury online - schování řádku 3 a 4 */
	#tableFaktury td:nth-child(3), #tableFaktury td:nth-child(4), #tableFaktury td:nth-child(5) {
		display: none;
	}
	#tableFaktury th:nth-child(3), #tableFaktury th:nth-child(4), #tableFaktury th:nth-child(5) {
		display: none;
	}
}

@media only screen and (max-width: 820px) {
    .display-820-none {
        display: none !important;
    }

	.display-820-block {
        display: block !important;
    }
    
    .eudPuvodceColumn {
		max-width: none;
	}
	
	.ePodaniRow {
		margin-left: 0;
		margin-right: 0;
	}
    
/* uredni deska - sloupce do radku */
    #tableDeska table, #tableDeska thead, #tableDeska tbody, #tableDeska th,
		#tableDeska td, #tableDeska tr {
		display: block;
	}
    
    /*znovu zviditelnim záznamy, které jsem schoval na 1250px*/
    #tableDeska td:nth-child(2), #tableDeska td:nth-child(4), #tableDeska td:nth-child(5) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableDeska thead tr {
		display: none;
	}
	#tableDeska tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableDeska td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 45% !important;
		min-height: 45px;
	}
	#tableDeska td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
		padding-left: 20px;
	}
	
    #tableDeska td:nth-of-type(1):before { content: "Název"; }
    #tableDeska td:nth-of-type(2):before { content: "Oblast"; }
    #tableDeska td:nth-of-type(3):before { content: "Číslo jednací"; }
    #tableDeska td:nth-of-type(4):before { content: "Zodpovídá"; }
    #tableDeska td:nth-of-type(5):before { content: "Původce"; }
    #tableDeska td:nth-of-type(6):before { content: "Vyvěšeno od"; }
    #tableDeska td:nth-of-type(7):before { content: "Vyvěšeno do"; }
	#tableDeska td:nth-of-type(8):before { content: "Přílohy"; text-align: left; }
    
    #tableDeska tr td { text-align: left !important; }
    
    .tableVyhledavaniDeska #oblast, .tableVyhledavaniDeska #zodpovida, .tableVyhledavaniDeska input.kalendar, .tableVyhledavaniDeska input[type=text], .tableVyhledavaniDeska select.kalendar {
        width: 100%;
    }
    
    .novyRadek {
        display: block !important;
    }    
    
/* smlouvy online - sloupce do radku */    
    #tableSmlouvy table, #tableSmlouvy thead, #tableSmlouvy tbody, #tableSmlouvy th,
		#tableSmlouvy td, #tableSmlouvy tr {
		display: block;
	}
    
    /*znovu zviditelnim záznamy, které jsem schoval na 1250px*/
    #tableSmlouvy td:nth-child(3), #tableSmlouvy td:nth-child(4), #tableSmlouvy td:nth-child(5) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableSmlouvy thead tr {
		display: none;
	}
	#tableSmlouvy tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableSmlouvy td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 45px;
	}
	#tableSmlouvy td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableSmlouvy td:nth-of-type(1):before { content: "Název"; }
    #tableSmlouvy td:nth-of-type(2):before { content: "Číslo smlouvy"; }
    #tableSmlouvy td:nth-of-type(3):before { content: "Název subjektu"; }
    #tableSmlouvy td:nth-of-type(4):before { content: "IČO"; }
    #tableSmlouvy td:nth-of-type(5):before { content: "Částka (Kč)"; }
    #tableSmlouvy td:nth-of-type(6):before { content: "Platnost od"; }
    #tableSmlouvy td:nth-of-type(7):before { content: "Platnost do"; }
	#tableSmlouvy td:nth-of-type(8):before { content: "Přílohy"; text-align: left; }
    
    #tableSmlouvy tr td { text-align: left !important; }  

/* faktury online - sloupce do radku */    
    #tableFaktury table, #tableFaktury thead, #tableFaktury tbody, #tableFaktury th,
		#tableFaktury td, #tableFaktury tr {
		display: block;
	}
    
    /*znovu zviditelnim záznamy, které jsem schoval na 1250px*/
    #tableFaktury td:nth-child(3), #tableFaktury td:nth-child(4), #tableFaktury td:nth-child(5) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableFaktury thead tr {
		display: none;
	}
	#tableFaktury tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableFaktury td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 45px;
	}
	#tableFaktury td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableFaktury td:nth-of-type(1):before { content: "Číslo faktury"; }
    #tableFaktury td:nth-of-type(2):before { content: "Název subjektu"; }
    #tableFaktury td:nth-of-type(3):before { content: "IČO"; }
    #tableFaktury td:nth-of-type(4):before { content: "Druh dokladu"; }
    #tableFaktury td:nth-of-type(5):before { content: "Datum splatnosti"; }
    #tableFaktury td:nth-of-type(6):before { content: "Předmět"; }
    #tableFaktury td:nth-of-type(7):before { content: "Celkem s DPH (Kč)"; }
	#tableFaktury td:nth-of-type(8):before { content: "Přílohy"; text-align: left; }
    
    #tableFaktury tr td { text-align: left !important; }  
    
/* objednávky online - sloupce do radku */    
    #tableObjednavky table, #tableObjednavky thead, #tableObjednavky tbody, #tableObjednavky th,
		#tableObjednavky td, #tableObjednavky tr {
		display: block;
	}
    
    /*znovu zviditelnim záznamy, které jsem schoval na 1250px*/
    #tableObjednavky td:nth-child(2) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableObjednavky thead tr {
		display: none;
	}
	#tableObjednavky tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableObjednavky td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 45px;
	}
	#tableObjednavky td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableObjednavky td:nth-of-type(1):before { content: "Číslo objednávky"; }
    #tableObjednavky td:nth-of-type(2):before { content: "Název subjektu"; }
    #tableObjednavky td:nth-of-type(3):before { content: "IČO"; }
    #tableObjednavky td:nth-of-type(4):before { content: "Předmět"; }
    #tableObjednavky td:nth-of-type(5):before { content: "Předpokládaná \A cena s DPH (Kč)"; white-space: pre; padding-top: 0; }
	#tableObjednavky td:nth-of-type(6):before { content: "Přílohy"; text-align: left; }
    
    #tableObjednavky tr td { text-align: left !important; }  
    


    .zaplatitTable table, .zaplatitTable thead, .zaplatitTable tbody, .zaplatitTable th,
	.zaplatitTable td, .zaplatitTable tr {
		display: block;
        text-align: center !important;
	}
	.zaplatitTable td {
        padding: 10px;
        width: 100% !important;
	}
	.zaplatitTable td.emailText {
        height: auto !important;
	}
	.zaplatitTable a {
        margin-right: 0;
	}
        
	.row > * {
	  padding-right: 0;
	  padding-left: 0;
	}
	
	.tableUredniDeska > table, .tableUredniDeska > table > tbody, .tableUredniDeska > table > thead, .tableUredniDeska > table > tbody > tr, .tableUredniDeska > table > tbody > tr > td {
		width: calc(100vw - 8.33333333% - 8.33333333%);
	}
	
	.tableUredniDeska {
		overflow: hidden;
	}
}

@media only screen and (max-width: 926px) {

/* moje podání - sloupce do radku */
	#tableMojePodani table, #tableMojePodani thead, #tableMojePodani tbody, #tableMojePodani th,
		#tableMojePodani td, #tableMojePodani tr {
		display: block;
	}

	/* Skryti zahlavy */
	#tableMojePodani thead tr {
		display: none;
	}
	#tableMojePodani tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableMojePodani td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 30px;
	}
	#tableMojePodani td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableMojePodani td:nth-of-type(1):before { content: "Číslo jednací"; }
    #tableMojePodani td:nth-of-type(2):before { content: "Název podání"; }
    #tableMojePodani td:nth-of-type(3):before { content: "Datum podání"; }
    #tableMojePodani td:nth-of-type(4):before { content: "Stav podání"; }
    #tableMojePodani td:nth-of-type(5):before { content: "Podání vyřizuje"; }
    #tableMojePodani td:nth-of-type(6):before { content: "Odeslané přílohy"; }
    
    #tableMojePodani tr td { text-align: left !important; }  
    
    
/* moje podání rozepsané - sloupce do radku */    
	#tableMojePodaniRoz table, #tableMojePodaniRoz thead, #tableMojePodaniRoz tbody, #tableMojePodaniRoz th,
		#tableMojePodaniRoz td, #tableMojePodaniRoz tr {
		display: block;
	}

     #tableMojePodani td:nth-child(1), #tableMojePodani td:nth-child(4), #tableMojePodani td:nth-child(5) {
        display: block;
    }

	/* Skryti zahlavy */
	#tableMojePodaniRoz thead tr {
		display: none;
	}
	#tableMojePodaniRoz tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableMojePodaniRoz td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 30px;
	}
	#tableMojePodaniRoz td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	
    #tableMojePodaniRoz td:nth-of-type(1):before { content: "Název podání"; }
    #tableMojePodaniRoz td:nth-of-type(2):before { content: "Datum uložení"; }
    #tableMojePodaniRoz td:nth-of-type(3):before { content: ""; }
    
    #tableMojePodaniRoz tr td { text-align: left !important; }
}

@media (max-width: 720px) {
    .display-720-none {
        display: none;
    }
    .wrapperLogin {
        background: none;
        height: 320px;
    }
    .identitaLogo {
        margin: 0;
    }
    .wrapperVstupForm .table1 tr td a.ulozit {
        width: 100%;
        text-align: center;
    }
    .wrapperVstupForm h4 {
        background: #eff4f8;
    }
    .toast {
        width: 300px !important;
    }
    .toast .toast-body svg {
        display: none;
    }    

/* detail poplatku - sloupce do radku */    
    #shrnutiObjednavky table, #shrnutiObjednavky thead, #shrnutiObjednavky tbody, #shrnutiObjednavky th,
	#shrnutiObjednavky td, #shrnutiObjednavky tr {
		display: block;
        border-bottom: none;
	}

	/* Skryti zahlavy */
	#shrnutiObjednavky thead tr {
		display: none;
	}
	#shrnutiObjednavky tbody tr:nth-child(even) td {
		background-color: #f8f8f8;
	}

	#shrnutiObjednavky td {
		/* Radek */
		border: none;
		
		position: relative;
		padding-left: 50% !important;
		min-height: 45px;
	}
	#shrnutiObjednavky td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
    /*tučná a podtržená první buňka každého řádku*/
    #shrnutiObjednavky td:nth-of-type(1) {font-weight: bold; border-bottom: 1px solid #000 !important;}
    
    /*texty pro každý řádek*/
    #shrnutiObjednavky td:nth-of-type(1):before { content: "Název poplatku";}
    #shrnutiObjednavky td:nth-of-type(3):before { content: "Variabilní symbol"; }
    #shrnutiObjednavky td:nth-of-type(5):before { content: "K úhradě"; }
    #shrnutiObjednavky td:nth-of-type(6):before { content: ""; }
    
    #shrnutiObjednavky tr td { text-align: left !important; background-color: #fff; }  
    
    /*poslední řádek z tabulky jinak - shrnutí celkové částky*/ 
    #shrnutiObjednavky tr.sum td {border-top: none !important; background-color: #ecf2f7 !important; padding: 10px;}
    #shrnutiObjednavky tr.sum {border: 1px solid #2b4f86;}
    
    /*texty do posledního řádku - celkem - sumář*/
    #shrnutiObjednavky tr:last-child td:nth-of-type(1) { display: none; border: none !important; }
    #shrnutiObjednavky tr:last-child td:nth-of-type(3) { display: none; }
    #shrnutiObjednavky tr:last-child td:nth-of-type(5):before { content: "Celkem"; color: #2b4f86; padding-left: 0 !important; }
    
    #shrnutiObjednavky tr td:first-of-type { border-bottom: 1px solid #2b4f86; }
    
/* logout page odsazeno vpravo - bily pruh */    
    .wrapperLogin > .row > div {
        padding-right: 0 !important;
    }
    footer.container-fluid > .text-center > .row {
        margin-right: calc(0 * var(--bs-gutter-x)) !important;
}
}
@media (max-width: 937px) {
    .display-937-none {
        display: none;
    }
}

@media (max-width: 1399px) {
    .wrapperRzs a.btnForm {
        font-size: 14px;
        display: block;
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
}

@media (max-width: 1416px) {
    .display-1416-none {
        display: none;
    }
}

@media (max-width: 575px) {
    .display-575 {
        display: block !important;
    }
    .display-575-none {
        display: none;
    }
    
    .display-575-block {
        display: block !important;
    }
    
    #exampleModal7 .modal-body .var-sym, .detail-modal-je-treba-uhradit .modal-body .var-sym {
        padding-left: 75px;
    }
    
    .btn-modal-zavrit-poplatek {
        margin-left: 25px !important;
    }
    .predchozi-obr:after, .predchozi-obr-normal:after { content: ""; }
    .dalsi-obr:before, .dalsi-obr-normal:before { content: ""; }
    
    .form-switch i {
        margin-right: 0;
    }
    
    .wrapperRzs .btnSearch::after {
        content: "";
    }
    .wrapperRzs .btnSearch svg {
        margin: -2px 0px 0px 0 !important;
    }
}

@media (max-width: 500px) {
    a.identita {
        width: 254px;
        height: 124px;    
    }
    a.loginButton {
        width: 254px; 
    }
    
    a.identita svg {
        width: 250px !important;
        height: 120px !important;    
    }  
    
    .accordionTable tr td {
        min-width: 140px;
    }

    .wrapperButtons a.btnZrusit::after {
        content: "";
    }
    
    .wrapperButtons a.btnZrusit svg {
        margin-right:0 !important;
        margin-left:3px !important;
    }

	#exampleModal7 .modal-body table tr td, #exampleModal8 .modal-body table tr td, #exampleModal9 .modal-body table tr td, .detail-modal-je-treba-uhradit .modal-body table tr td, .detail-modal-jiz-uhrazene .modal-body table tr td, .qr-platba-modal .modal-body table tr td {
	  padding: 10px 0px 12px 0px;
	}   
	
	a.btnPotvrdit {
	    margin: 5px 5px 0 25px;
	} 
    
}


@media (max-width: 767px) {
    a.btnPotvrditWidth {
        display: block;
        text-align: center;
        margin:0;
    }
    .display-767-none {
        display: none !important;
    }
}

@media (max-width: 1600px) {
	.brandFirstLine, .brandSecondLine {
		display: none;
	}
	.navbar-logo {
		margin-right: 0;
	}
}

@media (max-width: 1200px) {
	.brand {
		display: none;
	}
	.zpoModulText {
		padding-left: 16px !important;
		display: block;
	}
}

@media (max-width: 991px) {
	.brandFirstLine {
		display: block;
		font-size: 1.6em;
		margin: 10px 0 0 0;
	}
	.brandSecondLine {
		display: block;
		font-size: 0.9em;
	}
	.brand {
		display: block;
	}
	.navbar-logo {
		margin-right: 5px;
	}
	.zpoModulText {
		padding-left: 0 !important;
	}
}

@media (max-width: 700px) {
	.brandFirstLine, .brandSecondLine {
		display: none;
	}
	.navbar-logo {
		margin-right: 0;
	}
	.brand {
		left: auto;
		right: 15px;
		transform: none;
	}
}

@media (max-width: 991px) {
  .zpoModulText {
    padding-left: 5px !important;
  }
}
@media (max-width: 1200px) {
  .zpoModulText {
    padding-left: 16px !important;
    display: block;
    padding-top: 15px !important;
  }
}