@import '../govczdesign/styles/styles.css';
/* Support for components that have not yet been hydrated */
@import '../govczdesign/styles/critical.css';
/* Basic support for print styles */
@import '../govczdesign/styles/print.css';
/* Support for content styles. Correct display of spaces between elements and text. */
@import '../govczdesign/styles/content.css';
/* Styles for basic layout and containers. */
@import '../govczdesign/styles/layout.css';
/* Styles of individual components when the component itself cannot be used. */
/*@import '../govczdesign/styles/components/*.css';*/
/* The public path to your fonts. */
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../govczdesign/fonts/roboto-thin-italic-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("../govczdesign/fonts/roboto-thin-italic.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 300;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../govczdesign/fonts/roboto-light-italic-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 300;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../govczdesign/fonts/roboto-light-italic.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("../govczdesign/fonts/roboto-italic-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("../govczdesign/fonts/roboto-italic.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../govczdesign/fonts/roboto-medium-italic-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../govczdesign/fonts/roboto-medium-italic.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../govczdesign/fonts/roboto-bold-italic-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: italic;
    font-display: auto;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../govczdesign/fonts/roboto-bold-italic.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Thin"), local("Roboto-Thin"), url("../govczdesign/fonts/roboto-thin-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 100;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Thin"), local("Roboto-Thin"), url("../govczdesign/fonts/roboto-thin.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 300;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Light"), local("Roboto-Light"), url("../govczdesign/fonts/roboto-light-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 300;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Light"), local("Roboto-Light"), url("../govczdesign/fonts/roboto-light.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    font-display: auto;
    src: local("Roboto"), local("Roboto-Regular"), url("../govczdesign/fonts/roboto-regular-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    font-display: auto;
    src: local("Roboto"), local("Roboto-Regular"), url("../govczdesign/fonts/roboto-regular.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../govczdesign/fonts/roboto-medium-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../govczdesign/fonts/roboto-medium.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../govczdesign/fonts/roboto-bold-ext.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    font-display: auto;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../govczdesign/fonts/roboto-bold.woff2?v=0.0.1") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* - MARK: original portal.css above */

@media (min-width: 992px) {
	.sides-auto {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.sides-auto {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.sides-auto {
		max-width: 1200px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	#vdp-body {
		scroll-behavior: smooth;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vdp-btn {
		-webkit-transition: none;
		transition: none;
	}
}

@media (min-width: 1200px) {
	.vdp-h1 {
		font-size: 2.125rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vdp-nav-link {
		-webkit-transition: none;
		transition: none;
	}
}

@media (min-width: 768px) {
	.vdp-col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}
}

@media (min-width: 768px) {
	.vdp-d-md-block {
		display: block !important;
	}

	.vdp-d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.vdp-d-md-none {
		display: none !important;
	}

	.vdp-text-md-start {
		text-align: left !important;
	}

	.footer-right {
		float: right;
		text-align: right !important;
	}
}

@media print {
	header .sides-auto {
		background: #e7e7e7;
	}

	.vdp-navbar-brand {
		display: none;
	}

	.vdp-brand {
		display: none !important;
	}

	.vdp-brand-md {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vdp-fade {
		-webkit-transition: none;
		transition: none;
	}
}

@media print {
	#sidebar {
		display: none !important;
	}

	.vdp-form-content {
		border: 1px solid #aaaaaa !important;
	}
}

@media print {

	button,
	a.vdp-btn {
		background-color: #fff !important;
		color: black !important;
	}
}

@media print {

	.vdp-nav .vdp-nav-link:hover,
	.vdp-nav .vdp-nav-link:focus,
	.vdp-btn:hover,
	.vdp-btn:focus {
		border-color: #782250 !important;
	}
}

body {
	padding: 0 !important;
}

.visually-hidden {
	display: none;
}

.btn-wizard-nav-submit {
	display: none;
}

.situace-block {
	padding: 25px;
}

.portal-headline {
	cursor: pointer;
}

#content h1 {
	margin: 10px 0;
	font-size: 220%;
	font-weight: bold;
	letter-spacing: -1px;
}

#content {
	float: left;
	width: 670px;
}

#style-00 #content a,
#style-00 #content h1,
#style-00 #content h2,
#style-00 #content h3 {
	color: #224f79;
}

#style-00 #cols a:hover,
#style-00 #cols a:active,
#style-00 #cols a:focus {
	background: #224f79;
	color: #fff;
	text-decoration: none;
}


#content .content-box h2 {
	margin: 15px 0;
	font-size: 130%;
	font-weight: bold;
}

#content dl dt {
	font-weight: bold;
}

