*, *::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 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: 30rem;
}

@media screen and (max-width: 420px) {
	html {
		font-size: 70%;
	}
	body, .rozcestnik-desc {
		line-height: 1.6;
		
	}
	.page-wrapper {
		min-width: 26.8rem;
	}
}


/*******************************************************************************
 * 
 *  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;
}

img {
	display: block;
	max-width: 100%;
	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;
}

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


/*******************************************************************************
 * 
 *  Header
 * 
*******************************************************************************/

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

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

	justify-content: flex-start;
	-ms-flex-pack: start;

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

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

body.admin header,
body.admin .header-content {
	min-width: 122.2rem;
}

.header-logo > a {
	display: block;
	width: 158px;
	height: 59px;
	margin-right: .8rem;
	background: url("/chybovestranky/odstavka_login_files/logo_cuzk.gif") no-repeat center;;
}

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

@media screen and (max-width: 619px) {
	.header-content {
		flex-flow: row wrap;
		justify-content: flex-start;
		-ms-flex-pack: start;
		padding: 0 1rem;
	}

	.header-content > .header-content-item {
		/*flex: 0 1 32rem;*/
		/*margin: 0 1rem;*/
	}

	.header-logo > a {
		width: auto;
		height: auto;
		background: none;
		margin-right: .8rem;
	}

	.header-logo > a > img {
		display: block;
	}
}

.header-content-item.header-help {
	margin-left: auto;
}

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

.header-content h1 > a:hover,
.header-help a:hover {
	color: #de4a00;
}

.header-help a {
	display: block;
	min-width: 3rem;
	text-align: center;
}

@media screen and (max-width: 420px) {
	.header-content-item.header-logo {
		order: 1;
	}
	.header-content-item.header-name {
		flex: 1 0 100%;
		order: 3;
	}
	.header-content-item.header-help {
		order: 2;
	}

	.header-help a {
		min-width: 4rem;
		font-size: 1.8rem;
	}
}


/*******************************************************************************
 * 
 * Footer
 * 
*******************************************************************************/

footer {
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	margin: 1.5rem 0 0 0;
	background-color: #e7e7e7;
	border-top: 1px solid #d0d0d0;
	font-size: 80%;
}

.footer-content {
	margin: 0 auto;
	max-width: 122.2rem;
	min-height: 4.5rem;
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	flex-flow: row wrap;
	padding: .6rem 1rem;
}

body.admin footer,
body.admin .footer-content {
	min-width: 122.2rem;
}

.footer-content-item > div > * {
	display: inline-block;
}

/*.footer-content-item:first-child {
	margin-left: 0;
}*/

.footer-content-item-first {
	margin-right: auto;
}

.footer-link-image {
	text-decoration: none;
}

.footer-link-image img {
	height: 28px;
	border: none;
}

.footer-copyright,
.footer-help {
	display: flex;
	flex-flow: column nowrap;
}

.footer-help {
	align-items: flex-end;
}

@media screen and (max-width: 676px) {
	.footer-help {
		align-items: flex-start;
	}
}


.footer-content-subitem {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
}

/*.footer-content-subitem > * {
	display: inline-block;
}*/


/*******************************************************************************
 * 
 *  Obecne
 * 
*******************************************************************************/



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

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

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

@media screen and (max-width: 420px) {
	.subheader-wrapper {
		margin-bottom: .2rem;
	}
}

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

.subheader-environment {
	align-self: center;
	margin-left: auto;
	padding: .2rem 0;
	font-size: 1rem;
	font-weight: 700;
}

.subheader-environment a {
	color: #fff;
	text-decoration: none;
}

.subheader-environment a:hover {
	color: #ffd500;
}

.content,
.subheader-wrapper .subheader {
	margin: 0 auto;
	max-width: 122.2rem;
	padding: 0 1rem;
}

body.admin .content,
body.admin .subheader-wrapper,
body.admin .subheader-wrapper .subheader {
	min-width: 122.2rem;
}

.content-zmena-hesla {
	margin: 0 auto;
	min-width: 35rem;
	max-width: 79rem;
}

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

.content-header-desc {
	/*display: flex;
	display: -ms-flexbox;*/
	margin: .4rem 1rem .7rem;
}

.content-header-desc > div {
	margin-bottom: 1rem;
}
.content-header-desc > div:last-of-type {
	margin-bottom: 0;
}

@media screen and (max-width: 420px) {
	.content-header-wrapper {
		display: flex;
		display: -ms-flexbox;
		flex-flow: row wrap;
		justify-content: center;
		-ms-flex-pack: center;
	}

	.content-header-wrapper > * {
		width: 32rem;
		margin: .2rem 1rem;
	}
}

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

