*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	line-height: 1.15;
	font-family: sans-serif;
	font-size: 62.5%;
}


body {
	/* Zakomentovano kvuli chybe se sticky footerem v IE */
	/*display: flex.
	flex-flow: column nowrap;
	justify-content: space-between;
	min-height: 100vh;*/
	margin: 0;
	color: #222;
	background-color: #fff;
	text-align: left;
	line-height: 1.4;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1.28rem;
	font-weight: 400;
}

/* Vytvoreno jako mozna nahrada textarea pri pouziti class="tarea" (kvuli hyperlinkum, ktere jsou v textarea obtizne zprovoznitelne) */
div.tarea {
	min-height: 5rem;
	resize: vertical;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	font: small courier, monospace black;
	width: 100%;
	overflow: auto; /* in most browsers, this will results in a scrollbar when there's more content than can fit in the dimensions defined above */
	color: #222;
	background-color: #eee;
	border: 1px #b0b0b0 solid;
	box-shadow: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Vytvoreno kvuli chybe se sticky footerem v IE */
.ie-fix-min-height {
	display: flex;
	display: -ms-flexbox;
}

/* Vytvoreno kvuli chybe se sticky footerem v IE */
.page-wrapper {
	display: flex;
	display: -ms-flexbox;
	flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	width: 100%;
	min-height: 100vh;
	min-width: 82.2rem;
}

/*******************************************************************************
 * 
 *  HTML tags basic settings
 * 
*******************************************************************************/

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

hr {
	box-sizing: content-box;
	height: 0;
	margin: 1rem 0;
	overflow: visible;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}

h1, .h1 {
	font-size: 2.5rem;
}

h2, .h2 {
	font-size: 2rem;
}

h3, .h3 {
	font-size: 1.75rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}

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

a {
	color: #0072c0;
	text-decoration: underline;
	background-color: transparent;
}

a:active, a:focus, a:hover {
	text-decoration: underline; 
	color: #de4a00;
}

.ui-widget-content a.link-help--override-jquery-ui {
	color: #0072c0;
}

.ui-widget-content a.link-help--override-jquery-ui:hover,
.ui-widget-content a.link-help--override-jquery-ui:focus {
	color: #de4a00;
}

img {
	vertical-align: middle;
	border-style: none;
}

table {
	border-collapse: collapse;
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #868e96;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: inherit;
}

fieldset {
	border: none;
}

label {
	display: inline-block;
	margin: 0;
}

button {
	border-radius: 0;
}

button:focus {
	/*outline: 1px dotted;*/
	/*outline: 5px auto -webkit-focus-ring-color;*/
}

input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  /*outline: none;*/
}

input.readonly-as-disabled[readonly] {
	cursor: default;
}

input.readonly-as-disabled[readonly]:focus {
	outline: none;
}

/*******************************************************************************
 * 
 *  Environment banner
 * 
*******************************************************************************/

.env-banner {
	position: sticky;
	top: 0;
	background-color: #860c0c;
	border-bottom: 1px #6c0909 solid;
}

.js-env-banner {
	position: fixed;
	top: 0;
	width: 100%
}

.env-banner-content {
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*align-items: center;*/
	margin: 0 auto;
	width: 100%;
	min-width: 82.2rem;
	max-width: 122.2rem;
	padding: .5rem 0;
	color: #fdfdfd;
	font-size: 1.3rem;
}

.env-banner-content p {
	margin: 0;
}


/*******************************************************************************
 * 
 *  Header & footer
 * 
*******************************************************************************/

header {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	background-color: #e7e7e7;
}

.header-content {
	display: flex;
	display: -ms-flexbox;

    justify-content: space-between;
    -ms-flex-pack: justify;

	align-items: center;
	-ms-flex-align: center;

	margin: 0 auto;
	width: 100%;
	min-width: 82.2rem;
	max-width: 122.2rem;
	padding: .6rem 0;
	line-height: 1.8;
}

.header-content > .item {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	/*border: 1px red solid;*/
}

.header-content > .header-logo {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
}

.header-logo > a {
	display: block;
	width: 158px;
	min-width: 150px;
	height: 59px;
	margin-right: .8rem;
	background-image: url("../img/logo_cuzk.gif");
}

.header-logo > a > span {
	display: none;
}

.header-logo h1,
.header-logo h1 > a {
	font-size: 2.5rem;
	color: #1c5482;
	text-decoration: none;
	white-space: nowrap;
}

.header-content .header-info {
	flex: 1 1 auto;
	-ms-flex: 1 1 0.001%;
	padding-right: .5rem;
	text-align: right;
	font-size: 1.1rem;
	background: none;
	overflow: hidden;
	margin-left: 0.5rem;
}

.header-content .header-logout {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	display: flex;
	display: -ms-flexbox;
	flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	padding-left: .5rem;
	font-size: 1.1rem;
	border-left: 1px solid #9eb9d1;
}

.header-content .header-content-item {
	/*padding-left: 1rem;*/
	/*border: 1px #00ff80 solid;*/
}

.header-content .header-info .header-content-item {
	white-space: nowrap;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}

.header-content .header-info .header-content-subitem {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 2rem;
}

.selectbox {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 2rem;
}


/* Funkcionalita postupného ellipsis více prvků na jednom řádku */
.header-content .header-info .header-content-subitem-1{
	flex-shrink: 1;
}

.header-content .header-info .header-content-subitem-2{
	flex-shrink: 10000;
}

.header-content .header-info .header-content-subitem-3{
	flex-shrink: 100000000;
}


.header-content .header-info .header-content-subitem:not(:first-child) {
	margin-left: 1.5rem;
}

footer {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	margin: 1.5rem 0 0 0;
	background-color: #eff5fb;
}

.footer-upper {
	background-color: #2f6e99;
	color: #fff;
}

.footer-lower {
}

.footer-content {
	margin: 0 auto;
	min-width: 82.2rem;
	max-width: 122.2rem;
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	padding: .6rem 0;
}

.footer-content a {
	color: #fff;
}

.footer-content a:hover {	
	text-decoration: underline;	
	color: #ffd500;
}

.footer-content-item {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	font-size: 1.2rem;
}

.footer-content-item-environment {
	font-weight: 700;
	/*color: #de4a00;*/
	color: #ffffff;
}

.footer-iop {
	margin-top: -0.2rem;
}

.footer-iop a {
	font-size: 2.2rem;
	font-weight: 600;
	color: #2f6e99;
	text-decoration : none;
	box-shadow: inset 0 -3.5px 0 #2f6e99;
}

.footer-iop a:hover {	
	text-decoration: underline;	
	color: #de4a00;
}

/*******************************************************************************
 * 
 *  Main layout
 * 
*******************************************************************************/

.main {
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	background-color: #fff;
}

.subheader-wrapper {
	background-color: #2f6e99;
	color: #fff;
	margin-bottom: 1rem;
}

.subheader-wrapper a {
	color: #fff;
}

.subheader-wrapper a:hover {
	text-decoration: underline;
	color: #ffd500;
}

.content,
.subheader-wrapper .subheader {
	margin: 0 auto;
	min-width: 82.2rem;
	max-width: 122.2rem;
	/*min-width: 90.2rem;*/
	/*max-width: 134.2rem;*/
}

.subheader-wrapper .subheader {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	/* padding: .3rem 0; */
	padding: .6rem 0;
	font-size: 1.4rem;
}

.subheader-wrapper .subheader-empty {
	height: 2.4rem;
}

.subheader-wrapper .subheader .item {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
}

.content-login {
	margin: 0 auto;
	margin-top: 4rem;
	width: 30rem;
}

h1 {
	color: #1c5482;
	font-size: 3rem;
	font-weight: 700;
}

h2 {
	margin-bottom: .4rem;
	font-size: 1.5rem;
	color: #0072c0;
}


/*******************************************************************************
 * 
 *  Breadcrumbs & main navigation & content (page) header
 * 
*******************************************************************************/

.breadcrumbs {
	display: flex;
	display: -ms-flexbox;
}

.breadcrumbs-header {
	margin-right: .8rem;
	font-weight: lighter;
}

.breadcrumbs ol {
	display: flex;
	display: -ms-flexbox;
	list-style: none;
}

.breadcrumbs li {
	list-style-type: none;
}

.breadcrumbs li::after {
	display: inline-block;
	padding-right: .5rem;
	padding-left: .5rem;
	/*color: #636c72;*/
	content: "»"
}

.breadcrumbs li:last-child:after {
	content: none;
}

.basic-navigation {
	/*flex: 1 1 auto;*/
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-end;
	-ms-flex-pack: end;
}

.basic-navigation > .navigation-item {
	margin-left: 1rem;
	font-size: 1.4rem;
}

.content-header {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
	margin: .4rem 0;
}

.content-header h1 {
	color: #de4a00;
	font-size: 2.0rem;
}

.content-header-buttons {
	margin-left: auto;
	padding-top: 1rem;
}

.content-header-buttons button {
	min-width: 10rem;
}


/*******************************************************************************
 * 
 *  Form elements
 * 
*******************************************************************************/

input[type="text"],
input[type="password"],
textarea,
span.text-input {
	width: 100%;
	padding: .1rem .2rem;
	color: #111;
	background-color: #fff;
	border: 1px #b0b0b0 solid;
	line-height: 1.5;
}