#content dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url("https://www.cuzk.cz/app_themes/cuzk/images/design/dot.gif") 0 100% repeat-x;
}

#content .content-box {
	min-height: 60px;
	padding: 15px 20px;
	background: url("https://www.cuzk.cz/app_themes/cuzk/images/design/content-box.gif") 0 0 no-repeat;
}

	#content .content-box h2 {
		margin-top: 0;
	}

.high-02 {
	color: #c24100 !important;
}

.clearer {
	clear: both;
	visibility: hidden;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

.mgBtn20 {
	margin-bottom: 20px;
}


#MujPortalTab, #oPortaluTab, #SituaceTab, #SluzbyTab {
	display: block
}



/*! CSS Used from: https://scd.vdp-katastr.vdp-int:8446/protected/resources/custom.vdp-css */
.vdp-icon {
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	fill: #ffffff;
}

.vdp-user-info {
	padding: 5px;
	border: thin solid;
	border-radius: 5px;
	cursor: pointer;
}

.vdp-user-detail {
	position: absolute;
	z-index: 1000;
	width: 200px;
	background-color: #ffffff;
	padding: 5px;
	border: thin solid;
	border-radius: 5px;
	display: none;
}

.vdp-user-info:hover {
	font-size: 0.9rem;
	background-color: #ffffff;
}

.vdp-nav-item {
	margin-bottom: 5px;
}

	/* overwrite ul li bullets from gov.cz components */
	.vdp-nav-item::before {
		background-color: transparent;
	}

.vdp-row {
	margin-top: 10px;
}

.vdp-tab-header {
	display: block;
	padding: 0.5rem 0.75rem;
	color: #fff;
}

.vdp-info-box {
	background-color: #ffe6c1;
	margin-bottom: 0.25rem;
}

.vdp-header-nav,
.vdp-header-nav > span {
	text-decoration: none;
	white-space: nowrap;
}

.vdp-nav-item-disabled > a {
	background-color: var(--gov-color-secondary-500);
}

	.vdp-nav-item-disabled > a:hover {
		cursor: default;
		color: #fff !important;
		background-color: var(--gov-color-secondary-500) !important;
		border-color: var(--gov-color-secondary-500) !important;
	}

.vdp-header-nav {
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}

	.vdp-header-nav:hover {
		background-color: transparent !important;
		text-decoration: none;
	}

/*
 *,*::before,*::after{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
*/

#vdp-body {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #ff0000;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #eeeeee;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #aaaaaa;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #6d6d6d;
	--bs-primary: #205b83;
	--bs-secondary: #ffd500;
	--bs-success: #60a917;
	--bs-warning: #fff10c;
	--bs-danger: #a81a40;
	--bs-light: #eeeeee;
	--bs-dark: #205b83;
	--bs-primary-rgb: 32, 91, 131;
	--bs-secondary-rgb: 255, 213, 0;
	--bs-success-rgb: 96, 169, 23;
	--bs-warning-rgb: 255, 241, 12;
	--bs-danger-rgb: 168, 26, 64;
	--bs-light-rgb: 238, 238, 238;
	--bs-dark-rgb: 32, 91, 131;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 0, 0, 0;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 0.85rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #000;
	--bs-body-bg: #fff;
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: #f5f5f5; /* body backgroud setting overload */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Arial, sans-serif;
	line-height: 1.188rem;
	
}

.vdp-h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: calc(1.3375rem + 1.05vw);
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.vdp-ul {
	padding-left: 2rem;
	margin-top: 0;
	margin-bottom: 1rem;
}

.vdp-a {
	color: #205b83;
	text-decoration: underline;
	font-size: unset;
}

	.vdp-a:hover {
		color: #205b83;
		cursor: pointer;
	}