.content-header-buttons {
	margin-left: auto;
}

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

.content-login {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
}

.content-rozcestnik {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
}

@media screen and (max-width: 420px) {
	.content-rozcestnik {
		justify-content: center;
		-ms-flex-pack: center;
	}

	.content-login > * {
		flex: 0 1 100%;
	}
}

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

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


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

.form-login label,
.form-zmena-hesla label {
	display: block;
	font-weight: 600;
}

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

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,
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,
a.button-emp {
	background: none;
	background-color: #2f6e99;
	color: #fff;
	border: 1px solid #2f6e99;
	text-decoration: none;
	padding: .3125em 1rem;
	line-height: 1.5;
}

a.button-emp {
	display: inline-block;
	text-align: center;
}

.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,
a.button-emp:focus {
	box-shadow:0 0 4px #dfbf21;
	text-decoration: none;
}
.button-emp:active,
a.button-emp:active {
	background-color:#ffb500;
	color:#000;
	border:1px solid #c99e36;
	box-shadow:inset 0 0 6px #808080;
	text-decoration: none;
}

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


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

.field-error-wrapper {
	margin-bottom: .5rem;
}

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

.form-login .field-error-wrapper > .field-error {
	display: inline-block;
	width: 25rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.field-error-wrapper input,
.field-error-wrapper textarea {
	border-color: #c45251;
}

.field-error-wrapper input:hover,
.field-error-wrapper textarea:hover {
	border-color: #ca0200;
}

.field-error-wrapper input:active,
.field-error-wrapper textarea:active,
.field-error-wrapper input:focus,
.field-error-wrapper textarea:focus {
	border-color: #ca0200;
	box-shadow: 0 0 2px #b96b6a;
}


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

.form, .form-login, .rozcestnik-item, .form-zmena-hesla {
	padding: 1.2rem 2rem;
	background-color: #eff5fb;
	border: 1px solid #aaa;
	border-radius: .5rem;
}

.form-row {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	align-items: stretch;
	-ms-flex-align: stretch;
}

.form-box {
	flex: 0 0 25rem;
	max-width: 25rem;
	margin: .6rem 2.5rem .6rem 0;
}

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

.form-box-wfull {
	flex: 1 0 auto;
}

.form-box-w2 {
	flex-basis: 10rem;
	max-width: 10rem;
}

.form-box-w3 {
	flex-basis: 15rem;
	max-width: 15rem;
}

.form-box-w4 {
	flex-basis: 20rem;
	max-width: 20rem;
}

.form-box-w6 {
	flex-basis: 30rem;
	max-width: 30rem;
}

.form-box-w8 {
	flex-basis: 40rem;
	max-width: 40rem;
}

.form-box-w9 {
	flex-basis: 45rem;
	max-width: 45rem;
}

.form-box-w10 {
	flex-basis: 50rem;
	max-width: 50rem;
}

.form-row-box {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	margin: .5rem 0 .5rem 5rem;
}

.form-row-box:first-of-type {
	margin-left: 0;
}

.form-row-box-long {
	flex: 1 0 auto !important;
}

.form-login {
	display: flex;
	display: -ms-flexbox;
	flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	position: relative;
	width: 35rem;
	height: 32rem;	/* IE fix - IE nerespektuje v tomto pripade min-height */
	min-height: 32rem;
	margin: 1.2rem;
}

.form-row-login-header {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	margin: 1rem 0 1.5rem;
}

.form-row-login {
	margin-bottom: .6rem;
}

.form-row-login:last-child {
	margin-bottom: 0;
}

.form-row-under-login-button {
	margin-top: auto;
}

.form-login-button {
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	-ms-flex-pack: center;
	position: absolute;
	top: 24.5rem;
	left: 0;
	width: 100%;
}

.form-login-button > button {
	min-width: 10rem;
}

@media screen and (max-width: 619px) {
	.form-login {
		max-width: 29rem;
		height: auto;	/* IE fix - IE nerespektuje v tomto pripade min-height */
		min-height: auto;
	}

	.form-row-login-header {
		margin: .5rem 0 .5rem;
	}

	.form-login-button {
		position: inherit;
		top: 0;
		margin: 1.5rem 0 2rem;
	}
}

@media screen and (max-width: 420px) {
	.form-login {
		width: inherit;
	}
}

.form-text {
	line-height: 1.8;
}

.form-box-radio {
	display: flex;
	flex-flow: row-reverse nowrap;
	-ms-flex-flow: row-reverse nowrap;
	justify-content: flex-end;
	-ms-flex-pack: end;
	align-items: center;
	-ms-flex-align: center;
}

.form-box-radio input[type=radio],
.form-box-radio input[type=checkbox] {
	margin-right: .7rem;
}


/*******************************************************************************
 * 
 *  Page - Rozcestnik
 * 
*******************************************************************************/

.rozcestnik-item {
	flex: 0 0 auto;	/* IE fix */
	width: 35rem;   /* IE fix */
	/*flex: 0 0 35rem; - nefunguje v IE11 - pouzit workaround vyse (2 radky)*/
	height: 32rem;
	margin: 1.1rem;
}

.rozcestnik-item .rozcestnik-content {
	display: flex;
	flex-flow: column wrap;
	height: 100%;
}

.rozcestnik-item .rozcestnik-content > :last-child {
	margin-top: auto;
}

.rozcestnik-name {
	display: flex;
	flex-flow: row nowrap;
	margin: 1rem 0;
	min-height: 4.6rem;
}

.rozcestnik-name > * {
	align-self: center;
}

.rozcestnik-name img {
	margin-right: 1rem;
}

.rozcestnik-desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;	/* lines shown */
	max-height: 14.4rem;	/* line shown x line-height */
	line-height: 1.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: justify;
	margin-bottom: .8rem;
}

