.appCanvas {
	margin-bottom: 20px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: rgb(0, 60, 105);
	width: 1050px;
}

.rozcestnik {
	width: 970px;
}

h2 {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: rgb(0, 157, 204)
}

.jumbotron p {
	font-size: 16px;
}

.jumbotron {
	padding-top: 38px;
	padding-bottom: 38px;
}

.form-control {
	font-size: 12px;
	background-color: rgb(242, 250, 252);
	color: rgb(0, 60, 105);
	border-radius: 0px;
}

.btn {
	border-radius: 0px;
	border: 1px solid #8b8b8b;
	font-weight: bold;
	font-size: 13px;
}

.dropdown-menu {
	font-size: 12px;
}

#pocetPoplatnikuSlider .slider-selection {
	background: rgb(0, 157, 204);
}

.slider-wrapper {
	padding-top: 5px;
}

.slider-title-min {
	margin-right: 20px;
}

.slider-title-max {
	margin-left: 20px;
}

.uvodni-informace {
	background-color: rgb(247, 248, 248);
	color: rgb(0, 60, 105);
	text-align: justify;
	margin-top: 10px;
}

.form-horizontal {
	color: rgb(0, 60, 105);
}

.alert-danger {
	background-color: rgb(255, 224, 204);
	color: rgb(0, 60, 105);
	border-color: rgb(255, 177, 128);
	font-weight: bold;
}

.btn-success {
	background-color: rgb(0, 165, 63);
}

.btn-default {
	color: rgb(0, 60, 105);
}

.btn-default:hover {
	background-color: rgb(215, 219, 221);
	color: rgb(0, 60, 105);
}

.btn-default[disabled]:hover {
	color: rgb(0, 60, 105);
	border: 1px solid #8b8b8b;
}

.poplatek, .castka {
	font-weight: bold;
}

.alert-success {
	color: rgb(0, 60, 105);
	background-color: rgb(242, 251, 245);
	border-color: rgb(128, 210, 159);
	font-weight: bold;
}

.date .form-control {
	padding-right: 0px;
}

.buttonWrapper {
	margin-bottom: 10px;
}

/* ----------------- */
/* Hlavicka, paticka */
/* ----------------- */
.horniMenu {
	clear: both;
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: 4px solid rgb(247, 248, 248);
}

.menuItemSelected {
	border-bottom: 6px solid white;
}

.horniMenu a {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 21px;
}

.horniMenu a:link, .horniMenu a:visited, .horniMenu a:hover, .horniMenu a:active
	{
	color: rgb(0, 60, 105);
}

.nadpis {
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
	float: left;
}

.logo {
	float: left;
	height: 100px;
	padding-left: 15px;
	padding-top: 3px;
}

.cards {
	text-align: right;
	overflow: visible;
	height: 100px;
}

#foot {
	background-color: rgb(247, 248, 248);
	color: rgb(0, 60, 105);
	text-align: right;
	/*margin-bottom: 1em;*/
	padding: 0.750em 0 0 0;
	position: relative;
	min-height: 70px;
}

#foot #logo {
	font-size: 10px;
	top: 0em;
	position: absolute;
	right: 0;
	padding-right: 10px;
}

#footer-text {
	margin-top: 10px;
}

#foot #portal-footer2, #foot #portal-footer {
	position: relative;
}

#foot #portal-footer2 {
	margin-top: 0;
}

#foot #portal-footer2 img {
	position: absolute;
	right: 0;
	top: 3.5em;
}

.slider.slider-horizontal {
	width: 410px;
	height: 20px;
}

.rozcestnik-item {
	margin-left: 35px;
	margin-bottom: 20px;
	width: 200px;
	height: 200px;
}

.rozcestnik-image {
	background-color: aqua;
	height: 170px;
	width: 170px;
}

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

.jazyk {
	text-align: right;
}

.col-centered {
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.lang {
	height: 32px;
}

.lang ul {
	margin-top: 0;
	margin-bottom: 0;
}

.lang ul li {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
}

.obvodyForm {
	margin-top: 15px;
}

.platby {
	margin-top: 10px;
	padding-top: 38px;
	padding-bottom: 38px;
}

.obvodyNadpis {
	margin-top: 38px;
	margin-bottom: 38px;
}

@media screen and (max-width: 992px) {
	.appCanvas {
		width: unset;
	}
	.cards {
		display: none;
	}
	.rozcestnik {
		width: unset;
	}
	.form-control-margin {
		margin-bottom: 10px !important;
	}
	.form-control {
		margin-bottom: 10px;
	}
	.input-group {
		margin-bottom: 10px;
	}
	#foot {
		min-height: 120px;
	}
	#foot #portal-footer2 img {
		top: 7.5em;
	}
	.kcLabel {
		padding-top: 0.5em;
	}
	.logo {
		padding-left: 10px;
	}
	.nadpis {
		position: absolute;
		top: 10px;
	}
}

.castkaRozsirenyPredpis {
	font-weight: bold;
	width: 100px;
	display: inline;
}

.prepocitatRozsirenyPredpis {
	width: 100px !important;
}

.zaplatitRozsirenyPredpis {
	width: 130px !important;
	text-align: center !important;
}

.td200RozsirenyPredpis {
	width: 200px;
}

.rozsirenyPredpis .table tbody tr td, .rozsirenyPredpis .table tbody tr th
	{
	border-top: unset;
	vertical-align: middle;
}

.centered {
	text-align: center;
}

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

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

.rozsirenyPredpis {
	margin-top: 30px;
}