.rozpracovane_a {
	color: #205b83 !important;
	text-decoration: underline !important;
	font-size: unset;
}

	.rozpracovane_a:hover {
		color: #205b83 !important;
		cursor: pointer;
	}	

.vdp-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.vdp-nav-link {
	display: block;
	padding: 0.5rem 0.75rem;
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}


	.vdp-nav-link:hover,
	.vdp-nav-link:focus {
		color: #000;
	}

.vdp-container-lg {
	width: 100%;
}


.petr-display {
	display: flex;
}

.vdp-row {
	--bs-gutter-x: 0.5rem;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

	.vdp-row > * {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
		margin-top: var(--bs-gutter-y);
	}

.vdp-col-6 {
	width: calc(50% - 10px);
	/* min-width: 400px; */
	padding: 0px;
	margin: 0px;
}

.vdp-situace-karty {
	width: 100%;
	/* min-width: 400px; */
	padding: 0px;
	margin: 0px;
}

.vdp-situace-karty-tab-content {
	background-color: #eff5fb;
}

.vdp-col-8 {
	width: calc(70% - 10px);
	min-width: 400px;
	padding: 0px;
	margin: 0px;
}

.vdp-col-4 {
	width: calc(30% - 10px);
	min-width: 200px;
	padding: 0px;
	margin: 0px;
}


.vdp-col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
}


.vdp-g-lg-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 1.5rem;
	padding: 0px;
	margin: 20px 0;
}

.vdp-btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.1875rem 0.5rem;
	font-size: 0.833rem;
	border-radius: 2px;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}


	.vdp-btn:hover {
		color: #000;
	}

	.vdp-btn:focus {
		outline: 0;
		-webkit-box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.5);
		box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.5);
	}

	.vdp-btn:disabled {
		pointer-events: none;
		opacity: 1;
	}

.vdp-btn-primary {
	color: #fff;
	background-color: #205b83;
	border-color: #205b83;
}

	.vdp-btn-primary:hover {
		color: #fff;
		background-color: #1b4d6f;
		border-color: #1a4969;
	}

	.vdp-btn-primary:focus {
		color: #fff;
		background-color: #1b4d6f;
		border-color: #1a4969;
		-webkit-box-shadow: 0 0 0 0.125rem rgba(65, 116, 150, 0.5);
		box-shadow: 0 0 0 0.125rem rgba(65, 116, 150, 0.5);
	}

	.vdp-btn-primary:active {
		color: #fff;
		background-color: #1a4969;
		border-color: #184462;
	}

		.vdp-btn-primary:active:focus {
			-webkit-box-shadow: 0 0 0 0.125rem rgba(65, 116, 150, 0.5);
			box-shadow: 0 0 0 0.125rem rgba(65, 116, 150, 0.5);
		}

	.vdp-btn-primary:disabled {
		color: #fff;
		background-color: #205b83;
		border-color: #205b83;
	}

.vdp-btn-link {
	font-weight: 400;
	color: #205b83;
	text-decoration: underline;
}

	.vdp-btn-link:hover {
		color: #205b83;
	}

	.vdp-btn-link:disabled {
		color: #6c757d;
	}

.vdp-fade {
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}


.vdp-d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

/*
.vdp-d-none {
	display: none !important;
}
*/

.vdp-flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.vdp-mb-1 {
	margin-bottom: 0.25rem !important;
}

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

.vdp-bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--gov-color-primary-700-rgb), var(--bs-bg-opacity)) !important;
}

.vdp-bg-dark-govcz {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--gov-color-primary-700-rgb), var(--bs-bg-opacity)) !important;
}