.rozcestnik-info {
	margin-bottom: 1.5rem;
}

.rozcestnik-button {
	margin: 1.5rem 0;
	text-align: center;
}

@media screen and (max-width: 420px) {
	.rozcestnik-item {
		flex: 0 1 32rem;
		height: auto;
		margin: .4rem 1rem;
		padding: .5rem 1.5rem;
	}

	.rozcestnik-name {
		min-height: unset;
		margin: .4rem 0;
	}

	.rozcestnik-button {
		margin: .4rem 0;
		text-align: center;
	}
}

.rozcestnik-button > button,
.rozcestnik-button > a.button-emp {
	min-width: 10rem;
}

.rozcestnik-button > a.button-emp {
	display: inline-block;
}


/*******************************************************************************
 * 
 *  Page - Zmena hesla
 * 
*******************************************************************************/

.form-zmena-hesla-pravidla {
	margin-bottom: 2rem;
	font-style: italic;
}

.form-zmena-hesla-pravidla p:first-child {
	font-weight: 600;
}

.form-zmena-hesla-pravidla ul {
	margin-bottom: 1rem;
	padding-left: 1rem;
	list-style: disc inside;
}

.form-zmena-hesla-inputs {
	display: flex;
	display: -ms-flexbox;
	flex-flow: column nowrap;
	-ms-flex-flow: column nowrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	width: 25rem;
	margin-bottom: 1rem;
}

.form-zmena-hesla-buttons {
	display: flex;
	display: -ms-flexbox;
	flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	justify-content: flex-start;
	-ms-flex-pack: start;
	margin-top: 2rem;
}

.form-zmena-hesla-buttons button {
	width: 14rem;
	margin-right: 1rem;
}

.form-zmena-hesla-buttons button:last-child {
	margin-left: auto;
	margin-right: 0;
}


/*******************************************************************************
 * 
 *  Admin obecne
 * 
*******************************************************************************/

.menu {
	list-style-type: none;
	padding: 0;
}

.menu > li {
	display: inline;
}

.menu > li > a {
	display: inline-block;
	padding: .3rem 0;
	min-width: 12rem;
	font-size: 1.4rem;
	text-align: center;
	border-left: none;
	border-right: none;
}

.menu > li > a:hover,
.menu > li > a:active,
.menu > li > a:focus {
	border-left: none;
	border-right: none;
}


/*******************************************************************************
 * 
 *  Page - Admin seznamy
 * 
*******************************************************************************/

.form-buttons {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-end;
	-ms-flex-pack: end;
	margin-top: .5rem;
}

.blokace-aplikace-button,
.nova-blokace-button {
	margin-top: 1rem;
}

.search-button,
.save-button,
.blokace-aplikace-button,
.nova-blokace-button {
	min-width: 12rem;
}


/*******************************************************************************
 * 
 *  Page - seznam blokaci
 * 
*******************************************************************************/

.seznam-blokaci-table .table-akce {
	min-width: 6rem;
}


/*******************************************************************************
 * 
 *  Page - detail prihlaseni
 * 
*******************************************************************************/

.form-detail-prihlaseni .form-row-box:first-of-type  {
	flex: 0 0 60rem;
}

.form-detail-prihlaseni .form-row-box  {
	flex: 1 0 auto;
}

