@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;
	overflow-x: hidden;
}

.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;
}

.wrapperPrehledPlateb--noBackgroundImage #platby {
	background-image: none !important;
	background-color: #fff;
}

.wrapperPrehledPlateb--noBackgroundImage #platby h4 {
	background-color: #ecf2f7 !important;
}

.wrapperPrehledPlateb--noBackgroundImage #platby .tablePlatby table tr th h4
	{
	background-color: #f0d3d3 !important;
}

.wrapperPrehledPlateb--noBackgroundImage .uvod-container__erb {
	background-color: #ecf2f7;
}

/* 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 .info-icon {
	margin: 5px;
}

.tableVyhledavaniDeska .search-input-container {
	display: inline-flex;
	align-items: center;
	margin: 10px 20px 0 0;
}

.tableVyhledavaniDeska .search-input-container input, .tableVyhledavaniDeska .search-input-container #oblast, .tableVyhledavaniDeska .search-input-container #zodpovida, .tableVyhledavaniDeska .search-input-container input.kalendar, .tableVyhledavaniDeska .search-input-container select.kalendar
{
	margin: 0px;
}

.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-zpet svg {
	color: #2b4f86;
	fill: #2b4f86;
}

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

.btn-modal-zpet:hover {
	background-color: #177b00;
	color: #fff;
}

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

.btn-modal-zavrit:hover svg {
	color: #fff;
	fill: #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 .oblastImage--contain img {
	object-fit: contain;
}

.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)* 0.5)- 12px);
	height: 100%;
	width: 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;
}

@media ( max-width : 800px) {
	.zaplatitFormInputsLayout {
		flex-direction: column-reverse;
	}
}

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

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

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

.dotacni-programy-table {
	font-size: 15px;
	background-color: #fff;
	width: 100%;
}

.dotacni-programy-table th, .dotacni-programy-table td {
	border: 1px solid #d9d9d9;
	padding: 4px;
}

.dotacni-programy-table__detail-button {
	display: block;
	font-size: 0;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	border: none;
	background-color: transparent;
	position: relative;
}

.dotacni-programy-table__detail-button svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #2b4f86;
	margin: 0;
}

.dotacni-program-detail {
	font-size: 15px;
}

.dotacni-program-detail input:not([type=submit]):not([type=button]):not([type=file]),
	textarea, select {
	padding: 5px 5px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.dotacni-program-detail>label {
	white-space: nowrap;
}

.dotacni-program-detail>div {
	display: flex;
	gap: 5px;
}

.dotacni-program-detail .full-width {
	width: 100%;
}

.dotacni-program-detail textarea {
	resize: none;
}

.dotacni-program-detail .castky-row input {
	flex: 2;
}

.dotacni-program-detail table {
	background-color: #ecf2f7;
}

a.dotacni-program-button {
	font-size: 12px;
	color: #fff !important;
	text-decoration: none;
	border-left: none;
	padding: 8px 15px;
	text-align: center;
	display: inline-block;
	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 0.25s ease-in;
	border-radius: 0;
	white-space: nowrap; /* Zabraňuje zalomení textu */
}

a.dotacni-program-button svg {
	width: 11px !important;
	height: 11px !important;
	color: #fff !important;
	text-decoration: none;
	margin: -2px 8px 0px 0 !important;
	fill: #fff;
}

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

.dotacni-program-row {
	padding: 15px 0;
}

.dotacni-program-row .col-1 {
	padding: 0;
}

@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: "Akce";
	}
	#tableMojeDotace td:nth-of-type(3):before {
		content: "Datum podání";
	}
	#tableMojeDotace td:nth-of-type(4):before {
		content: "Stav žádosti";
	}
	#tableMojeDotace td:nth-of-type(7):before {
		content: "Vyřizuje";
	}
	#tableMojeDotace td:nth-of-type(5):before {
		content: "Požadovaná částka";
	}
	#tableMojeDotace td:nth-of-type(6):before {
		content: "Schválená částka";
	}
	#tableMojeDotace td:nth-of-type(8):before {
		content: "Zdroj";
	}
	#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;
	}
	#tableDetailPoplatek .poplatnici-row td {
		padding-left: 20px !important;
	}

	/*Table dotačních programů - sloupce do radku*/
	#tableDotacniProgramy table, #tableDotacniProgramy thead,
		#tableDotacniProgramy tbody, #tableDotacniProgramy th,
		#tableDotacniProgramy td, #tableDotacniProgramy tr {
		display: block;
	}
	#tableDotacniProgramy td:nth-child(3), #tableDotacniProgramy td:nth-child(7)
		{
		display: block;
	}

	/* Skryti zahlavy */
	#tableDotacniProgramy thead tr {
		display: none;
	}
	#tableDotacniProgramy tbody tr:nth-child(even) td {
		background-color: #fff !important;
	}
	#tableDotacniProgramy td {
		/* Radek */
		border: none;
		border-bottom: 1px solid #cdcdcd;
		position: relative;
		padding-left: 50% !important;
		min-height: 30px;
	}
	#tableDotacniProgramy td:before {
		/* Zahlavy radku */
		position: absolute;
		top: 0;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		padding-top: 10px;
		white-space: nowrap;
	}
	#tableDotacniProgramy td:nth-of-type(1):before {
		content: "Dotační program";
	}
	#tableDotacniProgramy td:nth-of-type(2):before {
		content: "Stav programu";
	}
	#tableDotacniProgramy td:nth-of-type(3):before {
		content: "Platnost od";
	}
	#tableDotacniProgramy td:nth-of-type(4):before {
		content: "Platnost do";
	}
	#tableDotacniProgramy td:nth-of-type(5):before {
		content: "Příjem žádostí od";
	}
	#tableDotacniProgramy td:nth-of-type(6):before {
		content: "Příjem žádostí do";
	}
	
	#tableDotacniProgramy tr td {
		text-align: left !important;
	}
}