.vdp-icon {
	display: inline-block;
	height: 1rem;
	width: 1rem;
	background-size: auto 0.9375rem;
	background-repeat: no-repeat;
	background-position: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.vdp-icon-link {
	background-size: auto 10.29px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 11px;
}

.vdp-icon-external-link {
	background-image: url('data:image/svg+xml,%3csvg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.vdp-w3.org/2000/svg"%3e%3cpath fill-rule="evenodd" clip-rule="evenodd" d="M48.1538 27.3846V53.9231C48.1538 55.822 46.5913 57.3846 44.6923 57.3846H10.0769C8.17798 57.3846 6.61538 55.822 6.61538 53.9231V19.3077C6.61538 17.4087 8.17798 15.8462 10.0769 15.8462H34.2327C35.5064 15.8462 36.5404 14.8122 36.5404 13.5385C36.5404 12.2648 35.5064 11.2308 34.2327 11.2308H10.0769C5.64601 11.2308 2 14.8768 2 19.3077V53.9231C2 58.354 5.64601 62 10.0769 62H44.6923C49.1232 62 52.7692 58.354 52.7692 53.9231V27.3846C52.7692 26.1109 51.7352 25.0769 50.4615 25.0769C49.1878 25.0769 48.1538 26.1109 48.1538 27.3846ZM54.1211 6.61538H43.5385C42.2648 6.61538 41.2308 5.58139 41.2308 4.30769C41.2308 3.03399 42.2648 2 43.5385 2H59.6923C60.9669 2 62 3.03313 62 4.30769V20.4615C62 21.7352 60.966 22.7692 59.6923 22.7692C58.4186 22.7692 57.3846 21.7352 57.3846 20.4615V9.87889L29.0164 38.2472C28.1159 39.1478 26.6534 39.1478 25.7528 38.2472C24.8522 37.3466 24.8522 35.8841 25.7528 34.9836L54.1211 6.61538Z" fill="%23a52a2a"/%3e%3c/svg%3e');
}

.vdp-content-wrapper {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	/*margin-bottom: 3rem;*/
}



.vdp-form-wrapper {
	margin-bottom: 0.25rem;
	background-color: #eff5fb;
}

.vdp-form-content {
	padding: 0.5rem 0.5rem 1rem 0.5rem;
	border: #aaaaaa solid 1px;
	border-top: none;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.vdp-btn {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

	.vdp-btn:hover {
		color: #000;
		background-color: #ffd500;
		border-color: #ffd500;
	}

	.vdp-btn:focus {
		color: #000;
		background-color: #ffd500;
		border-color: #ff0000;
	}

	.vdp-btn:focus,
	.vdp-btn:active:focus {
		-webkit-box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.5) !important;
		box-shadow: 0 0 0 0.125rem rgba(255, 0, 0, 0.5) !important;
	}

	.vdp-btn[disabled] {
		background-color: #eeeeee;
		border-color: #eeeeee;
		color: #6d6d6d;
	}

.vdp-nav-tabs {
	border-bottom: none;
}

.vdp-nav .vdp-nav-link {
	border: none;
	margin-bottom: 0;
	border-color: transparent;
	border-radius: 0;
}

	.vdp-nav .vdp-nav-link:hover,
	.vdp-nav .vdp-nav-link:focus {
		color: #000;
		background-color: var(--gov-color-primary-100);
		border-color: var(--gov-color-primary-100);
	}

#sidebar .vdp-nav .vdp-nav-link {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	border-left-width: 5px;
	border-left-style: solid;
	line-height: 1.0625rem;
}

.vdp-tabulka {
	width: 100%;
	/*	border: 1px solid black;*/
}

.table-frame {
	background-color: var(--gov-color-neutral-white) !important;
	padding: 20px;
	margin-bottom: 30px;
	max-width: 90%;
}

.vdp-tabulka tr {
	line-height: 2rem;
	border-bottom: 1px solid var(--gov-color-secondary-500);
}

.vdp-tabulka tbody td {
	border: none;
	padding: 0.25rem;
	font-weight: normal;
}

.vdp-tabulka tbody tr th {
	line-height: var(--gov-text-xs-line-height);
}

.vdp-tabulka tbody tr td {
	line-height: var(--gov-text-xs-line-height);
}






/* The Close Button */
.close {
	float: right;
	padding: 10px;
	color: black;
	font-size: 28px;
	font-weight: bold;
	text-align: end;
	/*border: 1px solid red;*/
}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

.closeSettings {
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
}

	.closeSettings:hover,
	.closeSettings:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

.gear {
	display: inline-block;
	position: relative;
	margin: 0.2em;
	width: 1em;
	height: 1em;
	background: white;
	border-radius: 50%;
	border: 0.286em solid gray;
	box-sizing: border-box;
	&:before, &:after

{
	content: '×';
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "times new roman";
	font-weight: bold;
	font-size: 2.5em;
	color: gray;
}

&:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

}

.vdp-head-nohead {
	font-weight: bold;
	color: #a52a2a;
}


/* - MARK: original portal.css below */



* {
    box-sizing: border-box;
}

body {
    /*-moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;*/
    background: #f5f5f5;
    min-height: 100vh;
    margin: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

/* overload of h1 font size from gov.cz */
h1 {
    font-size: 2.5rem;
    font-family: "Roboto" !important;
    color: var(--gov-color-secondary-800);
    font-weight: 300;
    /*padding: 25px 0;*/
}

/* overload of h2 font size from gov.cz */
h2 {
    font-size: 1.75rem;
    color: var(--gov-color-secondary-800);
    margin-bottom: 1.5625rem;
    line-height: 1.4;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    letter-spacing: .0125em;
}

h3 {
    font-size: 1.25rem;
    color: var(--gov-color-secondary-800);
    margin: .625rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 400 !important;
    letter-spacing: .0125em;
    line-height: 1.2;
}

.sides-auto {
    width: 100%;
    margin: auto;
    border: 0px solid blue;
}


header {
    background: #2362a2;
    /*border-bottom: 1px solid #254e80;*/
    padding-top: 1.25rem;
    padding-bottom: 1.0625rem;
    min-height: 50px;
}

    header .link-logo:hover {
        background-color: transparent;
    }

    header .logo {
        height: 40px;
    }

    header .portal-headline {
        font-size: 1.1rem;
        font-weight: 700;
        color: #dddddd;
        letter-spacing: .05em;
        margin-left: 20px; /* spacing images in the header */
		margin-right: 20px;
    }

    header .header-icons {
        margin-left: auto;
        text-align: end;
        border: 0px solid black;
        color: #dddddd;
    }

        header .header-icons gov-icon {
            margin: 0px 5px;
        }

.flexbox-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}






footer {
    color: #a8a8a8;
    background: #3b3b3b;
    font-size: 0.9rem;
    line-height: 1rem;
    min-height: 50px;
    padding-top: 40px;
    padding-bottom: 35px;
    margin-top: 25px;
}

    footer hr {
        border-top: 1px solid #686868;
        margin: 25px 0;
    }

    footer span {
        font-size: 0.7rem;
    }

    footer #footer-version {
        float: right;
    }

