.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 {
	font-size: 12px;
	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: 30px;
}

.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);
	background-color: #016968;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}

.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: 1px;
	padding-left: 15px;
	padding-top: 15px;
}

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

#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: 100px;
	}
	
	#foot #portal-footer2 img {
		top: 5.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;
}

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

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

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

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