.form-detail-prihlaseni .form-row-box > label {
	min-width: 10rem;
}

.form-detail-prihlaseni .form-row-box:first-of-type > label {
	min-width: 15rem;
}

.form-detail-prihlaseni-idp {
	margin-top: 1.2rem;
}

.form-detail-prihlaseni input[type="text"][readonly],
.form-detail-prihlaseni input[type="password"][readonly],
.form-detail-prihlaseni textarea[readonly] {
	background-color: #fafafa;
}

.form-detail-prihlaseni textarea {
	height: 6rem;
}

.form-detail-prihlaseni textarea.profil-text {
	height: 16rem;
}


/*******************************************************************************
 * 
 *  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;
}


/*******************************************************************************
 * 
 *  Tiles
 * 
*******************************************************************************/

/* tiles */
#tiles {
	float: left;
	margin: 1em 0;
	padding: 10px 15px 10px 15px;
	background-color: #EFF5FB;
	border: 1px solid #AAAAAA;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	border-radius: 4px;
}
.tile {
	float: left;
	width: 250px;
	height: 100px;
	margin: 15px 21px 15px 21px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	-khtml-border-radius: 25px; 
	border-radius: 25px;
	box-shadow: 2px 2px 7px -5px #333;
}
.tile-button-outer {
	width: 250px;
	height: 100px;
	background: rgb(230, 230, 230) url('../img/bt_bg2.png') 50% 50% repeat-x;
	box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.5) inset;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	-khtml-border-radius: 25px; 
	border-radius: 25px;
}
.tile-button-outer:hover,
.tile-button-outer:focus {
	box-shadow: -3px -3px 2px rgba(0, 0, 0, 0.3) inset;
}
.tile-button-outer:active {
	background-color: #555555;
	box-shadow: -3px -3px 2px rgba(255, 255, 255, 0.6) inset;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
.tile-button-inner {
	display: table;
	width: 250px;
	height: 100px;
	box-shadow: 3px 3px 2px rgba(255, 255, 255, 0.9) inset;
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	-khtml-border-radius: 25px; 
	border-radius: 25px;
}
.tile-button-inner:active {
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5) inset;
}
.tile a {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 25px; 
	font-size: 125%; 
	color: #000; 
	text-align: center;
	text-decoration: none; 
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px; 
	-khtml-border-radius: 25px;
	border-radius: 25px;
}
.tile a:hover, .tile a:focus {
	background: none;
	box-shadow: 0 0 20px 3px rgba(47, 110, 153, 0.9) inset;
	/*box-shadow: 0 0 20px -2px #ffd500;*/
}
.tile a:active {
	background: none;
}


/*******************************************************************************
 * 
 *  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;
}

.JColResizer.resizable-table > tbody > tr > td.table-akce {
	width: 1rem !important;
	min-width: 1rem !important;
	max-width: 1rem !important;
}

.table-akce {
	/*width: 1rem !important;
	min-width: 1rem !important;
	max-width: 1rem !important;*/
	text-align: center;
}

.table-detail-blokace {
	max-width: 70rem;
}


/***************  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-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;
}

/*******************************************************************************
 * 
 *  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: .5rem;
	padding: 1.2rem 2rem;
}

.hlaska-inner {
	display: table;
}

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

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




/*******************************************************************************
 * 
 *  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 {
/*
	border: 1px #de4a00 solid;
	background: #ffe1d2;
	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-omezeni-blokace {
	display: inline-block;
}

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

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

a > .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,
span.icon-link.disabled > i.fa {
	color: #777;
}

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

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

.icon-table.fa-times {
	font-size: 2.2rem;
}

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

/* 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,
.blockUI.blockOverlay {
	background: repeating-linear-gradient(
	  135deg,
	  #4d4d4d,
	  #4d4d4d 7.8px,
	  #444444 7.8px,
	  #444444 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; 
	color: red;
	/*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
 * 
*******************************************************************************/
.datepicker-wrapper {
	display: flex;
	display: -ms-flexbox;
	justify-content: flex-end;
	-ms-flex-pack: end;
}

.datepicker-wrapper .datepicker-time-input {
	max-width: 6rem;
	margin-left: 2rem;
}

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

/*******************************************************************************
 * 
 *  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;
	overflow: hidden;
	text-overflow: ellipsis;
}


/*******************************************************************************
 * 
 *  Page - Prehled prihlaseni
 * 
*******************************************************************************/




/*******************************************************************************
 * 
 *  Error stranka
 * 
*******************************************************************************/

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

.error-debug {
	margin-top: 1.2rem;
}