.footer-links {
    list-style-type: none !important; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
}

    .footer-links li::before {
        background-color: transparent;
    }

	.footer-links a {
		text-decoration: none;
		color: inherit;
	}

.vspacing {
    margin: 20px 0;
}

.margintop {
    margin: 20px auto;
}



/*Modal windows*/

/* The Modal (background) */
.modal {
    font-family: "Roboto";
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    padding: 100px 0; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    display: grid;
    grid-template-columns: 1fr auto;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    border-radius: 6px 6px 6px 6px;
}

#user-info-button a span {
    color: var(--gov-color-primary-300-rgb);
    text-transform: uppercase;
}

#user-info-button a:hover {
    color: var(--gov-color-primary-100);
}

.breadcrumbs {
    margin-bottom: 20px !important;
}

#logininvitation {
    margin: 30px 40px;
    padding: 10px 40px 20px 40px;
    background-color: var(--gov-color-primary-500);
    color: var(--gov-color-white);
    font-size: 1.2rem;
    border: 1px solid var(--gov-color-grey-light);
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1fr auto; /* Two columns: left takes remaining space, right takes auto width */
    align-items: center; 
}

#logininvitation p {
    margin: 20px 10px;
    font-weight: 400;
    color: var(--gov-color-white);
}

    #logininvitation h2 {
        margin: 0;
        font-weight: 600;
        color: var(--gov-color-white);
    }
    #logininvitation img {
        margin: 5px;
        width: 150px;
        filter: invert(100%);
    }

    #logininvitation .right-column {
        padding: 20px;
        
    }

#nialogincard img {
    display: block;
    margin: 20px auto;
}

#portalheaderbutton > gov-chip {
    margin: 0 20px;
}

.spacedbutton {
    margin: 5px 0;

}