@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%;
	}
	.tableVyhledavaniDeska .search-input-container {
		width: 100%;
	}
	.tableVyhledavaniDeska .search-input-container>input {
		margin-right: 0;
	}
	.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;
	}
}

.zobrazit-vse {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.zobrazit-vse a {
	height: auto !important;
	width: auto !important;
	float: unset !important;
	color: #2b4f86;
	margin-top: 0 !important;
}

.zobrazit-vse a:hover {
	text-decoration: none !important;
}

.zobrazit-vse svg {
	height: 10px;
	width: 10px;
	margin-left: 5px;
	margin-bottom: 2px;
	fill: #2b4f86;
}

.input-row-padding-fix {
	padding-right: calc(var(--bs-gutter-x)* .5) !important;
	padding-left: calc(var(--bs-gutter-x)* .5) !important;
}

.poplatnici-row {
	background-color: #ffffff;
}

.poplatnici-row td {
	background-color: #ffffff !important;
}

.poplatnici-row td::before {
	content: none !important;
}

.seznam-poplatniku-button {
	padding: 10px;
	background-color: #f8f8f8 !important;
}

.seznam-poplatniku-button::after {
	width: 20px;
	height: 20px;
	transition: transform .2s;
}

.seznam-poplatniku-button--opened::after {
	transform: rotate(180deg) !important;
}

.seznam-poplatniku-button-content {
	display: flex;
	align-items: center;
	gap: 10px;
}

.seznam-poplatniku-button-icon svg {
	width: 15px;
	height: 15px;
	fill: #2B4F86;
}

.seznam-poplatniku {
	background-color: #f8f8f8;
	padding: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
}

.seznam-poplatniku__item {
	display: flex;
	gap: 10px;
}

.seznam-poplatniku__item-icon {
	width: 30px;
	height: 30px;
}

.seznam-poplatniku__item-icon svg {
	width: 100%;
	height: 100%;
	fill: #777;
	color: #777;
}

.seznam-poplatniku__item-username {
	font-size: 12px;
	color: #777;
	text-decoration: underline;
}

.seznam-poplatniku__k-uhrade {
	font-size: 12px;
	color: #777;
}

.uvodFoto--opaque {
	opacity: 1;
}

.uvod-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background-color: transparent !important;
}

.uvod-container__erb {
	position: relative;
	flex: 2;
	background-color: #fff;
	opacity: 0.7;
}

.uvod-container__options {
	display: flex;
	gap: 24px;
}

.uvod-container__options>* {
	flex: 2 0;
}

.dlazdice-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	border: none;
	background-color: #ECF2F7;
	padding: 20px 28px;
	transition: background-color .15s;
}

.dlazdice-button>svg {
	width: 100px;
	height: 100px;
	fill: #7F8FAF;
	transition: fill .15s;
}

.dlazdice-button__text {
	font-size: 18px;
	text-transform: uppercase;
	color: #2b4f86;
	transition: color .15s;
}

.dlazdice-button hr {
	border: none;
	width: 100%;
	height: 1px;
	background-color: #7F8FAF;
	margin: 0;
}

.dlazdice-button__status {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	font-size: 18px;
	color: #2b4f86;
}

.dlazdice-button__status svg {
	width: 16px;
	height: 16px;
}

.dlazdice-button:hover {
	background-color: #D7E3ED;
}

.dlazdice-button:hover>svg {
	fill: #2B4F86;
}

.dlazdice-button:hover .dlazdice-button__text {
	color: #DD4639;
}