textarea {
	min-height: 5rem;
	resize: vertical;
	white-space: pre-wrap;
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="text"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="password"]:hover,
textarea:active,
textarea:focus,
textarea:hover,
.js-input-textbutton-focus input,
.js-input-textbutton-hover input,
.js-input-textbutton-focus button,
.js-input-textbutton-hover button {
	border-color: #669fcc;
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
textarea:active,
textarea:focus,
.js-input-textbutton-focus input,
.js-input-textbutton-focus button {
	box-shadow: 0 0 2px #669fcc;
}

input[type="text"][readonly],
input[type="password"][readonly],
textarea[readonly] {
	color: #222;
	background-color: #eee;
	border: 1px #b0b0b0 solid;
	box-shadow: none;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="text"]:read-only,
input[type="password"]:read-only,
textarea:disabled {
	color: #555;
	background-color: #eee;
	border: 1px #b0b0b0 solid;
	box-shadow: none;
}

textarea.isui-resizable {
	width: 100% !important;
	overflow: auto;
}

.isui-resizable+.isui-resizable-handle{
	right: 0;
	left: auto;
	bottom: 0.3rem;
	height: 1.6rem;
	width: 1.6rem;
}

.js-input-wrapper{
	width: 100%;
}

.isui-selectbox-disabled > span {
	color: #555;
}

select {
	width: 100%;
}

span.checkbox {
	display: inline-flex;
	display: -ms-inline-flexbox;;
	flex-flow: row-reverse wrap;
	-ms-flex-flow: row-reverse wrap;
	align-items: center;
	-ms-flex-align: center;
}
	
.checkbox input,
.checkbox label {
	margin: 0;
}

.checkbox input {
	width: 2rem;
}

.checkbox label {
	width: calc(100% - 2rem);
}

button,
input[type="button"],
[type="submit"],
[type="reset"],
.button {
	cursor: pointer;
	color: #111;
	background: #ebebeb linear-gradient(to top, #ddd, #f6f6f6);
	border: 1px #9e9e9e solid;
	line-height: 1.5;
	padding: .1rem 1rem;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
button:active, input[type="button"]:active, [type="submit"]:active, [type="reset"]:active,
a.button:active, a.button:focus, a.button:hover,
.js-selectbox-hover, .js-selectbox-focus, .js-selectbox-active
.ui-selectmenu-button-open {
	background: #ddd linear-gradient(to top, #ddd, #ebebeb);
	border: 1px #669fcc solid;
	/*box-shadow: 0 0 2px #669fcc;*/
	/*outline-offset: -2px;
	outline: #669fcc auto 1px;*/
	outline: 0;
	color: #111;
}

button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
a.button:focus,
.js-selectbox-focus {
	box-shadow: 0 0 2px #669fcc;
}

button:active, input[type="button"]:active, [type="submit"]:active, [type="reset"]:active,
a.button:active,
.js-selectbox-active,
.ui-selectmenu-button-open {
	box-shadow: inset 0 0 6px #808080;
}

a.button, a.button:active, a.button:focus, a.button:hover {
	display: inline-block;
	padding-top: .15rem;
	padding-bottom: .15rem;
	text-decoration: none;
}

button:disabled, button:disabled:active, button:disabled:focus, button:disabled:hover, 
input[type="button"]:disabled, [type="submit"]:disabled, [type="reset"]:disabled,
a.button.disabled, a.button.disabled:active, a.button.disabled:focus, a.button.disabled:hover,
.isui-selectbox-disabled.ui-state-disabled,
.isui-selectbox-disabled {
	cursor: default;
	background: #eee;
	color: #999;
	border: 1px #b0b0b0 solid;
	box-shadow: none;
	opacity: 1;
}

.button-emp,
.ui-widget-content a.button-emp {
	background: none;
	background-color: #2f6e99;
	color: #fff;
	border: 1px solid #2f6e99;
	text-decoration: none;
	padding: .3125em 1rem;
}
.button-emp:hover, .button-emp:focus,
.ui-widget-content a.button-emp:hover, .ui-widget-content a.button-emp:focus {
	background: none;
	background-color:#ffd500;
	color:#000;
	text-decoration: none;
	border:1px solid #dfbf21;
}
.button-emp:focus{
	box-shadow:0 0 4px #dfbf21;
}
.button-emp:active{
	background-color:#ffb500;
	color:#000;
	border:1px solid #c99e36;
	box-shadow:inset 0 0 6px #808080;
}

.submenu-button > i {
	margin-left: .5rem;
}

.input-krizek {
	margin-left: 1rem;
}

/* FIXME: rkovar - pozdeji bude prejmenovano na required
(po odstaneni puvodniho nevyhovujiciho reseni pro povinne polozky) */
label.requiredXXX,
.form label.requiredXXX {
	position: relative;
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
}

.requiredXXX::after {
	position: absolute;
	content: "*";
	color: #ca0200;
	text-align: right;
	width: 100%;
	left:0;
}

span.text-input {
	display: inline-block;
	padding-right: 0;
	padding-left: 0;
	background: none;
	background-color: transparent;
	border-color: transparent;
}

.radio-wrapper label {
	font-weight: normal;
}

.radio-wrapper img {
	margin-left: 0.5rem;
	vertical-align: text-top;
}


/********************* input element with button & selectbox *********************/
span.input-textbutton {
	overflow: unset;	
}

.input-textbutton,
.selectbox {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	justify-content: flex-start;
	-ms-flex-pack: justify;
	align-items: stretch;
	-ms-flex-align: stretch;
	width: 100%;
}

.input-textbutton > input[type="text"],
.selectbox > span {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	width: 25%;
}

.input-textbutton > button,
.selectbox > i {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	min-width: 2.3rem;
	padding-left: .7rem;
	padding-right: .7rem;
	border-left: none;
}

.input-textbutton > button:disabled:hover {
	border-left: none;
}

.selectbox {
	cursor: default;
	padding: 0 0 0 .3rem;
}

.selectbox > span {
	padding: .1rem .2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.selectbox > i {
	padding-top: .1rem;
	padding-bottom: .1rem;
	align-self: center;
}

.input-textbutton .js-autocomplete-wrapper .js-autocomplete-input{
	height: 100%;
}
/********************* END element with with button *********************/


/* experimenty se select boxy */
.styled-select, styled-select-half {display: inline-block;}
/*
.styled-select, styled-select-half {
	display: inline-block;
	border: 1px #b0b0b0 solid;
	background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 60%;
	background-color: #fff;
	height: 23.2px;
	overflow: hidden;
	width: 176px;
}
.styled-select-half {
	width: 88px;
}
.styled-select select, .styled-select-half select {
	background: transparent;
	border: none;
	height: 23.2px;
	padding: 1px 2px;
	overflow: hidden;
	width: 196px;
}
.styled-select-half select {
	width: 102px;
}*/



/*******************************************************************************
 * 
 *  Field errors (for form inputs...
 * 
*******************************************************************************/

.field-error-wrapper {
	display: flex;
	display: -ms-flexbox;
	/*flex: 0 0 column;*/
	flex-flow: column-reverse;
	-ms-flex-flow: column-reverse;
	/*border: 1px solid blue;*/
	margin-bottom: .5rem;
}

.field-error-wrapper > *:first-child {
	/*border: 1px solid red;*/
    white-space:pre-wrap;
}

.field-error-wrapper > *:last-child {
	/*border: 1px solid green;*/
	
}

.field-error-wrapper  input[type="text"],
.field-error-wrapper  input[type="password"],
.field-error-wrapper  textarea,
.field-error-wrapper  span.text-input,
.field-error-wrapper  span.selectbox,
.simple-error-filed-wrapper  input[type="text"],
.simple-error-filed-wrapper  input[type="password"],
.simple-error-filed-wrapper  textarea,
.simple-error-filed-wrapper  span.text-input,
.simple-error-filed-wrapper  span.selectbox,
.simple-error-filed-wrapper  span.input-textbutton input[type="text"] {
	border: 1px #ca0200 solid;
}
.simple-error-filed-wrapper  span.input-textbutton button {
	border: 1px #ca0200 solid;
	border-left: none;
}

.red-border-dialog-error {
	border: 1px #ca0200 solid;
}

.field-error-wrapper > .field-error {
	color: #ca0200;
}

.field-error-dialog {
	color: #ca0200;
}

.info-box > div.field-error-wrapper > input[type="text"] {
	margin-bottom: 0;
}

.field-error-wrapper > * {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

/*******************************************************************************
 * 
 *  Clearable inputs
 * 
*******************************************************************************/

input[type="text"]{
  background: #fff url(../img/input_x.gif) no-repeat right -1rem center;
	
}

input[type="text"]:focus{
	padding-right: 1.8rem;
}

input[type="text"]:focus.x  { 
	background-position: right 5px center; 
}

input[type="text"]:focus.onX{ 
	cursor: pointer; 
}              

/* Remove IE default X */
input[type="text"]::-ms-clear {
	display: none; 
	width:0; 
	height:0;
} 

input[type="text"]:focus.x.ui-autocomplete-loading {
	padding-right: 3.8rem;
} 

/*******************************************************************************
 * 
 *  Form layouts
 * 
*******************************************************************************/

.form {
	padding: 1.2rem 2rem;
	background-color: #eff5fb;
	border: 1px solid #aaa;
	border-radius: .25rem;
}

.form-divider-tab-title {
	margin-top: 1.2rem;
	margin-bottom: 0;
}

.form-divider-tab-title > * {
	border-width: 1px 1px 0px 1px;
	border-color: black;
	border: 1px solid #aaa;
	border-bottom: none;
	margin-bottom: 0;
	background-color: #eff5fb;
	padding: .5rem 1.5rem .2rem 1.5rem;
	display: inline-block;
	position: relative;
	top: 1px;
	left: 0px;
	/*! font-size: 1.4rem; */
}

fieldset,
.form-info-boxes fieldset {
	margin-top: .5rem;
	border-top: 1px rgba(0,0,0,.1) solid;
}

.form-info-boxes {
	margin-top: 0.6rem;

}

.form-info-boxes fieldset {
	margin-top: 1rem;
	padding-top: 1rem;
}

fieldset:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.form-row {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	align-items: stretch;
	-ms-flex-align: stretch;
	/*margin-right: -2rem;*/
}

.form-row-static {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
}

.form-column-static {
	flex: 1 1 50%;
	box-sizing: border-box;
	margin: 0;
	padding-top: 0.5rem;
	padding-right: 5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 15rem;
}

.form-column-static label {
	width: 39px;
	white-space: nowrap;
}

.form-column-static span.js-autocomplete-wrapper {
	margin-left: 6.3px
}

div.form-column-static .requiredXXX::after {
	width: 184px;
}

.form-column-static-validations {
	flex: 1 1 50%;
	box-sizing: border-box;
	margin: 0;
	padding-top: 0.5rem;
	padding-right: 5rem;
	display: flex;
	flex-direction: row;
	gap: 15rem;
	align-items: flex-start; /* Ensure elements remain top-aligned */
	position: relative; /* Allow precise control over children positioning */
}

.form-column-static-validations label {
	width: 39px;
	white-space: nowrap;
}

.form-column-static-validations span.js-autocomplete-wrapper {
	margin-left: 6.3px
}

div.form-column-static-validations .requiredXXX::after {
	width: 184px;
}

.form-column-static-validations .field-error-wrapper {
	position: relative; /* Keeps the error wrapper within the parent flow */
	display: flex;
	flex-direction: column; /* Align input and error vertically */
	justify-content: flex-end; /* Align errors and inputs properly */

	/* input settings */
	margin: 0;
	padding: 0;
	gap: 0.2rem; /* Space between input and error message */
	width: 100%;
}

.form-column-static-validations .field-error-wrapper > .field-error {
	position: absolute; /* Prevent the error message from affecting layout */
	top: 100%; /* Place error below the input field */
	left: 0;
	color: #ca0200; /* Keep the red color for the error */
	white-space: nowrap; /* Prevent the error text from wrapping */
	pointer-events: none; /* Prevent interference with pointer-selections */
	font-size: inherit; /* Ensure the error font size matches nearby elements */
}

.form-column-static-validations input {
	max-width: 100%; /* Prevent fields from stretching beyond their container */
	margin-bottom: 0; /* Avoid extra spacing below input */
}

.form-column-static-validations input.error {
	border: 1px solid #ca0200; /* Highlight error state with red border */
}

/* Handle other children inside ..form-column-static-validations */
.form-column-static-validations .js-autocomplete-wrapper {
	display: inline-block;
	width: 100%;
	flex-grow: 1; /* Ensure the input grows to take available space */
}


/* INPUT START */
.form-column-static-validations .field-error-wrapper input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0; /* Avoid extra spacing below input */
}

.form-column-static-validations .field-error-wrapper input[type="text"].error {
	border: 1px solid #ca0200; /* Red border for error state */
	box-sizing: border-box;
	width: 100%;
}

.form-column-static-validations .field-error-wrapper > .field-error {
	position: absolute;
	top: 100%; /* Place error message directly below the input */
	left: 0;
	color: #ca0200; /* Red color for errors */
	font-size: inherit; /* Match font size to surrounding text */
	white-space: nowrap; /* Prevent wrapping of error message */
	margin-top: 0.2rem; /* Space for readability */
	pointer-events: none; /* Prevent interference with user interactions */
}
/* INPUT END */

.validations-spacer {
	margin-bottom: 4.5rem; /* Adjust spacing as needed */
}


.form-row-buttons {
	justify-content: flex-end;
	-ms-flex-pack: end;
	margin-top: 1.2rem;
}

.form-row-pad {
	padding-top: 1rem;
}

.form-column-wrapper {
	margin-right: 0;
}

.form-column {
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	display: flex;
	display: -ms-flexbox;
	flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	/*align-items: stretch;*/
	/*border: 1px green solid;*/
}

.form-column-buttons {
	justify-content: flex-end;
	-ms-flex-pack: end;
	align-items: flex-end;
	-ms-flex-align: end;
}

.form-box {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	min-width: 18rem;
	max-width: 18rem;
	margin: .6rem 2rem .6rem 0;
}

.form-box:last-child {
	margin-right: 0;
}

.form-box-buttons {
	min-width: 10rem;
	/*max-width: 10rem;*/
}

.form-box-buttons > button {
	width: 100%;
}

fieldset:first-of-type .form-box {
	margin-top: 0;
}

.form label {
	display: block;
	font-weight: 600;
}

.form-box-checkbox {
	align-self: flex-end;
	-ms-flex-item-align: end;
}

.info-box {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-pack: start;
	width: 100%;
}

.info-box > * {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.info-box > textarea {
	white-space: pre-wrap;
}

.info-box > *:first-child {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	width: 40%;
	margin-right: .5rem;
	/*border: 1px red solid;*/
	font-weight: 600;
	white-space: normal;
}

.info-box > h1:first-child,
.info-box > h2:first-child,
.info-box > h3:first-child,
.info-box > h4:first-child,
.info-box > h5:first-child {
	font-weight: bold;
}

.info-box > *:last-child {
	margin-right: .4rem;
}

.info-box > input[type="text"],
.info-box > input[type="password"],
.info-box > textarea,
.info-box > span.input-textbutton,
.info-box > span.selectbox,
.info-box > div > input[type="text"],
.info-box > span.isui-ac {
	/*width: 60%;*/
	width: auto;
	/*min-width: 18rem;*/
	margin-bottom: .5rem;
}

.info-box > .js-input-wrapper > input[type="text"],
.info-box > .js-input-wrapper > input[type="password"],
.info-box > .js-input-wrapper > textarea{
	margin-bottom: .5rem;
}

.info-box-nezjisteno {
	margin-bottom: 0.5rem;
}

.info-box-nezjisteno > *:first-child {
	width: fit-content;
	margin-left: 16.5rem;
}

.info-box-nezjisteno > *:last-child {
	flex: none;
	margin-top: 0.3rem;
}

.js-detail-polozky-checkbox-bezBytu {
	margin-left: 1.1rem;
}

.box-mezera {
	margin-top: 0.5rem;
}

.radio-box-display {
	display: -webkit-box;
}

.radio-spacing {
	width: 3rem;
	height: 1.5rem;
}

.radio-label-export{
	width: 2.5rem;
}

.info-box-uzem-situace {
	margin-left: 1rem;
}

.info-box-uzem-situace label {
	display: inline-block;
	width: 17rem;
}

.def-body-celek {
	display: flex;
	padding: 1.2rem 2rem;
}

.def-bod-radek {
	margin-right: 2rem;
	/*width: 20rem;*/
}

.def-bod-radek-label {
	/*margin-right: 2rem;*/
	width: 14.6rem;
}

.def-bod-radek-puv {
	margin-right: 2.4rem;
	margin-top: -0.2rem;
	margin-bottom: .5rem;
	color: #555;
	font-size: 1.2rem;
}

.def-bod-radek-label-puv {
	/*margin-right: 2.9rem;*/
	margin-top: -0.2rem;
	margin-bottom: .5rem;
	color: #555;
	font-size: 1.2rem;
}

.def-bod-radek-puv label {
	font-weight: 600;
	margin-right: 1rem;
}

.def-bod-radek label {
	font-weight: 600;
	margin-right: 1rem;
}

.def-bod-radek-label-puv label {
	font-weight: 600;
	margin-right: 1rem;
}

.def-bod-radek-label label {
	font-weight: 600;
	margin-right: 1rem;
}

.def-bod-sloupec {
	text-align: right;
	margin-right: 2rem
}

.def-bod-sloupec-label {
	text-align: right;
	margin-right: 3rem
}



/*
 * Sidebuttons - formular na leve strane, tlacitka na druhe stane
 */
.form-row-sidebuttons-wrapper {
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
}

.form-column-sidebuttons-form {
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	/*width: 100%;*/
}

.form-column-sidebuttons {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

.form-column-sidebuttons-single {
	justify-content: center;
	-ms-flex-pack: center;
}

.form-column-sidebuttons:last-child {
	margin-right: 1rem;
}

.form-column-sidebuttons .form-box {
	min-width: 14rem;
	max-width: 14rem;
	margin-right: 0;
	margin-left: 2rem;
}

.form-column-sidebuttons button {
	width: 15rem;
}



/*******************************************************************************
 * 
 *  Specific form layouts
 * 
*******************************************************************************/

.form-login .form-row {
	margin-right: 0;
}

.form-row-login-header {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}

.form-login .form-box-login {
	min-width: 100%;
	max-width: 100%;
}

.form-login .form-box-btn-zmena-hesla {
	justify-content: space-around;
}

.form-login .form-box-buttons {
	margin-right: 0;
}

.form-row .form-box-mestska-cast {
	min-width: 20rem;
	max-width: 20rem;
}

.form-row .form-box-parcela {
	min-width: 16rem;
	max-width: 16rem;
}

.form-box-prvek-filtr {
	min-width: 48rem;
	max-width: 48rem;
}

.form-box-prvek-filtr span {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	justify-content: space-between;
	-ms-flex-pack: justify;
	width: 100%;
}

.form-box-prvek-filtr select:nth-child(1),
.form-box-prvek-filtr .selectbox:nth-child(2) {
	min-width: 19rem;
	max-width: 19rem;
}

.form-box-prvek-filtr select:nth-child(2),
.form-box-prvek-filtr .selectbox:nth-child(4) {
	min-width: 11rem;
	max-width: 11rem;
}

.form-box-prvek-filtr input {
	min-width: 15rem;
	max-width: 15rem;
}

.form-box-prvek-tridit {
	min-width: 25rem;
	max-width: 25rem;
	margin-left: 43rem;
}

/* Specialita kvuli IE10 */
body.ie10 .form-box-prvek-tridit {
	min-width: 30rem;
	max-width: 30rem;
	margin-left: 38rem;
}
/*
 * Zobrazit reklamace a seznam NZ
*/
.form-box-zobrazit-seznam {
	min-width: 14rem;
	max-width: 14rem;
}
 
/*
 * Zalozit NZ
 */

.zalozeni-nz-uzemi-label-sekce {
	padding: 1rem 0rem 1rem 0rem;
}
.form-row-zalozeni-nz {
	width: 52rem;
}

.form-row-zalozeni-nz-vyber-dok .info-box-zalozeni-nz {
	width: 36rem;
}

.info-box-zalozeni-nz > *:first-child {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	width: 15.6rem;
}

.form-box-nz-zalozit-nazev,
.form-box-nz-zalozit-popis {
	max-width: 50%;
}

.zalozeni-nz-vyber-uzemi {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-pack: start;	
	align-items: center;
	-ms-flex-align: center;
}

/*.zalozeni-nz-vyber-uzemi > * {
	flex: 0 1 auto;
}*/

/*.zalozeni-nz-vyber-uzemi input[type="radio"] {
	margin-left: 0;
}*/

/*
 * Detail NZ
 */

.form-column-wrapper-nz-detail-main {
	margin-left: 2rem;
}

.form-column-wrapper-nz-detail-main > :first-child {
	max-width: 55%;
	min-width: 55%;
}

.form-column-wrapper-nz-detail-main > :nth-child(2) {
	max-width: 45%;
	min-width: 45%;
}

.form-column-wrapper-nz-detail-main > :first-child .info-box-header {
	max-width: 14rem;
}

.form-column-wrapper-nz-detail-main > :nth-child(2) .info-box-header {
	max-width: 14rem;
}

.form-column-wrapper-nz-detail-uzemi .info-box-header {
	width: 19.5rem;
}

/*
 * Detail podkladu NZ
 */
.form-column-wrapper-nz-podklad {
	width: 90%;
}
.field-error-wrapper-podklady {
	
}

.form-column-wrapper-podklady-nz > :first-child {
	padding-right: 10rem;
}

.form-column-wrapper-podklady-nz > :last-child {
	padding-right: 20rem;
}
.info-box-podklady > :first-child {
	width: 20rem;
}
/*
 * Vysledky kontrol
 */
.form-column-wrapper-vysledky-kontrol > :first-child .info-box-header {
	width: 20rem;
	margin-left: 2rem;
}

/*
 * Detail prvku / editace polozky NZ
 */

/* detail polozky NZ */
.form-info-boxes-detail-polozky .info-box > :first-child {
	width: 20rem;
	margin-left: 1rem;
}

/* detail prvku */
.js-dialog .form-info-boxes-detail-polozky .info-box > :first-child {
	width: 16rem;
	margin-left: 1rem;
}

.detail-polozky-puvodne,
.detail-polozky-puvodne-def-body {
	margin-top: -.2rem;
	margin-bottom: .5rem;
	color: #555;
	font-size: 1.2rem;
}

.akt-udaje.info-box.detail-polozky-puvodne > :first-child {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}

.detail-polozky-puvodne > :first-child {
	width: 100%;
	margin-left: 16.5rem;
}

.akt-udaje.info-box.detail-polozky-puvodne > .js-text-ellipsable{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.akt-udaje,
.akt-udaje-double {
	width: 40rem;
}

.akt-udaje-45{
	width: 45rem;
}

.akt-udaje.info-box > * {
	overflow: unset;
	white-space: normal;
}

.akt-udaje.info-box > :first-child {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

.akt-udaje.info-box > :last-child {
	align-self: flex-start;
	-ms-flex-item-align: start;
}

.akt-udaje-sklonovani {
	width: 32rem;
}

.akt-udaje-sklonovani > :first-child {
	width: 8rem;
}

.akt-udaje-sklonovani.detail-polozky-puvodne > :first-child {
	width: 100%;
	margin-left: 8.5rem;
}

.akt-udaje-selectbox {
	width: 50%;
}

.akt-udaje-date {
	width: 50%;
	padding-bottom: 0.5rem;
}

.form-column-bottom-section{
	margin-top: 2rem;
}

.form-column-def-body .form-column {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	width: 30rem;
}

.form-column-def-body .form-column-space {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

.form-column-def-body .form-column:last-child .def-body :first-child {
	width: 12%;
}

.detail-tea-puvodne {
	margin-top: -.2rem;
	margin-bottom: .5rem;
	color: #555;
	font-size: 1.2rem;
	padding-left: 18.5rem;
}

.detail-tea-info-box {
    margin-top: 0.5rem;
}

.form-column-wrapper-detail-hlavicky-zakladni .info-box.detail-tea-puvodne > span.detail-tea-span {
    width: 100%;
}

/*.def-body {
	width: 30rem;
}*/

.form-column:last-child .def-body {
	/*width: 10rem;*/
}

.definicni-span-pad {
	padding-left: 2.9rem;
}

.nespravnost-box {
	width: 100%;
}

.form-column-detail-polozky-export:last-child .info-box:first-child {
	margin-top: 1rem;
} 

.nespravnost-box > :first-child,
.form-column-detail-polozky-export .info-box > :first-child {
	width: 12rem;
}

.detail-polozky-export-box-inputs {
	margin: .3rem 0;
}

.detail-polozky-export-box-typy-aktualnost,
.detail-polozky-export-box-typy-udaju {
	width: 40rem;
}

.detail-polozky-export-box-format > span {
	margin-left: 12.5rem
}

.nespravnost-icon-wrapper {
	display: inline-block;
	width: 2rem;
	margin-right: 1rem;
	text-align: center;
}

.table-nespravnost-aktualni {
	width: 8rem;
	text-align: center;
}

.table-nespravnost-nastaveni {
	width: 25rem;
	text-align: center;
}

.vlajka {
	max-width:240px;
	max-height:180px;
	padding-top: 1rem;
	padding-bottom: 3rem;
}

.znak {
	max-width:240px;
	max-height:180px;
	padding-top: 1rem;
	padding-bottom: 3rem;
}

.zmenit-obrazek {
	padding-top: 1rem;
	padding-bottom: 3rem;
}

#progressBarObrazek {
	width: 0%;
	height: 20px;
	border: #0d93d1 solid 1px;
	background-color: #0d93d1;
	text-align: center;
}

#progressBarImport {
	width: 0%;
	height: 20px;
	border: #0d93d1 solid 1px;
	background-color: #0d93d1;
	text-align: center;
}




/*
 * Hlavicka NZ
 */
/* FIXME: rkovar - zobecnit, flex grow nastaveny na 0 */
.form-column-wrapper-detail-hlavicky-zakladni .info-box > :first-child {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

/* FIXME: rkovar - zobecnit */
.form-column-wrapper-detail-hlavicky-zakladni.form-row,
.form-column-wrapper-nz-hlavicka-dalsi.form-row {
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
}

/* FIXME: rkovar - zobecnit */
.form-column-wrapper-detail-hlavicky-zakladni.form-column-wrapper,
.form-column-wrapper-nz-hlavicka-dalsi.form-column-wrapper {
	padding-left: 4rem;
}

/* FIXME: rkovar - zobecnit */
.form-column-wrapper-detail-hlavicky-zakladni .info-box > *:last-child {
	white-space: normal;
}

/* FIXME: rkovar - zobecnit */
.form-column-wrapper-detail-hlavicky-zakladni > .form-column:last-child {
	margin-top: 2rem;
}

.form-column-nz-detail-hlavicky .info-box {
	width: 55rem;
}

.form-column-wrapper-detail-hlavicky-zakladni *:first-child .info-box {
	width: 45rem;
}

.form-column-wrapper-detail-hlavicky-zakladni *:first-child .info-box > *:first-child {
	width: 40%;
}

.form-column-wrapper-detail-hlavicky-second > .form-column:last-child {
	margin-top: 0rem;
}

/*
Admin - uzivatel vyber role
 */

#lstBox1, #lstBox2, #lstBox3, #lstBox4 {
	height:14rem;
	width:45rem;
}

.dostupne-role-container {
	display: flex;
	display: -ms-flexbox;
	padding-left: 7rem;
}

.transferBtns {
	align-self:center;
	width:50%;
	text-align: center;
}

.detail-polozky-box {
	width: 35%;
}

.detail-polozky-date {
	width: 20%;
}

.detail-polozky-required {
	margin-right: -9.2rem;
	margin-left: -1rem;
}


/*******************************************************************************
 * 
 *  Toolbar
 * 
*******************************************************************************/

.toolbar {
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 1.2rem;
}

.toolbar-group {
	display: flex;
	display: -ms-flexbox;
	margin-right: 2.4rem;
	list-style: none;
}

.toolbar-item {
	
}

.toolbar-item > a.button,
.toolbar-item > a.button.disabled {
	padding: .4rem 1.5rem;
	border-right: none;
	white-space: nowrap;
}

.toolbar-item:last-child > a.button {
	border-right: 1px #9e9e9e solid;
}


/*******************************************************************************
 * 
 *  Tables
 * 
*******************************************************************************/

/* TODO: */

table {
	width: 100%;
	margin: 1rem 0;
	margin-bottom: 0.2rem;
	border-collapse:collapse;
}

td, th {
	padding: 0.7em 0.4em;
}

th {
	background-color: #2f6e99;
	color: #fdfdfd;
	/*border: solid #2f6e99 1px;*/
	border: solid #aaa 1px;
	white-space: nowrap;
}

th.sortable {
	text-decoration: underline;
}

tr.even {
	background-color: #f0f0f0;
}

tr.odd,
tr.table-nodata {
	background-color: #fff;
}

tr.js-new-added-data {
	background-color: #fff182;
}

td {
	vertical-align: middle;
	border: 1px #aaa solid;
}

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

.konfigurace-uup-vlastnosti-hodnota {
	word-break: break-all;
	max-width: 50rem;
}

table.obsah td.akce, th.akce {
	width: 24rem
}

table.obsah td.akce button {
	padding: 0 .5rem;
}

table.obsah td.akce span.fa {
	font-size: 134%;
}

.table-narrow td,
.table-narrow th {
	padding: .5rem .4rem;
}


/***************  Table controls  ***************/

.table-control {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	padding: .5rem 0;
	/*border: 1px red solid;*/
}

/*.table-control > * {
	border: 1px blue solid;
}*/

.table-control-first,
.table-control-prev,
.table-control-next,
.table-control-last {
	min-width: 4rem;
}

.table-control-btns-hide span#controlBtns {
    visibility: hidden
}

.table-control-prev > .fa-play {
	transform: scaleX(-1);
}

.table-control-page {
	margin: 0 .5rem;
}

/**************** Table with clickable rows showing tabs ********************/

tr.js-simple-tab-controller {
	cursor: pointer;
}

tr.js-simple-tab-controller-active,
tr.js-simple-tab-controller-active td {
	/*background: #c3d4e0;*/
	/*background: #e1f3ff;*/
	background: #ffe1d2;
}


/************************************/

input.table-control-currentpage {
	width: 4rem;
	margin: 0 .5rem;
	text-align: center;
	font-weight: 600;
}

.table-control-records-number {
	font-weight: 700;
}

.table-control .fa {
	font-size: 100%;
	font-weight: bold;
}

.vyhledani-prvku-td-kod {
	width: 10rem;
}

.vyhledani-prvku-td-akce {
	width: 24rem;
}

.vyhledani-prvku-parcela-td-akce {
	width: 22rem;
}

.vyvoj-zmen-td-id {
	width: 9rem;
}

.col-checkbox {
	width: 3rem;
}

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

.detail-akce-polozka-td {
	width: 12rem;
}

.seznam-podkladu-td-id {
	width: 8%;
}

.seznam-priloh-dcu-td-id {
	width: 8%;
}

.seznam-priloh-dcu-td-id-popis {
	width: 82%;
}

.seznam-priloh-dcu-td-id-pripona {
	width: 10%;
}

.seznam-podkladu-td-cislo-jednaci {
	width: 12%;
}
.seznam-podkladu-td-datum-ucinnosti {
	width: 12%;
}
.seznam-podkladu-td-popis {
	width: 58%;
}

.stavebni-objekt-td-chcbk {
	width: 4%;
}

.historie-logu-ws-td-ws {
	width: 35%;
}

.historie-logu-gui-td-popis {
	width: 30%;
}

.historie-logu-gui-td-detail {
	width: 25%;
}

.ovm-import-soboru-td-nazev-souboru {
	width: 75%;
}

/* Oprava historie */

.oprava-historie-table-header-akce {
	width: 12rem;
}

td.oprava-historie-table-col-aktualni {
	width: 10rem;
}

td.oprava-historie-table-col-kod,
td.oprava-historie-table-col-datum {
	width: 12rem;
}

td.oprava-historie-table-col-akce {
	padding-left: 1.5rem;
}

.oprava-historie-table-col-akce .icon-link {
	margin-right: .4rem;
}
.oprava-historie-table-col-akce .icon-link:last-child {
	margin-right: 0;
}

.js-oprava-historie-table-col-error {
	background-color: #ffb299;
	border: 1px solid #ca0200;
}

.js-oprava-historie-btn-wrapper.js-oprava-historie-btn-wrapper-gray .icon-link i.fa {
	color: red;
}

#ajaxTablePaginationForm .data-table, #tabNespravnost .data-table {
	font-size: 1.28rem;
}

.break-word {
	word-break: break-word;
}

/*******************************************************************************
 * 
 *  Tabs
 * 
*******************************************************************************/

div.tab {
	margin: 10px 0 0 0;
}

ul.tab-header {
	margin: 0;
	padding: 0;
	background-color: #2F6E99;
	border: 1px solid #2F6E99;
	border-bottom: none;
}
ul.tab-header::after {
	content: "";
	display: table;
	clear: both;
}
ul.tab-header li {
	float: left;
	cursor: pointer;
	list-style: none;
	margin: 0;
	padding: 0;
	/*border: 1px solid red;*/
}
ul.tab-header li a {
	display: block;
	margin: 0;
	padding: 0.4em 1em;
	color: #fff;
	text-decoration: none;
	/*border: 1px solid #AAAAAA;*/
}
ul.tab-header li a:focus, ul.tab-header li a:hover {
	color: #111;
	background-color: #FFD500;
}
ul.tab-header li a:active, ul.tab-header li a.activated {
	color: #111;
	background-color: #FFD500;
	box-shadow: inset 0 0 6px #808080;
}
ul.tab-header li a.activated:focus, ul.tab-header li a.activated:hover {
	cursor: default;
}
div.tab .tab-page {
	padding: 1em;
	background-color: #EFF5FB;
	border-right: 1px solid #2F6E99;
	border-bottom: 1px solid #2F6E99;
	border-left: 1px solid #2F6E99;
}

/*******************************************************************************
 * 
 *  Simple tabs
 * 
*******************************************************************************/

.js-simple-tab .js-simple-tab-item {
	display: none;
}


/*******************************************************************************
 * 
 *  Messages
 * 
*******************************************************************************/

/* TODO: provest revizi layoutu - pouziva stary table layout */

.hlaska {
	display: block;
	margin-bottom: 1.2rem;
	color: #222;
	border-radius: .25rem;
	padding: 1.2rem 2rem;
}

.hlaska-inner {
	display: table;
}

.hlaska-icon,
.hlaska-content {
	display: table-cell;
	vertical-align: middle;
}

.hlaska-icon {
	padding: 0 0.8em 0 0;
}

.hlaska p {
	margin: 0;
	padding-left:5px;
}

.varovani {
	background-color:#fdfa76; 
	border:1px solid #cfc907;
}

.info {
	background-color: #b5d1e4;
	border: 1px solid #2f6e99; 
}

.info a {
	color: #fff;
}

.chyba {
	background-color: #ffb299;
	border: 1px solid #ca0200;
}

.potvrzeni {
	background-color: #a3e18d;
	border: 1px solid #2e9609;
}

.closable {
	float: right;
	cursor: pointer;
	color: #b91d1d;
}

/*******************************************************************************
 * 
 *  Mikro dialog
 * 
*******************************************************************************/

.micro-dialog {
	background-color: #fffbb4;
	border: 1px #2f6e99 solid;
}

.micro-dialog-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .4rem .5rem;
	line-height: 1;
	font-size: 1rem;
	color: #b91d1d;
	background: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-top: none;
	border-right: none;
}

button.micro-dialog-close:active,
button.micro-dialog-close:focus,
button.micro-dialog-close:hover {
	font-size: 1.1rem;
	border-top: none;
	border-right: none;
}

.micro-dialog-content {
	margin: 1.2rem;
	overflow: auto;
	word-wrap: break-word;
}

/*******************************************************************************
 * 
 *  Specific - Číselníky
 * 
*******************************************************************************/

.ciselniky-info-box {
	padding-top: 0.5rem;
}

.ciselniky-form-column {
	width: 45rem;
}

.ciselniky-button {
	width: 15rem !important;
}

.ciselniky-sidebuttons {
	padding-right: 1rem;
}

.ciselniky-toolbar {
	padding-top: 1rem;
}

.kombinace-so-form-row {
	width: 55rem;
}

.form-column-wrapper-detail-uup {
	width: 45rem;
}

/*******************************************************************************
 * 
 *  Specific - Detail editace
 * 
*******************************************************************************/

.detail-editace-form-column {
	padding-right: 30rem;
}

.detail-editace-pad {
	padding-top: 1rem;
}

.detail-editace-info-box {
	padding-top: 0.5rem;
}

.detail-editace-required-before {
	margin-right: -14rem;
}

.detail-editace-form-borderless {
	border: none;
}

.detail-editace-cislo-info-box {
	width: 85%;
}

.detail-editace-def-bod-info-box {
	width: 50%;
}

/*******************************************************************************
 * 
 *  Specific - Hromadne operace
 * 
*******************************************************************************/

.hromadne-operace-zruseni-so-info-box {
	width: 37rem;
}

.hromadne-operace-header-form-row-margin {
	margin-left: -1rem;
}

.hromadne-operace-header-info-box {
	padding-top: 1rem; 
	width: 40rem;
}

.hromadne-operace-header-info-box button {
	margin-left: 2rem;
}

.hromadne-operace-required-before {
	margin-right: -0.5rem;
}

.hromadne-operace-form-row {
	margin-left: -1rem;
	margin-top: 0.5rem;
}

.hromadne-operace-form-pad {
	padding-top: 1rem; 
}

.hromadne-operace-am-info-box {
	padding-top: 1rem;
	padding-left: 5rem;
	width: 40rem;
}

.hromadne-operace-so-info-box {
	padding-top: 1rem;
	padding-left: 5rem;
	width: 48rem;
}

.hromadne-operace-so-info-box-tea {
	padding-left: 5rem;
	line-height: 2.5rem;
}

.hromadne-operace-so-info-box-tea .field-error {
	white-space: normal;
}

.hromadne-operace-zv-info-box {
	 padding-top: 0.5rem; 
	 width: 44.3rem;
}

.hromadne-operace-button {
	margin-left: 2rem; 
}

.hromadne-operace-a {
	margin-left: 1rem; 
}

.hromadne-operace-required-before {
	margin-right:-0.5rem; 
}

.hromadne-operace-so-required-before {
	margin-right:1.1rem;
	overflow: unset;
}

/*******************************************************************************
 * 
 *  Specific - logy
 * 
*******************************************************************************/

.column-logy {
	padding-right: 4rem;
	width: 39rem;
	flex: 0 0 auto;
}

.info-box-pad-top {
	padding-bottom: 1rem;
}

/*******************************************************************************
 * 
 *  Specific - nastenka-admin
 * 
*******************************************************************************/

.nastenka-admin-column {
	display: block;
	justify-content: space-between;
	margin-top: 2rem;
}

.nastenka-admin-box {
	flex: 0 1 24%;
	-ms-flex: 0 1 24%;
	padding-bottom: 1rem;
}

.nastenka-admin-box-wrapper {
	display: flex;
	display: -ms-flexbox;
}

.nastenka-admin-box-konfigurace-ol {
	width: 22rem !important;
}

.nastenka-admin-box-konfigurace-a {
	margin-left: 0.5rem;
}

.nastenka-admin-box ol {
	list-style:none;
	width: 20rem;
	padding: 1.2rem 2rem;
	background-color: #eff5fb;
	border: 1px #aaa solid;
	border-radius: .25rem;
}

.nastenka-admin-box-header {
	font-weight: 400;
}

.nastenka-admin-box-value {
	width: 20%;
}

.nastenka-admin-box-konfigurace-pad {
	padding-bottom: unset; 
	padding-left: 5rem;
}

.nastenka-admin-box-konfigurace-layout {
	display: grid;
	margin-top: -3rem;
	margin-left: 2.5rem;
}

.nastenka-admin-box img {
	margin-left: -1rem;
}

/*******************************************************************************
 * 
 *  Specific - nastenka
 * 
*******************************************************************************/

.nastenka-row {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	margin-top: 2rem;
}

.nastenka-box {
	flex: 0 1 30%;
	-ms-flex: 0 1 30%;
}

.nastenka-box h2 {
	text-align: center;
	font-size: 150%;
	font-weight: normal;
}

.nastenka-box ol {
	list-style:none;
	min-height: 12rem;
	padding: 1.2rem 2rem;
	background-color: #eff5fb;
	border: 1px #aaa solid;
	border-radius: .25rem;
}

.nastenka-box li {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	list-style-type: none;
	line-height: 1.8;
}

.nastenka-box li > * {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}

.nastenka-box-header {
	font-weight: 600;
}

.nastenka-box-value {
	width: 20%;
}


/*******************************************************************************
 * 
 *  Specific - NZ
 * 
*******************************************************************************/

#menu.ui-menu {
	width: 850px;
}

#menu.ui-menu li {
	float: left;
	position: relative;
}

.nz-divider,
.form-divider {
	margin: 1.2rem 0;
}

.nz-divider hr {
	margin: 0;
}

.nz-actions {
	
}

.nz-actions-group {
	width: 100%;
	margin-right: 0;
}

.nz-actions-group-right {
	justify-content: flex-end;
	-ms-flex-pack: end;
}

.nz-info-box-pad-bg {
	padding-top: 1rem;
}

.nz-info-box-pad-sm {
	padding-top: 0.5rem;
}

.nz-vysledky-form > :first-child {
	flex: 0 0 20%;
	-ms-flex: 0 0 20%;
}

.nz-vysledky-form > :last-child {
	max-width: 50rem;
}

.nz-vysledky-detail-info-box > :first-child {
	flex: 0 0 10rem;
	-ms-flex: 0 0 10rem;
}

.nz-vysledky-detail-info-box > :last-child {
	white-space: normal;
}

.nz-detail-vchodu-form-column {
	margin-top: 1.8rem;
	padding-left: 5rem;
}

.nz-detail-vchodu-info-pad-bottom {
	padding-bottom: 2rem;
}


.nz-detail-vchodu-typ-info-box, 
.nz-seznam-vchodu-column-info-box {
	margin-top: 1.5rem;
} 

.nz-detail-vchodu-typ-toolbar, .nz-seznam-vchodu-typ-toolbar {
	margin-top: 0.5rem;
} 

.nz-seznam-vchodu-form > .form-column:first-child{
	flex-grow: 0;
	margin-right: 10rem;
}

.nz-detail-vchodu-typ-column{
	margin-right: 53rem;
} 

.nz-toolbar-button-odstranit {
	margin-left: 91.1rem;
}

.dcu-toolbar-button-odstranit {
	margin-left: 90.1rem;
}

.nz-toolbar-button-pridat {
	border-right: 1px #9e9e9e solid !important;
}

.dcu-toolbar-button-pridat {
	border-right: 1px #9e9e9e solid !important;
}

.nz-detail-button {
	width: 15rem;
}

.nz-detail-column {
	padding-left: 3rem;
}

.nz-detail-a {
	margin-left: 36.4rem;
}

.nz-detail-editace-historie-column {
	padding-right: 53rem;
}

.nz-detail-editace-historie-info-box {
	margin-top: 1.5rem;
}

.nz-detail-info-box-pad-bot-bg {
	padding-bottom: 1rem;
}

.nz-detail-info-box-bottom-align.info-box > *:first-child {
	margin-bottom: 0.7rem;
}

.nz-detail-info-box-bottom-align.info-box > span.input-textbutton {
	align-self: flex-end;	
	-ms-flex-align: end;
}

.nz-detail-info-box-bottom-align.info-box > .requiredXXX::after {
	bottom: 0.5rem;
}


/*******************************************************************************
 * 
 *  Specific - OVM
 * 
*******************************************************************************/

.ovm-action-caret i {
	margin-left: 2rem;
}

.ovm-info-box {
	padding-top: 0.5rem;
}

.ovm-pusobnost-info-box {
	width: 42rem;
}

.ovm-pusobnost-info-box div {
	margin-right: -14rem;
	margin-left: 1rem;
}

.ovm-detail-util-block {
	display: flex;
	justify-content: space-between;
	margin-bottom: -0.5rem;
}

.ovm-info-box-zkratka {
	width: 30rem;
	padding-top: 0.5rem;
}

.ovm-info-box-editor {
	width: 45rem;
}

.ovm-info-box-telefon {
	width: 80%;
}

.ovm-button {
	width: 9rem;
}

.ovm-button-a {
	width: 13rem;
}

.ovm-import-button {
	border-right: 1px #9e9e9e solid !important;
}

.ovm-fieldset {
	width: 100%;
}

.ovm-required-before {
	margin-right: -91rem;
	margin-left: -2rem;
}

.ovm-primarni-ovm-layout {
	margin-left: 15.8rem;
	margin-right: -18rem;
}

.ovm-ws-layout {
	margin-left: 15.9rem;
	margin-right: -16.8rem;
}

.ovm-pusobnost-form-column {
	width: 40rem;
}

.ovm-import-button-margin {
	margin-left: 1rem;
}

.ovm-detail-importu-info-box {
	width: 20rem;
	margin-top: 1rem;
}

/*******************************************************************************
 * 
 *  Specific - Prvky
 * 
*******************************************************************************/

.prvky-info-box {
	width: 75rem;
}

.prvky-info-box-typ-prvku {
	width: 50rem;
}

.prvky-info-box-export {
	width: 60.3rem;
}

.prvky-info-box-pad {
	padding-top: 0.5rem;
}

.akce-prvku-wrapper a {
	margin-right: 0.5rem;
}


/*******************************************************************************
 * 
 *  Specific - Reklamace
 * 
*******************************************************************************/

.form-reklamace-uzemni-situace,
.form-reklamace-prvek {
	margin-top: 2rem;
}

.form-column-reklamace-resitel-typ,
.form-column-reklamace-zadavatel-jmeno {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	width: 49rem;
}

.form-column-reklamace-resitel-poznamka {
	margin-top: 1rem;
}

.form-column-reklamace .info-box > :first-child {
	width: 14rem;
}

.form-column-reklamace-tarea {
	max-width: 100%;
}

.form-reklamace-fieldset-firefox {
	/*
	By default, Firefox applies a `min-width` value to the `<fieldset>` element that is equal to the intrinsic
	size of its contents. In other words, the `<fieldset>` will be at least wide enough to fit its contained content,
	and it won’t shrink below that size.

	Způsobovalo přetečení 'tarea' mimo div.
	 */
	min-width: 0;
}

/* ikonka sponky */
.form-row-icon-reklamace-download-paperclip {
	justify-content: flex-end;
	-ms-flex-pack: end;
	margin-right: .4rem;	/* podle .info-box > :last-child */
}
.form-row-icon-reklamace-download-paperclip i.fa-paperclip {
	font-size: 2rem;
}


.reklamace-momc-margin {
	margin-top: 1rem;
} 

.dialog-reklamace-vice-zaznamu {
    text-align: right
}

/* Dialog upravit poznamku reklamace */

.dialog-reklamace-upravit-poznamku {
}

.dialog-reklamace-upravit-poznamku .buttons-wrapper {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row wrap;
	justify-content: flex-end;
	-ms-flex-pack: end;
}

.dialog-reklamace-upravit-poznamku .buttons-wrapper > button {
	width: 12rem;
	margin-left: 1rem;
}

.dialog-reklamace-upravit-poznamku .buttons-wrapper > button:first-child {
	margin-left: 0;
}

.dialog-reklamace-upravit-poznamku .upravit-poznamku {
	margin-top: 1rem;
}

.dialog-reklamace-upravit-poznamku .upravit-poznamku .notice {
	font-size: 1rem;
	font-weight: 600;
	color: #777;
}

.dialog-reklamace-potvrzeni-buttons-part {
    text-align: center;
    margin-top: 15px;
}

.dialog-reklamace-potvrdit-button {
    width:100px;
    margin-right: 50px;
}

.dialog-reklamace-zamitnout-button {
    width:100px;
}

/*******************************************************************************
 * 
 *  Specific - Seznam box
 * 
*******************************************************************************/

.seznam-box-odsazeni {
	padding-left: 10rem;
}

.box-width {
	width: 60%;
}

.seznam-box-icon {
	font-weight: 600;
	color: #de4a00;
	font-size: 1rem;
	padding-right: 0.5rem;
}

.seznam-box-a {
	font-size: 1.4rem;
}

.seznam-box-a-active {
	font-weight: 700;
}

.seznam-box-nadpis {
	font-size: 1.5rem;
	color: #0072c0;
	font-weight: bold;
	padding-bottom : 0.5rem;
}

/*******************************************************************************
 * 
 *  Specific - Seznam log�
 * 
*******************************************************************************/

.seznam-logu-navig {
	position: relative;
	font-size: 1.4rem;
	padding-bottom: 1rem;
}
.seznam-logu-a-active {
	font-weight: 700;
	text-decoration: none;
}

/*******************************************************************************
 * 
 *  Specific - Statistiky
 * 
*******************************************************************************/

.statistika-info-box {
	padding-top: 0.5rem;
}

.export-csv-btn {
	margin-left: 90.3%;
	margin-top: -3rem;
}

.statistiky-form-column-wrapper {
	width: 40rem;
}

.statistiky-form-column-wrapper > div.form-column > .info-box > :first-child{
	width: 20rem;
}

.typ-prvku-form-column-wrapper {
	width: 89rem;
}

.typ-prvku-form-column-wrapper > div.form-column > .info-box > :first-child{
	width: 20rem;
}

.typy-form-column-wrapper {
	width: 60rem;
}

.typy-form-column-wrapper > div.form-column > .info-box > :first-child{
	width: 20rem;
}

/*******************************************************************************
 * 
 *  Specific - Uživatelé
 * 
*******************************************************************************/

.uzivatele-info-box {
	padding-top: 0.5rem;
}


/*******************************************************************************
 * 
 *  Specific - 
 * 
*******************************************************************************/
.form-column-am-bez-db {
	width: 40rem;
}

/*******************************************************************************
 * 
 *  Specific - VO
 * 
*******************************************************************************/

.vo-form-row-pad-big {
	padding-top: 1rem;
}

.vo-form-row-pad-small {
	padding-top: 0.5rem;
}

.vo-vypis-form-margin {
	margin-top: 1rem;
}

.vo-novy-zamek-info-box {
	padding-top: 1rem;
}

.vo-novy-zamek-required-before {
	margin-right: -6.7rem;
}

.vo-detail-infbo-box-indent {
	padding-top: 3.2rem;
	margin-left: -15rem;
}

.vo-button {
	width: 15rem;
}

.vo-form-column {
	padding-right: 53rem;
}

.vo-info-box {
	margin-top: 1.5rem;
}

.generovani-vo-info-box {
	width:40rem;
}

/*******************************************************************************
 * 
 *  Specific - Vypis editace prvku za obdobi
 * 
*******************************************************************************/

.editace-za-obdobi-info-box-width {
	width: 40rem;
}

.editace-za-obdobi-info-box-pad {
	padding-top: 0.5rem;
}

.editace-za-obdobi-date {
	width: 10rem;
}

.editace-za-obdobi-radio-info-box {
	width: 42rem; 
	margin-left: -1.3rem;
}

.editace-za-obdobi-slcbox-info-box {
	width: 45rem; 
}

.editace-za-obdobi-filtrace-info-box {
	width: 30rem; 
}

.editace-za-obdobi-divider {
	padding-top: 1rem; 
}

/*******************************************************************************
 * 
 *  Specific - Konfigurace UUP
 * 
*******************************************************************************/

.uup-col-akce {
	width: 10rem;
}


/*******************************************************************************
 * 
 *  Others
 * 
*******************************************************************************/

.js-menubutton-button-opened > i.fa-caret-down::before {
	/* zmena na caret-up */
	content: "\f0d8";
}

.js-menubutton-menu-empty .ui-menu-item {
	cursor: default;
	margin: .5rem 1rem;
	font-style: italic;
}

.sub-menu {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 15rem;
	z-index: 100;
}

.sub-menu.ui-menu {
	background: #ffe1d2;
	border: 1px #de4a00 solid;
	background: #c3d4e0;
	background: #a3bdce;
	background: #e1f3ff;
	border: 1px #0072c0 solid;
	box-shadow: 0 0 5px #888;
}

.sub-menu.ui-menu .ui-state-active {
	/*background: #de4a00;
	border: 1px #de4a00 solid;*/
	background: #0072c0;
	border: 1px #0072c0 solid;
}

.sub-menu.ui-menu .ui-menu-item-wrapper {
	padding: 3px 1em 3px .4em;
}

/*  */
.ui-menu .ui-menu-item-wrapper.ui-menu-item-notcomplete {
	cursor: default;
	font-style: italic;
}

.sub-menu.ui-menu a.ui-menu-item-wrapper {
	display: block;
	padding: 3px 1em 3px .4em;
	text-decoration: none;
}

.box-title-wrapper {
	background-color: #2f6e99;
	padding: .6rem;
}

.box-title-content {
	color: #ffffff;
	font-size: 1.48rem;
	font-weight: 600;
}

.box-title-prilohy-wrapper {
	margin-bottom: -1.2rem;
	border: 1px grey solid;
	padding: .6rem;
}

.box-title-prilohy-content {
	font-size: 1.48rem;
	font-weight: 600;
}

.uppercase, .uppercase > span {
	text-transform: uppercase;
}


/*******************************************************************************
 * 
 *  Dialog classes
 * 
*******************************************************************************/

.dialog, .js-dialog {
	display: none;
}

.js-ui-yesno-dialog .ui-dialog-titlebar-close
.js-ui-wait-dialog .ui-dialog-titlebar-close {
	display: none;
}

.js-dialog.js-yesno-dialog,
.js-dialog.js-wait-dialog {
	padding: 1.5rem 2rem;
}

.js-wait-dialog-header {
	margin: 1rem 0;
}

.js-wait-dialog-header {
	display: flex;
	display: -ms-flexbox;
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	justify-content: space-between;
	-ms-flex-pack: justify;
}

.js-dialog-footer {
	margin-top: 3.5rem;
	text-align: center;
}

.js-wait-dialog-footer {
	margin-top: 2rem;
	text-align: center;
}

.js-wait-dialog-footer > * {
	text-align: center;
}

.js-yesno-dialog .js-dialog-footer > button {
	min-width: 6rem;
	margin: 0 1rem;
}

.js-dialog.js-marushka-dialog {
	/*width: 100%;
	height: 100%;*/
	/*border: 1px solid cyan;*/
	overflow: hidden;
}

.js-dialog.js-marushka-dialog iframe {
	border: 1px solid #666;
}

.marushka-close-block{
	display: flex;
	justify-content: center;
	width: 100%;
}

.marushka-close-block > .button-emp {
	width: 10rem;
}

/*******************************************************************************
 * 
 *  Font-awesome tweaks
 * 
*******************************************************************************/

.fa-spin-2xfaster {
	-webkit-animation: fa-spin 1s infinite linear;
	animation: fa-spin 1s infinite linear;
}

.fa-xs{
	font-size: 0.7em;
}

a>.fa.fa-external-link,
button>.fa.fa-external-link{
	margin-left: 0.3rem;
}

/*******************************************************************************
 * 
 *  Javascript classes
 * 
*******************************************************************************/

.js-hidden {
	display: none;
}

.js-autocomplete-loading-icon {
	color: #333;
}

.js-autocomplete-wrapper{
	width: 100%;
}

.ui-selectmenu-button-open i.fa-caret-up,
.ui-selectmenu-button-closed i.fa-caret-down {
	display: block;
	align-self: center;
	-ms-flex-align: center;
}

.ui-selectmenu-button-open i.fa-caret-down,
.ui-selectmenu-button-closed i.fa-caret-up {
	display: none;
}

.ui-mouseevents{
	pointer-events: all;
}


/*******************************************************************************
 * 
 *  Icons
 * 
*******************************************************************************/

/* Clickable icons */
a.icon-link,
a.icon-link:active,
a.icon-link:focus,
a.icon-link:hover {
	text-decoration: none;
}

a.icon-link:hover > i.fa {
	color: #de4a00;
}

a.icon-link.disabled > i.fa {
	color: #777;
}

.icon-red {
	color: #ca0200;
}
.icon-green {
	color: #2e9609;
}
.icon-gray {
	color: #777;
}
.icon-disabled {
	color: #b0b0b0;
}

.icon-prvky {
	font-size: 1.8rem;
}

button:disabled > i.fa {
	color: #999;	/* stejne jako color u disable tlacitka */
}


.order .order-desc .order-asc i.fa {
	padding-left: 3px;
}

.order-control {
	cursor: pointer;
}

/*******************************************************************************
 * 
 *  jQuery UI
 * 
*******************************************************************************/

.ui-menu {
	color: #222;
	background-color: #fff;
}

.ui-menu .ui-state-active {
	color: #fff;
	background-color: #2f6e99;
	border: 1px #2f6e99 solid;
}

.ui-selectmenu-optgroup::after {
    content: '\00a0';
}

.ui-selectmenu-optgroup::after:empty {
    display: none;
}

.ui-selectmenu-optgroup:not(:empty) ~ .ui-menu-item {
    padding-left: 10px;
}

/* JQueryUI tlacitko dialogu v titlebaru */
.ui-dialog .ui-dialog-titlebar-maximize {
	position: absolute;
	right: 2.1em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}


/*******************************************************************************
 * 
 *  Block UI background & jQuery UI dialog background
 * 
*******************************************************************************/

.ui-widget-overlay {
	background: repeating-linear-gradient(
	  135deg,
	  #4d4d4d,
	  #4d4d4d 7.8px,
	  #444444 7.8px,
	  #444444 14.2px
	);
	opacity: 0.5;
}

.blockUI.blockOverlay {
	background: repeating-linear-gradient(
	  135deg,
	  #dddddd,
	  #dddddd 7.8px,
	  #d4d4d4 7.8px,
	  #d4d4d4 14.2px
	);
	opacity: 0.5;
}


/*******************************************************************************
 * 
 *  Block UI & Wait icon
 * 
*******************************************************************************/

.blockUI.blockMsg {
	cursor: wait;
	top: 40%; 
	left: 40%;
	width: 20%;
	min-width: 8rem;
	margin:0;
	padding: 2.5rem 0;
	/*opacity: 1.0;*/
	text-align: center; 
	/*background: none; 
	background-color: #eee;
	border: 1px solid #2f6e99;*/
}

.wait-icon {
}

.wait-icon .wait-icon-square {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin: 0 .2rem;
	background: #7eb3d8;
	vertical-align: middle;
	font-size: 1rem;
	color: #7eb3d8;
	animation-duration: 1.2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.wait-icon .wait-icon-square:first-child {
	animation-name: wait-icon-anim-1;
}

.wait-icon .wait-icon-square:nth-child(2) {
	animation-name: wait-icon-anim-2;
}

.wait-icon .wait-icon-square:last-child {
	animation-name: wait-icon-anim-3;
}

@keyframes wait-icon-anim-1 {
	0% {
		opacity: 0;
		background: #7eb3d8;
	}
	5% {
		opacity: 1;
		background: #7eb3d8;
	}
	10% {
		opacity: 1;
		background: #7eb3d8;
	}
	30% {
		opacity: 1;
		background: #2f6e99;
	}
	100% {
		opacity: 1;
		background: #2f6e99;
	}
}

@keyframes wait-icon-anim-2 {
	0% {
		opacity: 0;
		background: #7eb3d8;
	}
	30% {
		opacity: 0;
		background: #7eb3d8;
	}
	35% {
		opacity: 1;
		background: #7eb3d8;
	}
	40% {
		opacity: 1;
		background: #7eb3d8;
	}
	60% {
		opacity: 1;
		background: #2f6e99;
	}
	100% {
		opacity: 1;
		background: #2f6e99;
	}
}

@keyframes wait-icon-anim-3 {
	0% {
		opacity: 0;
		background: #7eb3d8;
	}
	60% {
		opacity: 0;
		background: #7eb3d8;
	}
	65% {
		opacity: 1;
		background: #7eb3d8;
	}
	70% {
		opacity: 1;
		background: #7eb3d8;
	}
	90% {
		opacity: 1;
		background: #2f6e99;
	}
	100% {
		opacity: 1;
		background: #2f6e99;
	}
}


/*******************************************************************************
 * 
 *  Datepicker
 * 
*******************************************************************************/

.ui-datepicker {
	box-shadow: 0 0 6px 0 #808080;
	z-index: 102 !important;
	background: #fff;
}
.ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all {
	/*border-radius: 4px;*/
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-header {
	color: #222;
	border: 1px solid #aaa;
	background: #ddd;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	color: #222;
	border: 1px solid #ddd; /*color is same as background in ui-datepicker-header*/
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
	background-image: url("../img/ui-icons_222222_256x240.png");
	opacity: .5;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
	background-image: url("../img/ui-icons_222222_256x240.png");
	opacity: .5;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
	border: 1px solid #999;
	background: #eee;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover .ui-icon {
	opacity: .9;
}
.ui-datepicker td a.ui-state-default {
	color: #444;
	border: 1px solid #d3d3d3;
	background: #e6e6e6
}
.ui-datepicker td a.ui-state-hover {
	color: #111;
	border: 1px solid #999;
	background: #dadada
}
.ui-datepicker td.ui-datepicker-week-end a.ui-state-default {
	color: #c00000;
}
.ui-datepicker td.ui-datepicker-week-end a.ui-state-hover {
	color: #a40000;
	border: 1px solid #b96f6f;
}

.ui-datepicker select.ui-datepicker-month {
	width: 50%;
	font-size: 90%;
}
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
	font-size: 90%;
}

span.input-like {
	min-height: 2.5rem;
}
.input-with-info {
	display: flex;
	display: -ms-flexbox;
	flex-flow: column;
	-ms-flex-flow: column;
}
.input-with-info-text {
	font-size: 1.2rem;
	color:grey;
	margin-bottom: 0.8rem;
}
.input-with-info > :last-field {
	
}
/* reklamace */
.form-row-vypis-reklamaci {
	min-height: 3rem;
}
.form-row-vypis-reklamaci .form-column {
	width: 30%;
	padding-right: 10rem;
}

.form-row-vypis-reklamaci .form-column > .info-box > :first-child {
	width: 26%;
}

.form-row-vypis-reklamaci-ke-zpracovani {
	width: 25rem;
	justify-content: space-between;
	-ms-flex-pack: justify;
	min-height: 3rem;
}


.form-row-vypis-reklamaci-last {
	margin-top: 3rem;
}

.table-reklamace-akce {
	width: 9rem;
}
.form-with-header {
	margin: 0;
	padding: 0;
}
.form-with-header > .form {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}
.form-title {
	border: 1px solid #aaa;
	background: #2f6e99;
    padding: 0.7rem 1.3rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: 0;
    color: #fff;
    font-weight: bold;
}

.table-submenu-action {
	text-decoration: none;
	font-weight: bold;
}

.table-submenu-action:hover, .table-submenu-action:focus, .table-submenu-action:active {
	text-decoration: none;
	color: #de4a00;
}
.td-prilohy-rek-poradi {
	width: 6rem;
}
.td-prilohy-rek-akce {
	width: 8rem;
}

.form-column-wrapper-column-rekl-def-cary > div.form-column > .info-box > label {
	width: 12rem;
}
.form-column-wrapper-column-rekl-def-cary  {
	width: 100%;
}
.form-column-wrapper-column-rekl-def-cary > div.form-column > .detail-polozky-puvodne > span {
	margin-left: 12.5rem;
	color: #AAA;
}

.detail-polozky-puvodne-45 {
	margin-left: 2rem;
}

.editace-za-obdobi-rozsah-info-box {
	padding: 0.5rem
}
.editace-za-obdobi-rozsah-info-box > :first-child {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-item-align: start;
}
.editace-za-obdobi-select-row {
	width: 60rem;
	padding-top: 1rem;
}
.editace-za-obdobi-select-row .form-column {
	padding-right: 3rem;
	width: 50%;
}
.editace-za-obdobi-select-row .form-column .info-box > :first-child {
	width: 25%;
}

.form-row-editace-za-obdobi-dalsi-param {
	width: 60rem;
}
.form-row-editace-za-obdobi-dalsi-param .form-column .info-box {
	padding: 0.2rem 0;
}
.form-row-editace-za-obdobi-dalsi-param .form-column .info-box > :first-child {
	width: 60%;
}
.editace-za-obdobi-multiple-checkbox {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-item-align: start;
}

.editace-za-obdobi-multiple-checkbox label {
	width: 30%;
	padding-left: 0.8rem;
	font-weight: normal;
}

.zpl-nz-rozsah-radek {
	display: flex;
	display: -ms-flexbox;
	padding: 0.2rem;
}

.zpl-nz-rozsah-radek > * {
	flex: 0 0 auto;
	-ms-flex: 0 0 auto;
}

.zpl-nz-rozsah-radek input[type=checkbox] {
	margin-right: .5rem;
}
.zpl-nz-rozsah-radek .zln-nz-label-chkbx {
	width: 8rem;
	margin-left: 1rem;
}
.zpl-nz-rozsah-radek .zln-nz-label-date {
	width: 3rem;
	margin-left: 3rem;
}
.zpl-nz-rozsah-radek .zln-nz-date {
	width: 20rem;
}

.form-row-zpl-nz-datumy {
	width: 82rem;
	padding: 0.2rem 0 ;
}
.form-row-zpl-nz-datumy .info-box > :first-child {
	width: 15rem
}
.form-row-zpl-nz-ostatni {
	width: 15rem
}
.form-row-zpl-nz-ostatni {
	width: 40rem;
	padding-top: 2rem;
}
.form-row-standard-width {
	width: 45rem;
}
.vyber-role-chkbx {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-start;
	-ms-flex-item-align: start;
}

.pusobnost-header-item {
	max-width: 30rem;
	overflow: hidden;
	white-space: nowrap;
}

.form-row-predani-momc {
	width: 60rem;
}

.rekl-th-label {
	width: 25%;
}
.rekl-th-hodnota {
	width: 25%;
}

.form-column-detail-uzivatele {
	flex: auto;
	-ms-flex: 0 0 auto;
	width: 49rem;
}
	
.form-column-detail-uzivatele > .info-box > :last-child{
	margin-right: 5rem;
}
.list-shuttle-panel-container {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	width: 45%
}
.list-shuttle-panel-control {
	display: flex;
	flex-direction: column;
	-ms-flex-direction: column;
	width: 10%;
	padding: 1rem;
	justify-content: center;
	-ms-flex-item-align: center;
}

.list-shuttle-panel-control > button {
	margin: 0.3rem;
}

.list-shuttle-wrapper {
	display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
}
.list-shuttle-options-container {
	border: 1px solid rgb(170, 170, 170);
	background-color: white;
	width: 100%;
	height: 20rem;
	overflow: auto;
}
table.list-shuttle-options-table {
	border: 0px;
	margin: 0;
}
table.list-shuttle-options-table td {
	border: 0px;	
}

table.list-shuttle-options-table tr.selected {
	border: 0px;
	background-color: #2f6e99;
	color: white;
}


.ui-dialog .ui-dialog-title {
	font-size: 1.8rem;
}

.form-column-detail-ciselniku-left > .info-box > :first-child {
	width: 14rem;
}

.form-column-detail-ciselniku-left > .info-box  {
	width: 38rem;
}

.form-column-detail-ciselniku-right > .info-box  {
	width: 30rem;
}

.form-column-detail-ciselniku-right > .info-box > :first-child {
	width: 14rem;
}


.form-column-wrapper-ovm-kratky-radek {
	width: 40rem;
}

.form-column-wrapper-ovm-dvojradek > .form-column > .info-box > :last-child {
}

.form-column-wrapper-ovm-dvojradek > .form-column {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    width: 40rem;
}
.form-column-wrapper-ovm-dvojradek > :last-child {
	padding-left: 5rem;
}

.form-detail-ovm > fieldset > div.form-row > div.form-column > div.info-box > label {
	width: 16rem;
}

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

.modal-message-dialog {
	display: none;
}

/*******************************************************************************
 * 
 *  Resizable table tweeking
 * 
*******************************************************************************/

.resizable-table th {
	overflow: hidden;
	text-overflow: ellipsis;
}

.JColResizer.resizable-table > tbody > tr > td {
	padding-left: 0.4em !important;
	padding-right: 0.4em !important;
}

/*********************************
Statistiky
 ********************************/

/* Statistiky - Vyber OVM dialog  - start */

.form-row.form-check-inline.statistiky-sada label {
	padding-right: 7rem;
}

.form-row.form-check-inline.statistiky-zobrazeni label {
	padding-right: 4rem;
}

.vyber-ovm-dialog {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 5px;
	align-items: stretch;
	min-height: 225px;
}

.vyber-ovm-dialog .vyber {
	display: flex;
	text-align: left;
	flex-direction: row;
	justify-content: space-between;
}

.vyber-ovm-dialog .vyber .naseptavac {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
}

.vyber-ovm-dialog .vyber .naseptavac div {
	min-width: 500px;
	display: flex;
	justify-content: stretch;
	/*align-items: baseline;*/
	white-space: nowrap;
}

.vyber-ovm-dialog .vyber .naseptavac div > * {
	margin-right: 5px;
}


.vyber-ovm-dialog .vyber .naseptavac h1 {
	font-size: 2.0rem;
	margin-bottom: 2.0rem;
}

.vyber-ovm-dialog .vyber .naseptavac label {
	font-weight: 600;
}

.vyber-ovm-dialog .vyber .tlacitka {
	display: flex;
	justify-content: stretch;
	flex-direction: column;
	text-align: center;
}

.vyber-ovm-dialog .vyber .button-emp {
	min-width: 10rem;
	margin-top: 5px;
}

.vyber-ovm-dialog .vyber .button-emp.button-ovm-pridat {
	margin-top: 0px;
}

.vyber-ovm-accombo {
	min-width: 230px;
	padding-top: 3px;
}

.vyber-ovm-label {
	padding-top: 3px;
}

.vyber-ovm-dialog .tabulka  {
	text-align: left;
	margin-top: 5px;
}
/* Statistiky - Vyber OVM dialog  - konec */

/* Statistiky stav chyb & vyvoj chyb - start */
.form-row-statistiky .info-box > label {
	font-weight: 400;
}

.info-box.info-box-statistiky {
	width: 47rem;
	line-height: 2.5rem;
}
.info-box.info-box-statistiky > :first-child {
	width: 55%;
	min-height: 2.82rem;
}

.info-box.info-box-statistiky > :last-child {
	align-self: flex-start;
	-ms-flex-item-align: start;
}

.info-box.info-box-statistiky > input[type=checkbox]:last-child {
	flex-grow: 0;
	-ms-flex-positive: 0;
	margin-left: auto;
}

.info-box.info-box-soh {
	width: 43rem;
	line-height: 2.5rem;
}
.info-box.info-box-soh > :first-child {
	width: 55%;
	min-height: 2.82rem;
}

.info-box.info-box-soh > :last-child {
	align-self: flex-start;
	-ms-flex-item-align: start;
}

.info-box.info-box-soh > input[type=checkbox]:last-child {
	flex-grow: 0;
	-ms-flex-positive: 0;
	margin-left: auto;
}

.hromadna-so-zmena-tea-top-pad {
	padding-top: 1rem;
}

.vyber-ovm-button {
	width: 100%;
}

.vyber-statistik  {
	min-height: 2.82rem;
	margin-top: 2.82rem;
	font-size: 1.28rem;
	font-weight: 600;
}

.form-row-statistiky-zobrazeni-chyby  {
	width: 50rem;
	justify-content: space-between;
	-ms-flex-pack: justify;
	margin-top: 2.82rem;
}

.form-row-statistiky-zobrazeni-chyby input[type=radio]  {
	margin-left: auto;
}

.simple-error-filed-wrapper input[type=text].field-error,
.statistiky-chyba-datum {
	color: #ca0200;
}
/* Statistiky stav chyb & vyvoj chyb - konec */

/* Výběr uživatelského AD účtu */

.vyber-uctu-table {
    border: 0px;
}

.vyber-uctu-td > :first-child {
    border: 0px;
    border: 0px; padding-bottom:5px;
}

.vyber-uctu-td {
    border: 0px;
}

/* Výběr uživatelského AD účtu  - konec */


a.link-help {
    margin-left: 10px;
    font-size: 20px;
}

div.div-help {
    flex: none;
    width: 0px;
}

.js-input-wrapper:has(.dispozice-input-fixed-size) { /* Oprava zobrazení chybové hlášky speciálně pro UNZ167-dispozice-nz.ftl */
    width: 150px!important;
}
.dispozice-column-fixed-size {
    width: 150px!important;
}
.dispozice-input-fixed-size {
    width: 145px!important;
}
.dispozice-detail-polozky-textbutton {
	height: 22.8px
}

.no-border {
	border: none;
}

.spinner {
	width: 30px;
	height: 30px;
	border: 5px solid #d3d3d3;
	border-top: 5px solid #2f6e99;
	border-radius: 50%;
	animation: spin 2s linear infinite;
}

.spinner-container-alignment {
	display: flex;
	gap: 10px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.color-red {
	color: red;
}

.div-help-podklady {
	margin-left: -20px;
}

.info-box-podklady-cislo-jednaci {
    margin-top: 1.5rem;
}

.info-box-detail-uzivatele-prijmeni {
	margin-top: 28px;
}

.detail-sk-priradit-z-mapy-btn {
    margin-left: 10px;
}

.detail-sk-okrsky {
    margin-top: 4.5rem;
}
.detail-sk-skoly {
    margin-top: 1rem;
}

.detail-sk-skoly-info-box {
	width: 50%;
}

.vyuka-tridy {
	margin-top: 3rem;
}

.vyuka-tridy-h2 {
	margin-bottom: 2rem;
}

.vyuka-tridy__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 28px;
	align-items: start;
	max-width: 520px; 
}

.vyuka-tridy .vyuka-tridy__item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.vyuka-tridy__item {
	border: 1px solid #b0b0b0;
	background: #ffffff;
	padding: 8px 10px;
	margin: 2px 2px;
	cursor: pointer;
}

.vyuka-tridy__item input[type="checkbox"] {
	cursor: pointer;
}

.vyuka-tridy__item--full {
	grid-column: 1 / -1;
}

.vyuka-tridy__text {
	line-height: 1.2;
}

.vyuka-tridy__item--disabled {
	background: #eeeeee;
	border-color: #d6d6d6;
	pointer-events: none;
}

.vyuka-tridy__item--disabled .vyuka-tridy__text {
	color: #6c757d;
}

.vyuka-tridy__item--disabled input {
	opacity: 0.6;
}

.vyuka-tridy__item--disabled input[type="checkbox"]:disabled:checked {
	opacity: 1;
	accent-color: #6c757d;
}

.detail-ko-definovat-uzemi-obce-check-box {
	border: 1px solid #b0b0b0;
	background: #ffffff;
	padding: 0.17rem 10px;
	cursor: pointer;

	min-height: 2.35rem;
	box-sizing: border-box;
	
	display: flex;
	align-items: center;
}

.detail-ko-definovat-uzemi-obce-check-box input[type="checkbox"] {
	cursor: pointer;
}

.detail-ko-definovat-uzemi-obce-check-box--disabled {
	background: #eeeeee;
	border-color: #b0b0b0;
	pointer-events: none;
}

.detail-ko-definovat-uzemi-obce-check-box--disabled input[type="checkbox"] {
	pointer-events: none;
}

.detail-ko-definovat-uzemi-obce-check-box--fill {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

#kopirovatOkrskyHelpLink {
	float: right;
	margin-right: 0.65rem;
}

.kopirovat-okrsky-actions {
	padding-top: 13px;
}