.gray_card {
    background-color: var(--gov-color-grey-inactive);
}

/* LOADING SPINNER START */

.lds-ring {
    /* change color here */
    color: var(--gov-color-primary);
}

    .lds-ring,
    .lds-ring div {
        box-sizing: border-box;
    }

.lds-ring {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        margin: 8px;
        border: 8px solid currentColor;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: currentColor transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* LOADING SPINNER END */

/* checkmark color */
#rozpracovaneTable svg path {
    fill: var(--gov-color-success);
}

.chevron {
    color: var(--gov-color-primary-400);
    float: right;
}

#mujkatastrchipzone {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px;
}

.importantMessage {
    background-color: var(--gov-color-warning-100);
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
}

.importantMessage p {
    padding: 10px 10px 0px 10px;
    font-size: 0.9rem;
}

.inactive-link {
    pointer-events: none;
    cursor: default;
    color: grey;
    text-decoration: none;
}

#formio-back-button {
	position: absolute;
	top: 10px;
	right: 10px;
}

#divFormioFrameset {
	position: relative;
}

:root {
    --gov-color-blue: #2362a2;
    --gov-color-grey-dark: #3b3b3b;
    --gov-color-white: #ffffff;
    --gov-color-blue-dark: #254e80;
    --gov-color-blue-focus: #007bff;
    --gov-color-blue-light: #3077b7;
    --gov-color-blue-inactive-1: #91b0d0;
    --gov-color-blue-inactive-2: #d3dfec;
    --gov-color-blue-inactive-3: #edf0f2;
    --gov-color-blue-hover: #e5ebf0;
    --gov-color-grey-mid: #686868;
    --gov-color-grey-light: #a8a8a8;
    --gov-color-grey-inactive: #dddddd;
    --gov-color-grey-bg: #f5f5f5;
    --gov-color-yellow: #ecae1a;
    --gov-color-yellow-dark: #dd9f0c;
    --gov-color-error: #c52a3a;
    --gov-color-success: #6fbd2c;
    --gov-color-grey-dark-rgb: 59, 59, 59;
    --gov-color-white-rgb: 255, 255, 255
}