.modal-title--with-icon {
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-title--with-icon svg {
	width: 24px;
	height: 24px;
	fill: #7F8FAF;
}

.button-blue {
	font-size: 12px;
	color: #fff !important;
	text-decoration: none;
	border-left: none;
	padding: 8px 15px;
	text-align: center;
	display: inline-block;
	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 0.25s ease-in;
	border-radius: 0;
	white-space: nowrap; /* Zabraňuje zalomení textu */
}

.button-blue svg {
	width: 18px;
	height: 18px;
	color: #fff !important;
	text-decoration: none;
	margin: -2px 8px 0px 0 !important;
	fill: #fff;
}

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

.button-grey {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	color: #2B4F86;
	background-color: #E2E2E2;
	border: none;
	padding: 6px 12px;
}

.button-grey svg {
	width: 18px;
	height: 18px;
	fill: #2B4F86;
}

.button-grey:disabled {
	opacity: .6;
}

.no-padding {
	padding: 0;
}

.modal-top-bar {
	display: flex;
	flex-direction: row-reverse;
	gap: 16px;
	background-color: #ECF2F7;
	padding: 13px 17px;
}

.inputs-columns-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	padding: 1rem;
}

.inputs-columns-layout__item {
	display: flex;
	gap: 8px;
}

.inputs-columns-layout__item>* {
	flex: 2;
}

.inputs-columns-layout__item>label {
	flex: 0 0 140px;
	font-size: 16px;
	text-align: right;
	display: flex;
	align-items: center;
	gap: 4px;
}

.inputs-columns-layout__item>label>div>svg {
	width: 15px;
	height: 15px;
	color: #2b4f86;
}

.inputs-columns-layout__item>input {
	font-family: inherit;
	font-size: 16px;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	height: 30px;
}

.inputs-columns-layout__item>input:disabled {
	background-color: #EDF1F4;
}

.inputs-columns-layout__item>select {
	font-family: inherit;
	font-size: 12px;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	height: 30px;
}

.inputs-columns-layout__item>select:disabled {
	background-color: #EDF1F4;
}

.inputs-columns-layout__item>textarea {
	font-family: inherit;
	font-size: 16px;
	border: 1px solid #B2B2B2;
	border-radius: 4px;
	resize: none;
}

.inputs-columns-layout__item>textarea:disabled {
	background-color: #EDF1F4;
}

.modal-pridat-prilohu-section {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-top: 1px solid #ECF2F7;
	border-bottom: 1px solid #ECF2F7;
	gap: 15px;
}

.modal-pridat-prilohu-section--row {
	flex-direction: row;
}

.modal-pridat-prilohu-section__inputs {
	display: flex;
	gap: 30px;
}

.modal-pridat-prilohu-section__label {
	font-size: 16px;
}

.modal-pridat-prilohu-section__prilohy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.modal-pridat-prilohu-section__priloha {
	font-size: 16px;
	color: #2B4F86;
	padding: 12px 0;
	padding-left: 45px;
	background-size: 40px 40px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.modal-values-container {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 1rem;
	background-color: #ECF2F7;
}

.modal-values-container--space-between {
	justify-content: space-between;
}

.modal-values-container__inner-container {
	display: flex;
	align-items: center;
	gap: 16px;
}

.modal-values-container__item {
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-values-container__item--large {
	font-size: 16px;
}

.modal-values-container__value {
	font-weight: 700;
	color: #2B4F86;
}

.modal-values-container__uhrazeno-status {
	display: flex;
	gap: 2px;
	align-items: center;
	font-weight: 700;
}

.modal-values-container__uhrazeno-status svg {
	width: 16px;
	height: 16px;
}

.modal-values-container__uhrazeno-status span {
	color: #2B4F86;
}

.psi-table {
	width: 100%;
	font-size: 16px;
	color: #2B4F86;
	background-color: transparent;
}

.psi-table th, .psi-table td {
	background-color: transparent;
	padding: 5px 10px;
	border: none;
}

.psi-table th {
	border-bottom: 1px solid #2B4F86;
	font-size: 14px;
	font-weight: 400;
	color: #212529;
}

.psi-table__stav-column {
	display: flex;
	align-items: center;
	gap: 6px;
}

.psi-table__stav-column svg {
	width: 16px;
	height: 16px;
	fill: #787878;
	color: #787878;
}

.psi-table__stav-column--green-icon svg {
	fill: #177B00;
	color: #177B00;
}

.psi-table a {
	color: #2B4F86;
}

.psi-table tr:nth-child(even) {
	background-color: #f8f8f8;
}

.uvod-dlazdice-container {
	display: none;
	margin-top: 16px;
}

.uvod-dlazdice-container__content {
	display: flex;
	gap: 24px;
}

.uvod-dlazdice-container__content>* {
	flex: 2;
}

@media ( max-width : 1450px) {
	.uvod-dlazdice-container {
		display: flex;
	}
}

.info-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.info-icon svg {
	width: 100%;
	height: 100%;
	fill: #2b4f86;
}

.copy-link-button {
	width: 30px;
	height: 30px;
	margin: 21px 0 15px 10px;
	background-color: transparent;
	border: none;
}

.copy-link-button svg {
	width: 100%;
	height: 100%;
	fill: #858e96;
	stroke: #858e96;
}

.copy-link-button:hover svg {
	fill: #2b4f86;
	stroke: #2b4f86;
}

.copy-link-button--no-margin {
	margin: 0;
}

.copy-link-button--oblast
{
	height: 20px;
}

.copy-link-button--oblast svg {
	width: 15px;
	height: 15px;
} 

.prevedeny-predpis-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 5px;
}

.prevedeny-predpis-icon--big {
	width: 22px;
	height: 22px;
}

.prevedeny-predpis-icon svg {
	width: 100% !important;
	height: 100% !important;
	fill: #2b4f86;
}

.psi-modal-heading {
	font-size: 20px;
	margin-bottom: 0;
}

.modal-pridat-prilohu-section .veraUploadFileItem:first-child {
	margin-top: 0;
}

.hledej-icon-nenalezeno {
	margin-top: 5px !important;
	color: black !important;
}

.zavrit-rzs-hledej-modal {
	margin: 0 10px 2px 0 !important;
}

/* Modal dialog - ZadostVyuctovani */


.remove-doklad .icon {
	margin-right: 10px;
	color: #ce0202 !important;
}


.edit-doklad .icon {
	margin-right: 10px;
	color: #2b4f86 !important; 
}

.vyuctovani-modal-offcanvas {
	max-width: 500px; /* nastav požadovanou šířku */
	max-height: 220px !important;
	margin: 0 auto;
}

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

.vyuctovani-modal-offcanvas .offcanvas-title {
	background: none;
}

#ModalVyuctovaniDoklady .modal-heading
{
	font-size: 20px;
}

#ModalVyuctovaniDoklady .modal-form-wrapper
{
	margin-bottom: 15px;
}


/* Kontejner pro jazykový panel */
.container-fluid.menu-jazyku-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Zarovnání obsahu doprava */
    height: 40px;
    padding: 0 20px;
}