.rozsirenyPredpisTableWrapper {
	margin-top: 10px;
	margin-bottom: 20px;
}

.rozsirenyPredpisTableWrapper input {
	text-align: right;
}

.rozpisErrorMessage {
	display: block;
	margin-top: 10px;
	color: red;
}

.tablePredpisy {
	margin-bottom: 0px;
}

.tableErrorMessage {
	margin-bottom: 0px;
}

.trGreyLine {
	border-top: 1px solid #eee;
}

.pageErrorMessage {
	color: red;
	margin-top: 10px;
}

.align-vertical {
	vertical-align: middle !important;
}

.form-control-margin {
	margin-bottom: 20px;
}

.QRCodePlatbaInfo {
	width: 60%;
	float: left;
}

.QRCodePlatbaInfo div:nth-child(odd) {
	float: left;
	clear: both;
	width: 50%;
}

.QRCodePlatbaInfo div:nth-child(even) {
	float: left;
}

.QRCodePlatbaInfo div:nth-last-child(1), .QRCodePlatbaInfo div:nth-last-child(2)
	{
	margin-top: 50px;
}

.QRCodePlatbaButton {
	float: left;
	width: 40%;
}

.QRCodePlatbaModalContent .modal-footer {
	text-align: left !important;
	clear: both;
}

/*QR platba - close button*/
.close:hover {
	background-color: transparent !important;
	opacity: 1 !important;
}

.buttonQRCodePlatba, .buttonQRCodePlatba:active {
	background: url("../img/qr-small.png") 5px 5px no-repeat;
	background-size: 20px 20px;
	background-color: rgb(0, 165, 63);
	padding-left: 20px;
}

.buttonZaplatit, .buttonZaplatit:active {
	background: url("../img/cards-small.png") 5px 5px no-repeat;
	background-size: 20px 20px;
	background-color: rgb(0, 165, 63);
	padding-left: 20px;
	line-height: 20px;
}

.obchpod {
	float: left;
	margin: 15px 0 15px 60px;
}

#cookie {
	text-align: right;
	background-color: rgb(247, 248, 248);
	color: rgb(0, 60, 105);
	margin-bottom: 1em;
	position: relative;
	padding-bottom: 5px;
	font-size: 10px;
}

.cookie-p {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
}

.cookieConsent-url, .cookieConsent-url:visited, .cookieConsent-url:active
	{
	cursor: pointer;
	color: rgb(0, 60, 105);
	text-decoration: underline !important;
}

.tableSazby table {
	width: 100%;
}

.tableSazby table, .tableSazby th, .tableSazby td {
	border: 1px solid black;
	margin: 20px;
	padding: 5px;
	text-align: center;
}

.tableOsoby table {
	width: 100%;
}

.tableOsoby table, .tableOsoby th, .tableOsoby td {
	margin: 20px;
	padding: 5px;
	text-align: center;
}

.tableOsoby select {
	width: auto;
	margin: auto;
}

#zaplaceni-panel {
	border: 1px solid #d0d0d0;
	background-color: #f7f8f8;
	padding: 15px 30px 10px 15px;
	margin-bottom: 40px;
	display: none;
}

#zaplaceni-panel p {
	padding-left: 15px;
}

#zaplaceni-panel .row {
	margin-top: 20px;
	margin-bottom: 20px;
}

.zaplaceni-panel-nadpis {
	text-transform: uppercase;
	font-weight: bold;
}

.zaplatitRozsirenyPredpis {
	width: 150px !important;
  }

#zaplaceni-panel input, #zaplaceni-panel .control-label {
	margin: 10px 0 10px 0;
}

#zaplaceni-panel .buttonZpetWrapper {
	margin: 17px 0 0 0;
	text-align: right;
	height: 30px;
}

#zaplaceni-panel .buttonZpetWrapper .buttonZpet {
	background: url("../img/close.png") 0px 0px no-repeat;
	padding-top: 2px;
	display: block;
	height: 30px;
	margin-left: 85px;
}

.zaplaceni-panel-nadpis {
	font-weight: bold;
	padding: 10px 0 10px 25px;
	text-transform: uppercase;
}

.buttonZpetWrapper {
	text-align: right;
}

.buttonZpet {
	background: url("../img/close.png") 5px 5px no-repeat;
	display: inline-block;
	line-height: 20px;
	padding: 7px;
	padding-left: 30px;
	font-weight: bold;
}

/* tabulka LogViewer */
.logViewerTable .table tbody {
	border-bottom: 1px solid #2b4f86;
}

.logViewerTable .table th input {
	/* Display each input on its own line */
	display: block;
	/* Add margin for spacing */
	margin: 10px auto;
	/* Center the input horizontally */
	text-align: center;
	/* Set width to fit within the table cell */
	width: 100%;
}

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

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

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

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

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

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

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

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

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

#logViewerTable tr.bila-hlavicka th {
	background-color: #fff !important;
}

#log-viewer-modal-body pre {
	outline: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}

#log-viewer-modal-body .string {
	color: green;
}

#log-viewer-modal-body .number {
	color: darkorange;
}

#log-viewer-modal-body .boolean {
	color: blue;
}

#log-viewer-modal-body .null {
	color: magenta;
}

#log-viewer-modal-body .key {
	color: red;
}

@media screen and (max-width: 767px) {
	.poplatek-symboly-wrapper div, .castka-wrapper div {
		position: unset;
	}
}

@media screen and (max-width: 992px) {
	.obchpod {
		float: right;
		margin-top: 45px;
		margin-right: 10px;
	}
}