/* Add media queries for smaller screens */
@media (max-width: 576px) {
    #header header {
		padding: 2% 2%;
	}

	h1 {
		font-size: 1.5rem;
		padding: 1% 2%;
		margin-top: 2px;
	}

	h2 {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        font-size: 0.875rem;
    }

	#footer footer {
		padding: 40px 2%;
	}

	#oPortalu .gov-tabs-item__inner {
		width: 90%;
		padding: 2% 2%;
		margin: 0;
	}

	#divZalozky {
		padding: 0 2%;
	}

	#oPortalu .gov-tabs-item__inner p a {
		word-wrap: break-word;
		overflow-wrap: break-word;
		max-width: 350px;
		padding: 0 2%;
		display: block;

	}
	
	#logininvitation {
		margin: 10px 2%;
		font-size: small;
	}

	#logininvitation .left-column {
		font-size: small;
    }

    #logininvitation .right-column {
		display: none;
    }

	#logininvitation h2 {
        font-size: 1rem; /* Adjust h2 font size */
    }

    #logininvitation p {
        font-size: 0.875rem; /* Adjust paragraph font size */
    }

    #logininvitation span {
        font-size: 0.875rem; /* Adjust span font size */
    }

	.vdp-col-6, .vdp-col-12, .vdp-col-4 {
		width: 95%;
	}
	#portal-main-tabs > div > ul {
		gap: 0.2rem 1rem;
		padding: 0 2%;
	}

	#header .logo {
        display: none;
    }

	#header span.element {
		font-size: 0.6rem;
	}

	#header span.portal-headline {
		display: block;
		padding: 5px 10px 15px 10px;
		margin:auto;
		text-transform: uppercase;
	}

	#user-info-button > a > gov-icon {
		display: none;
	}

	#portalheaderbutton > gov-button > button > gov-icon {
		display: none;
	}

	.vdp-tabulka {
        overflow-x: auto; /* Allow horizontal scrolling */
        font-size: 0.65rem; /* Adjust font size */
        word-wrap: break-word; /* Wrap long words */
        overflow-wrap: break-word; /* Wrap long words */

    }

    .vdp-tabulka th, .vdp-tabulka td {
        padding: 0.2rem; /* Adjust cell padding */
    }

	ul.breadcrumbs {
        line-break: normal;
		white-space: normal;
    }

    ul.breadcrumbs li {
        word-wrap: break-word;
		white-space: normal;
    }

	.table-frame {
		max-width: 100%;
	}

	.vdp-col-8 {
		min-width: 0;
		width: auto;
	}
	
	/* Formio starts */
	#back-button-services {
		right: 2% !important;
	}

	#divFormio {
		padding: 0 2%;
	}

	#divFormio p {
		font-size: 0.9em;

	}
	
	#divFormio ul.pagination {
		width: 75%;
	}

	#divFormio ul.pagination .page-link {
		font-size: 0.9em;
	}

	#divFormio div.choices.form-group.formio-choices  {
		font-size: 0.9em;
	}

	#divFormio div.choices.form-group.formio-choices .choice {
		font-size: 0.9em;
	}

	#divFormio div.choices.form-group.formio-choices div.form-control.ui.fluid.selection.dropdown span {
		font-size: 0.9em;
	}

	.col-lg-6 {
		min-width: unset !important;
	}

	.formio-component-email, .formio-component-telefon, .formio-component-datumListiny, .formio-component-datumListiny2 {
		width: 100% !important;
	}

	#divFormio .whiteTitleTR td, #divFormio .whiteTitleTR th {
		font-size: 0.55em;
		line-height: normal;
	}

	#divFormio .fieldset-body .podani {
		padding: 0 !important;
		border-style: none !important;
    	border-width: 0px !important;
	}

	#divFormio .fieldset-body .podani #background > img {
		width: 95%;
		top: 20%;
		height: auto;
		position: inherit;
	}

	#divFormio .fieldset-body .podani h1.podani {
		font-size: 1rem;
		line-height: 1.7rem;
		height: fit-content;
	}

	#divFormio .fieldset-body .podani div.printPagingCancel > table > tbody tr.titleTR td {
		font-size: 0.7rem;
		padding: 0.3rem;
	}

	#divFormio .fieldset-body .podani div.printPagingCancel > table > tbody tr.whiteTR td {
		font-size: 0.6rem;
		padding: 0.5rem;
	}

	#divFormio .fieldset-body .podani div.toppad > div.newline .nadpisLine {
		width: 70%;
		height: 2rem;
	    font-size: 0.7rem;
	}

	#divFormio div.wizard-page {
		margin-top: 5px;
	}

	#divFormio div.wizard-page > .formio-component-listina div.choices div.choices__item.choices__item--selectable,
	#divFormio div.wizard-page .formio-component-budova div.choices div.choices__item.choices__item--selectable,
	#divFormio div.wizard-page .formio-component-cobce div.choices div.choices__item.choices__item--selectable,
	#divFormio div.wizard-page .formio-component-obec div.choices div.choices__item.choices__item--selectable,
	#divFormio div.wizard-page .formio-fieldset-lokalizace-adresa div.choices div.choices__item.choices__item--selectable,
	#divFormio div.wizard-page .S8008-formio-component-body div.choices div.choices__item.choices__item--selectable {
		white-space: normal;
	}

	#divFormio div.wizard-page .formio-fieldset-lokalizace-adresa {
		padding: 0 2%;
	}
		
	#divFormio div.podani table.zadost th {
		font-size: 0.7rem;
		padding: 0.2rem;
		text-align: left;
	}

	#divFormio div.podani table.zadost td {
		font-size: 0.65rem;
		padding: 0.2rem;
		text-align: left;
	}
	
	#divFormio .col-sm-6 {
		min-width: 100% !important;
	}

	/* Formio ends */

}

.render-login-service-banner {
	margin: 10px 25% 10px 0;
}

.h3icon {
	width: 0.8rem;
    height: 0.8rem;
}

.liIcon {
	color: #fff;
	width: 0.7rem;
    height: 0.7rem;
}

.mujKatastrTdIcon {
	width: 0.7rem;
    height: 0.7rem;
}

.responsive-video {
	position: relative;
	width: 100%;
	max-width: 640px;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0; }