/* Kontejner pro tlačítka + Google Translate */
.language-container {
    display: flex;
    align-items: center;
    gap: 15px; /* Vzdálenost mezi tlačítky a ikonou */
}

/* Kontejner pro jazykové odkazy */
#custom-language-buttons {
    display: flex;
    gap: 10px;
}

/* Styl pro jazykové odkazy */
.translate-link {
    text-decoration: none;
    color: #2b4f86; 
    font-size: 14px;
    font-weight: bold;
}

.translate-link:hover {
    text-decoration: underline;
}

/* Skrytí nativního select boxu, ale ponechání jeho funkčnosti */
#google_translate_element {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

#google_translate_element select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Styl hlavního widgetu */
#google_translate_element .goog-te-gadget {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 0;
    font-size: 0 !important;
    position: relative;
    width: auto;
}

/* Skrytí jednoduché verze widgetu */
#google_translate_element .goog-te-gadget-simple {
    display: none !important;
}

/* Přidání vlastní ikony místo select boxu */
#google_translate_element .goog-te-gadget::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d7/Google_Translate_logo.svg') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

/* Přidání šipky vedle ikony */
#google_translate_element .goog-te-gadget::after {
    content: '';
    margin-left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #4285F4 transparent transparent transparent;
}

/* Skrytí textu vedle ikony */
#google_translate_element .goog-te-gadget span {
    display: none !important;
}

.psi-modal-container
{
	padding: 30px;
}

.psi-modal-container select
{
	width: 100%;
	display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    /* font-weight: 400; */
    /* line-height: 1.5; */
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box; /* důležité */
  	height: calc(1.5em + .75rem + 2px); 
}

.psi-modal-container select:required {
    background: white url(../img/asterisk.png) no-repeat;
    padding-right: 25px !important;
    background-position: center right 20px;
}

.psi-modal-container select:required:valid  {
    background: white url(../img/valid.png) no-repeat;
    padding-right: 25px !important;
    background-position: center right 20px;
}

.psi-modal-container select:focus:invalid {
    background: white url(../img/invalid.png) no-repeat;
    padding-right: 25px !important;
    background-position: center right 20px;
}

.psi-modal-container select:disabled{
	background-color: #e9ecef;
}


#ModalPrihlaseniPsiZadostiTableBody a
{
	text-decoration: none;
}

.psi-table-row {
	cursor: pointer;
	transition: background-color 0.2s ease-in-out;
}

.psi-table-row:hover {
	background-color: #e1e8ee !important; /* nebo např. #e9ecef pro Bootstrap styl */
}

.vera-prilohy .veraUploadFile
{
	background-color: unset;
	border: none;
}


iframe.skiptranslate { visibility: hidden !important; }