html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

* {
	margin: 0;
	padding: 0;
	border: none;
}

*:focus {
	outline: none !important;
}

ul {
	list-style: none;
}

ul li,
p {
	font-size: 95%;
}

body {
	background: var(--mainBg);
	color: var(--mainColor);
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow-x: hidden;
}

input,
button,
textarea {
	font-family: 'Montserrat', sans-serif;
}

/* login */
body.login {
	background: var(--loginbg);
	color: var(--loginColor);
}

#loginpage {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	padding: 100px 0.9em 0.9em 0.9em;
	resize: both;
}

#loginbox {
	width: 100%;
	max-width: 30em;
}

#logininbox {
	background: var(--loginBoxBg);
	width: 100%;
	border-radius: 10px;
	width: 100%;
	padding: 125px 3em 3em 3em;
	margin-bottom: 2em;
	position: relative;
}

#logininbox p,
#logininbox form {
	margin: 0;
	padding: 0;
}

#logininbox .logo {
	position: absolute;
	width: 140px;
	height: 140px;
	top: -90px;
	left: calc(50% - 70px);
	padding-top: 30px;
	background: var(--loginbg);
	border-radius: 50%;
}

#logininbox .logo img {
	width: 80px;
	height: 80px;
	content: var(--logo80);
	background-repeat: no-repeat;
}

#logininbox .logotext img {
	width: 261px;
	height: 30px;
	content: var(--logoText);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#logininbox .inputs {
	text-align: left;
	margin: 0 auto;
	padding: 1em 0 0.15em 0;
	max-width: 30em;
}

#logininbox .inputs .label {
	padding: 1em 0 0.45em 0;
}

#logininbox .inputs .akainput {
	background: var(--inputBg);
	padding: 5px;
	border-radius: 5px;
	position: relative;
	border: 1px solid var(--inputBorder);
}

#logininbox .inputs span {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 6px;
	right: 20px;
}

#logininbox .inputs span.eye {
	background: var(--eyeOpen) center center no-repeat;
	cursor: pointer;
}

#logininbox .inputs span.eye-closed {
	background: var(--eyeClosed) center center no-repeat;
	cursor: pointer;
}

/* #logininbox .inputs span.letter { background: url('../images/input-letter.png') center center no-repeat;  } */
#logininbox .inputs input[type="text"],
#loginbox .inputs input[type="password"] {
	padding: 0.65em 0.9em;
	width: 100%;
	background: transparent;
	color: var(--inputColor);
	font-size: 100%;
}

#logininbox .inputs input[type="submit"] {
	cursor: pointer;
	background: var(--loginButtonBg);
	color: var(--loginButtonColor);
	width: 100%;
	font-weight: 500;
	font-size: 105%;
	padding: 0.9em;
	margin: 1.5em 0 0.75em 0;
	text-align: center;
	border-radius: 10px;
}

#logininbox .inputs input[type="submit"]:hover {
	background: var(--loginButtonHover);
	color: var(--loginButtonHoverColor)
}

.forgotten span {
	font-size: 105%;
	text-decoration: none;
}

.forgotten span:hover {
	text-decoration: underline;
	cursor: pointer;
}

#loginbox #flag {
	padding: 21px 20px 8px 30px;
	border: 1px solid var(--loginLines);
	background: var(--loginLines) var(--arrowDown) 0.6em 1.2em no-repeat;
	border-radius: 10px;
	border-radius: 10px;
}

#loginbox #flag.over {
	border: 1px solid var(--loginLines);
	background: var(--loginLines) var(--arrowUp) 0.6em 1.2em no-repeat;
}

#loginbox p a {
	color: var(--loginColor);
}

.copyright {
	color: var(--copyright);
}

.copyright a {
	color: var(--copyright) !important;
}

#loginbox .flags {
	position: absolute;
	top: 2em;
	right: 2em;
}



#logininbox .inputs input {
	border: none !important;
}

/* zapomenute heslo */
.lastpasstext {
	padding: 2em 0 0 0;
	max-width: 35em;
	margin: 0 auto;
	color: var(--colorGrayLight);
}

.lastpasstext strong {
	display: inline-block;
	padding-bottom: 0.9em;
	color: var(--colorGrayDark);
	font-size: 130%;
}

#forgotten_pass_dialog .create_dialog span {
	margin: 2em auto 0 !important;
	color: var(--loginColor2);
}

/* nove heslo */
#newpassword {
	background: var(--colorRed);
}

#pw_change span.eye {
	background: var(--eyeOpen) center center no-repeat;
	width: 25px;
	height: 25px;
	margin-left: -30px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

#pw_change span.eye-closed {
	background: var(--eyeClosed) center center no-repeat;
	width: 25px;
	height: 25px;
	margin-left: -30px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

/* page */

#page {
	min-width: 70em;
}

#page {
	display: grid;
	grid-template-columns: 70px 1fr;
	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page.expanded {
	grid-template-columns: 210px 1fr;
}

/* rozbalene menu */
#page.subpage {
	grid-template-columns: 70px 250px 1fr;
}

/* podstranky s dalsim levym sloupcem navic */
#page.subpage.expanded {
	grid-template-columns: 210px 250px 1fr;
}

/* podstranky s dalsim levym sloupcem navic, rozbalene menu */

nav,
#secondarynav,
#main {
	min-height: 100vh;
}

nav {
	background: var(--navBg);
	border-right: 1px solid var(--linesNav);
	text-align: left;
}

nav p.logo {
	text-align: left;
	width: 45px;
	height: 45px;
	content: var(--logo45);
	margin: 15px 0px 18px 12px;
	background-position: center;
}

nav ul {
	padding: 10px 0 0 0;
}

nav ul li {
	display: block;
	position: relative;
}

nav ul li {
	margin: 0.45em 0;
}

nav ul li span {
	display: inline-block;
	vertical-align: middle;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: 1.35em center;
}

nav ul li span:first-child {
	width: 100%;
	height: 2.8em;
	cursor: pointer;
}

nav ul li span:last-child {
	display: none;
	position: absolute;
	top: 10px;
	left: 75px;
	padding: 0.45em 0.9em;
	font-weight: 700;
	font-size: 75%;
	z-index: 1000;
	white-space: nowrap;
	background-color: var(--navLi) !important;
	color: var(--toolTipColor);
}

nav ul li em {
	position: absolute;
	top: 6px;
	left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 6px 5.5px 0;
	border-color: transparent var(--navLi) transparent transparent;
}

nav ul li span:last-child::before {
	content: "";
	position: absolute;
	top: 6px;
	left: -6px;
	border-style: solid;
	border-width: 5.5px 6px 5.5px 0;
	border-color: transparent var(--navLi) transparent transparent;
}

nav ul li.over {
	background-color: var(--navLi);
}

nav ul li:hover span:last-child {
	display: block;
}

/* nav ul li:hover { border-right: 3px solid var(--navLi); } */

nav ul li.inactive span:first-child {
	opacity: 0.3;
	cursor: not-allowed;
}

nav ul li span.home {
	background-image: var(--navBox0Bg);
}

nav ul li.over span.home {
	background-image: var(--navBox0BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.home {
	background-image: var(--navBox0BgHover);
}

nav ul li span.contracts {
	background-image: var(--navBox1Bg);
}

nav ul li.over span.contracts {
	background-image: var(--navBox1BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.contracts {
	background-image: var(--navBox1BgHover);
}

nav ul li span.invoicein {
	background-image: var(--navBox2Bg);
}

nav ul li.over span.invoicein {
	background-image: var(--navBox2BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.invoicein {
	background-image: var(--navBox2BgHover);
}

nav ul li span.invoiceout {
	background-image: var(--navBox3Bg);
}

nav ul li.over span.invoiceout {
	background-image: var(--navBox3BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.invoiceout {
	background-image: var(--navBox3BgHover);
}

nav ul li span.orders {
	background-image: var(--navBox4Bg);
}

nav ul li.over span.orders {
	background-image: var(--navBox4BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.orders {
	background-image: var(--navBox4BgHover);
}

nav ul li span.requisitions {
	background-image: var(--navBox5Bg);
}

nav ul li.over span.requisitions {
	background-image: var(--navBox5BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.requisitions {
	background-image: var(--navBox5BgHover);
}

/* nav ul li span.vytezovani {	background-image: var(--navBox6Bg);  }  
nav ul li.over span.vytezovani {	background-image: var(--navBox6BgOver);  }  
nav ul li:not(.inactive):not(.over):hover  span.vytezovani {	background-image: var(--navBox6BgHover); }   */

nav ul li span.sapproces {
	background-image: var(--navBox7Bg);
}

nav ul li.over span.sapproces {
	background-image: var(--navBox7BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.sapproces {
	background-image: var(--navBox7BgHover);
}

nav ul li span.mailroom {
	background-image: var(--navBox8Bg);
}

nav ul li.over span.mailroom {
	background-image: var(--navBox8BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.mailroom {
	background-image: var(--navBox8BgHover);
}

nav ul li span.directives {
	background-image: var(--navBox9Bg);
}

nav ul li.over span.directives {
	background-image: var(--navBox9BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.directives {
	background-image: var(--navBox9BgHover);
}

nav ul li span.legal {
	background-image: var(--navBox10Bg);
}

nav ul li.over span.legal {
	background-image: var(--navBox10BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.legal {
	background-image: var(--navBox10BgHover);
}

nav ul li span.other {
	background-image: var(--navBox11Bg);
}

nav ul li.over span.other {
	background-image: var(--navBox11BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.other {
	background-image: var(--navBox11BgHover);
}

nav ul li span.archive {
	background-image: var(--navBox13Bg);
}

nav ul li.over span.archive {
	background-image: var(--navBox13BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.archive {
	background-image: var(--navBox13BgHover);
}

nav ul li span.users {
	background-image: var(--navBox12Bg);
}

nav ul li.over span.users {
	background-image: var(--navBox12BgOver);
}

nav ul li:not(.inactive):not(.over):hover span.users {
	background-image: var(--navBox12BgHover);
}

nav ul li:not(.over):hover span {
	background-color: var(--tabsActive);
}

nav ul li:hover span {
	background-color: var(--navBoxHoverBg);
}

/* expanded applications menu */
#page.expanded nav ul li span:first-child {
	display: inline-block;
	width: 55px;
}

#page.expanded nav ul li span:last-child {
	display: inline-block;
	position: relative;
	top: 0;
	left: 1em;
	padding: 0.45em 0.1em;
	font-weight: 400;
	font-size: 95%;
	white-space: nowrap;
	background-color: unset !important;
	color: var(--titleColor);
}

#page.expanded nav ul li:not(.inactive):not(.over):hover span:last-child {
	color: var(--titleHoverColor);
}

#page.expanded nav ul li em {
	display: none;
}

#page.expanded nav ul li.over span:last-child {
	color: var(--navOverColor);
}

#page.expanded nav ul li span:last-child::before {
	content: none;
}

#hamburgermenu {
	display: block;
	width: 40px;
	height: 40px;
	background-image: var(--navHamburger);
	background-repeat: no-repeat;
	margin-left: 15px;
	cursor: pointer;
}

#hamburgermenu:hover {
	background-image: var(--navHamburgerHover);
}

#secondarynav {
	border-right: 1px solid var(--lines);
}

#secondarynav p.logotext {
	text-align: left;
	padding-left: 30px;
}

#layout {
	display: grid;
	height: 100vh;
	grid-template-rows: auto 1fr auto;
}

header {
	background: var(--mainBg);
	color: var(--headerColor);
	text-align: right;
	height: 55px;
}

main {
	background: var(--mainBgBody);
	/* padding: 0.9em 2em; */
	position: relative;
}

header p.logotext {
	float: left;
	padding: 1.25em 1.5em;
	display: block;
	width: 249px;
	text-align: center;
}

#page.subpage header p.logotext {
	display: none;
}

/* header p.logotext span, #secondarynav p.logotext span { display: inline-block; width: 188px; height: 23px; background: var(--logoText); } */
header p.logotext span,
#secondarynav p.logotext span {
	display: inline-block;
	width: 188px;
	height: 23px;
	letter-spacing: 1px;
	transform: scale(2.2);
	font-weight: 700;
	margin: 8px;
	color: var(--logoColor);
}

header .topmenu p {
	display: inline-block;
	vertical-align: middle;
	padding: 1em;
	border: none;
	border-left: 1px solid var(--lines);
}

header .topmenu p:first-child {
	border-left: none;
}

header .topmenu p.date {
	display: none;
}

header .topmenu p.fatlink {
	padding: 1em 0.9em;
}

header .topmenu p.fatlink a {
	background-color: var(--headerFatLinkABg);
	color: var(--headerFatLinkAColor);
	transition: background 150ms ease;
	text-decoration: none;
	padding: 0.8em 1.0.9em 0.8em 0.8em;
	border-radius: 30px;
	font-weight: 700;
}

header .topmenu p.fatlink a:hover {
	background-color: var(--headerFatLinkABgOver);
}

header .topmenu p.fatlink a.modules em,
header .topmenu p.fatlink a.modules span {
	display: inline-block;
	vertical-align: middle;
}

header .topmenu p.fatlink a.modules em {
	display: inline-block;
	padding: 13px;
	margin-right: 8px;
	background-image: var(--moduleIcon);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left center;
}

header .topmenu p.account span.flags,
header .topmenu p.account span.user {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

header .topmenu p.themeswitch span.themes {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-top: 12px;
}

header .topmenu p.account span#user {
	width: 30px;
	height: 25px;
	background: var(--userHeaderIcon) center center no-repeat;
	position: relative;
}

header .topmenu p.account span#blinker {
	font-size: smaller;
	display: none;
}

header .topmenu p.account span.user em {
	display: none;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
}

header .topmenu p.themeswitch {
	font-size: 0.85em;
	min-height: 55px;
	padding: 0
}

header .topmenu p.themeswitch a {
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: 0 0 5px 5px;
}

header .topmenu p.themeswitch a.light {
	background: var(--colorBlueDark);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.light2 {
	background: var(--colorBlue);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.dark {
	background: var(--colorAlmostBlack);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.vegas {
	background-color: var(--colorBrownOrange);
	background-image: -webkit-linear-gradient(225deg, var(--colorBrownOrange) 50%, var(--colorDarkCyan2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.forest {
	background-color: var(--colorDarkGreen);
	background-image: -webkit-linear-gradient(225deg, var(--colorDarkGreen) 50%, var(--colorMediumDarkOrange) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.peppermint {
	background-color: var(--colorDarkCyan);
	background-image: -webkit-linear-gradient(225deg, var(--colorDarkCyan) 50%, var(--colorVeryLightGreenCyan) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.bubblegum {
	background-color: var(--colorBlueMagenta);
	background-image: -webkit-linear-gradient(225deg, var(--colorBlueMagenta) 50%, var(--colorMediumLightBlueMagenta) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.sunshine {
	background-color: var(--colorLightyellow2);
	background-image: -webkit-linear-gradient(225deg, var(--colorLightyellow2) 50%, var(--colorMediumDarkGray2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.naval {
	background-color: var(--colorVeryLightCyanBlue2);
	background-image: -webkit-linear-gradient(225deg, var(--colorVeryLightCyanBlue2) 50%, var(--colorDarkCyanBlue) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.eclipse {
	background-color: var(--colorMediumDarkBlueMagenta);
	background-image: -webkit-linear-gradient(225deg, var(--colorMediumDarkBlueMagenta) 50%, var(--colorMediumDarkBlue2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.themeswitch a.night {
	background-color: var(--colorTrolleyGray);
	background-image: -webkit-linear-gradient(225deg, var(--colorTrolleyGray) 50%, var(--colorBlack) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .topmenu p.account #flag {
	padding: 15px 20px 0.9em 30px;
	border: 1px solid var(--mainBg);
	background: url('../images/arr-down-full.svg') 0.3em 0.9em no-repeat;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

header .topmenu p.account #flag.over {
	border: 1px solid var(--lines);
	background: var(--lines) url('../images/arr-up-full.svg') 0.3em 0.9em no-repeat;
}

header .topmenu p.themeswitch #theme {
	padding: 15px 20px 0.9em 30px;
	border: 1px solid var(--mainBg);
	background: url('../images/arr-down-full.svg') 0.3em 0.9em no-repeat;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

header .topmenu p.themeswitch #theme.over {
	border: 1px solid var(--lines);
	background: var(--lines) url('../images/arr-up-full.svg') 0.3em 0.9em no-repeat;
}

/*header .topmenu p.account #user.over { border: 1px solid var(--lines); background: var(--lines) url('../images/arr-up-pr.svg') right 1.0.9em no-repeat; }*/

span.flagspopup {
	display: none;
	background: var(--mainBg);
	border: 1px solid var(--lines);
	position: absolute;
	top: 2em;
	left: 0;
	padding: 10px 10px;
	text-align: center;
	z-index: 10000;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

span.flagspopup a {
	display: block;
	padding: 0.25em 15px;
}

span.flagspopup a:hover {
	background-color: var(--colorBlueTransparent10);
}

.flags img {
	width: 30px;
	height: 25px;
}

span.themepopup {
	display: none;
	background: var(--themepopupBg);
	border: 1px solid var(--themepopupBorder);
	position: absolute;
	top: 3.2em;
	left: 0;
	padding: 10px 10px;
	text-align: center;
	z-index: 10000;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	flex-wrap: wrap;
	width: 170px;
	margin-left: 5px;
}

#pickedtheme {
	display: block;
	width: 23px;
	height: 23px;
	margin-left: -10px;
	margin-top: -12px;
}

.basic {
	background: var(--colorBlueDark);
	border: 1px var(--colorGrayMiddle) solid;
}

.dark {
	background: var(--colorAlmostBlack);
	border: 1px var(--colorGrayMiddle) solid;
}

.vegas {
	background-color: var(--colorBrownOrange);
	background-image: -webkit-linear-gradient(225deg, var(--colorBrownOrange) 50%, var(--colorDarkCyan2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.forest {
	background-color: var(--colorDarkGreen);
	background-image: -webkit-linear-gradient(225deg, var(--colorDarkGreen) 50%, var(--colorMediumDarkOrange) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.peppermint {
	background-color: var(--colorDarkCyan);
	background-image: -webkit-linear-gradient(225deg, var(--colorDarkCyan) 50%, var(--colorVeryLightGreenCyan) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.bubblegum {
	background-color: var(--colorBlueMagenta);
	background-image: -webkit-linear-gradient(225deg, var(--colorBlueMagenta) 50%, var(--colorMediumLightBlueMagenta) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.sunshine {
	background-color: var(--colorLightyellow2);
	background-image: -webkit-linear-gradient(225deg, var(--colorLightyellow2) 50%, var(--colorMediumDarkGray2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.naval {
	background-color: var(--colorVeryLightCyanBlue2);
	background-image: -webkit-linear-gradient(225deg, var(--colorVeryLightCyanBlue2) 50%, var(--colorDarkCyanBlue) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.eclipse {
	background-color: var(--colorMediumDarkBlueMagenta);
	background-image: -webkit-linear-gradient(225deg, var(--colorMediumDarkBlueMagenta) 50%, var(--colorMediumDarkBlue2) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

.night {
	background-color: var(--colorTrolleyGray);
	background-image: -webkit-linear-gradient(225deg, var(--colorTrolleyGray) 50%, var(--colorBlack) 50%);
	border: 1px var(--colorGrayMiddle) solid;
}

header .logoff {
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
	margin-left: 10px;
}

header .logoff span {
	display: block;
	width: 15px;
	height: 15px;
	background-image: var(--userLogoffIcon);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#breadcrumb {
	color: var(--colorGrayLighter);
}

#breadcrumb p {
	font-size: 75%;
	padding-top: 0.45em;
}

#breadcrumb p a {
	color: var(--colorGrayLighter);
	text-decoration: none;
}

#breadcrumb p a:hover {
	text-decoration: underline;
}

#breadcrumb p a.over {
	color: var(--colorBlue);
}

.table {
	display: table;
	width: 100%;
}

.tablerow {
	display: table-row;
}

.tablerow.header {
	color: var(--bigBoxThColor);
}

.tablecell {
	display: table-cell;
	font-size: 80%;
	padding: 10px 15px 0 0;
}

.tablecell.date {
	color: var(--bigBoxDateColor);
}

.tablecell.widescreen {
	display: none;
}

.tablecell:last-child {
	padding-right: 0;
}

h1 {
	font-size: 300%;
	color: var(--titleColor);
	padding: 0.25em 0 0 0;
}

h1 a {
	color: var(--titleColor);
	text-decoration: none;
	background: url('../images/arr-down.svg') right no-repeat;
	padding-right: 0.55em;
}

h1 a:hover {
	text-decoration: none;
}

h1 .companypopup {
	display: none;
}

h1 .companypopup a {
	font-weight: 300;
	font-size: 1em;
	text-decoration: underline;
	padding: 0.45em 0;
	background: transparent;
}

h1 .companypopup a:hover {
	text-decoration: none;
}

a {
	color: var(--a);
}

strong {
	font-weight: 700;
}

.reset {
	clear: both;
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
}

@media screen and (min-width:40em) {

	#guideboxes {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#guideboxes .box {
		flex-basis: 48.5%;
		margin: 0.75% 0.75%;
	}

	#guideboxes .box.bigbox {
		flex-basis: 98.5%;
	}

	.tablecell.widescreen {
		display: table-cell;
	}

}

@media screen and (min-width:60em) {

	/* pokud neni rozbalene menu */
	#page:not(.expanded) #guideboxes .box {
		flex-basis: 31.5%;
	}

	#page:not(.expanded) #guideboxes .box.bigbox {
		flex-basis: 97.5%;
	}

}

@media screen and (min-width:85em) {

	.mainheader {
		min-height: 8em;
	}

	#absoluteboxes {
		position: absolute;
		top: 0.9em;
		right: 2em;
	}

	#absoluteboxes .box {
		width: 20em;
		margin-left: 0.9em;
	}

	#absoluteboxes .box .detail {
		padding: 0.9em 0.9em 0.9em 75px;
	}

	/* pokud neni rozbalene menu */
	#guideboxes .box {
		flex-basis: 31.5%;
	}

	#guideboxes .box.bigbox {
		flex-basis: 97.5%;
	}

}

@media screen and (min-width:90em) {

	header .topmenu p.account span#user {
		width: auto;
		height: auto;
		background: transparent;
	}

	header .topmenu p.account span.user em {
		display: inline-block;
	}

	header .topmenu p.account span#blinker {
		display: inline-block;
	}

}

@media screen and (min-width:100em) {

	header .topmenu p.fatlink {
		display: inline-block;
	}

	#page.expanded header .topmenu p.fatlink {
		display: none;
	}

	#absoluteboxes {
		right: 1.35em;
	}

	#page:not(.expanded) #guideboxes .box {
		flex-basis: 18.5%;
	}

	#page:not(.expanded) #guideboxes .box.bigbox {
		flex-basis: 58.5%;
	}

}

@media screen and (min-width:115em) {

	header .topmenu p.date {
		display: inline-block;
	}

	#page.expanded header .topmenu p.date {
		display: none;
	}

	#guideboxes .box {
		flex-basis: 18.5%;
	}

	#guideboxes .box.bigbox {
		flex-basis: 58.5%;
	}

}

/* rozsireni DATATABLES */

table.dataTable thead th,
table.dataTable thead td {
	border: none !important;
	text-align: left;
}

table.dataTable th {
	text-align: left;
}

table.dataTable tbody tr {
	background-color: var(--dataTableRows);
	box-shadow: var(--datatableRowShadow);
	z-index: 98;
}

table.dataTable tbody tr:not(.detail_row):hover {
	background-color: var(--dataTablesOver);
}

table.dataTable tbody tr.detail_row {
	border: none;
	border-radius: 0;
}

table.dataTable tbody td {
	padding: 1em 0.75em;
	border-top: 5px solid var(--dataTableBetweenRows);
	text-align: left;
}

table.dataTable tbody tr.highlight {
	background-color: var(--dataTableHighlighted);
}

table.dataTable tbody tr.highlight .cs_orange {
	color: var(--dataTableHighlightedOrangeColor);
}

table.dataTable tbody tr.highlight:hover .cs_orange {
	color: orange;
}

table.dataTable tbody tr.highlight:hover {
	background-color: var(--dataTablesHighlightOver);
	color: var(--dataTablesHighlightOverColor)
}

table.dataTable tbody tr.highlight.grayRow:hover {
	background-color: var(--dataTablesHighlightOver);
	color: var(--dataTablesHighlightOverColorGrayRow)
}

table.dataTable tbody tr.detail td {
	background: var(--dataTableHighlighted);
	color: var(--mainColor);
	font-weight: 700;
}

/* table.dataTable tbody tr.detail td .cs_red, table.dataTable tbody tr.detail td .cs_green, table.dataTable tbody tr.detail td .cs_orange { color: var(--mainColor); font-weight: 700; } */
/* table.dataTable tbody tr.detail td .cs_red::before, table.dataTable tbody tr.detail td .cs_green::before, table.dataTable tbody tr.detail td .cs_orange::before { border-color: var(--mainColor);  } */

table.dataTable tbody tr.detail_row td {
	border-top: none;
}

table.dataTable #tp_items {
	margin: 1em;
	border-top: 1px solid var(--lines);
}

table.dataTable #tp_items th,
table.dataTable #tp_items td {
	padding: 0.9em;
	font-size: 0.85em;
	background: var(--mainBgBody);
}

table.dataTable #tp_items th {
	border-bottom: 1px solid var(--lines);
	color: var(--mainColor);
}

.dataTables_scroll {
	font-size: 0.8em;
	padding: 0.75em 0;
}



table.dataTable .ui-multiselect {
	padding: 0.1em 0 0 0.45em;
	font-size: 0.9em;
	color: var(--dataTableInputColor);
	border: 1px solid var(--dataTableInputBorder) !important;
	height: 1.5em;
}

#tab_personal_content .dataTables_wrapper .dataTables_scroll {
	padding: 1em;
}

/* hlavicka tabulky s daty */
.search_header_row {
	color: var(--colorGrayLighter);
}

/* radek s filtrem */
.search_input_row input {
	border: 1px solid var(--dataTableInputBorder);
	padding: 0.45em;
	color: var(--dataTableInputColor);
}

/* barevna hlavicka datatables */
table.dataTable tr.search_header_row,
table.dataTable tr.search_input_row,
table.dataTable thead tr {
	background: var(--dataTable);
	color: var(--colorReverse)
}

table.dataTable tr.search_header_row th,
table.dataTable thead tr {
	padding: 5px 5px 0 5px;
}

table.dataTable tr.search_input_row th {
	padding: 0px 2px 5px 2px;
}

/* barevne radku v datatables */
/* ul#tpl_sortable1 li:nth-child(odd), ul#tpl_sortable2 li:nth-child(odd), ul#tpl_sortable3 li:nth-child(odd) { background: var(--mainBgBody); } */
/* ul#tpl_sortable1 li, ul#tpl_sortable2 li, ul#tpl_sortable3 li { min-height: 2em; } */
ul.tpl_connectedSortable li:nth-child(odd) {
	background: var(--transparent);
}

ul.tpl_connectedSortable li {
	min-height: 2.5em;
}


#tc_items {
	background: var(--sumBg);
	border: 1px solid var(--sumLines);
	color: var(--sumColor);
}

#contract_items_data th.number,
#contract_items_data td.number {
	text-align: right;
}

.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	margin: 0 0 10px 25px;
	padding: 2px 5px;
	list-style: none;
	background-color: var(--autocompleteBg);
	border: 1px solid var(--autocompleteBorder);
	line-height: 1.8;
	font-size: 0.85em;
	text-align: left;
	cursor: pointer;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-autocomplete li.ui-menu-item {
	color: var(--atcItemColor);
}

.ui-autocomplete li.ui-menu-item:hover {
	color: var(--atcItemHoverColor);
	background-color: var(--atcItemHoverBg);
}

.ui-autocomplete li.ui-menu-item div.ui-state-active {
	color: var(--atcItemHoverColor);
	background-color: var(--atcItemHoverBg);
}

.ui-datepicker {
	display: none;
	background: var(--mainBgBody);
	color: var(--datePickerColor);
	border: 1px solid var(--lines);
	padding: 0.9em;
	min-width: 17em;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
	text-indent: -9999px;
	white-space: nowrap;
	background-color: var(--colorGrayDark);
	border-radius: 3px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 0.9em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker table {
	border: 1px solid var(--lines);
	border-collapse: collapse;
	margin-top: 10px;
	text-align: center;
}

.ui-datepicker table th {
	text-align: center;
	font-weight: bold;
	border: 0;
	padding: 5px;
}

.ui-datepicker table td {
	border: 1px solid var(--lines);
	padding: 5px;
}

.ui-datepicker table td a {
	display: block;
	padding: 5px;
	margin: -5px;
	color: var(--datePickerAColor);
}

.ui-datepicker table td a:hover {
	background: var(--datePickerHover);
	color: var(--datePickerHoverColor);
}

.ui-datepicker table td a.ui-state-highlight {
	background: var(--datePickerHighlighted);
	color: var(--datePickerHighlightedColor);
}

.ui-datepicker table td a.ui-state-highlight:hover {
	background: var(--datePickerHighlightedHover);
}

.ui-datepicker table td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}

.ui-datepicker table .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker table .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker table .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}


/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #eeb420;
	background: #fff9e5;
	color: #1f1f1f;
}

.ui-state-checked {
	border: 1px solid #eeb420;
	background: #fff9e5;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #1f1f1f;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	background-color: white;
	border: 1px solid #CF0000;
	color: #CF0000;
	font-size: 1.1em;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	/* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	/* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35);
	/* support: IE8 - See #6059 */
}

.ui-state-error h4 {
	padding: 1em;
	font-size: 0.9em;
}

#decision_message.ui-state-error {
	padding: 2em;
}

/* Icons
----------------------------------*/

.ui-button {
	padding: .4em 0.9em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .0.9em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.0.9em;
	height: 2.0.9em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 0.9em;
}

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: left;
}

.ui-button-icon-space {
	display: inline-block;
	width: 5px;
}

#rel_search_btn {
	background: var(--buttonBg);
	border: 1px solid var(--buttonBorder);
	height: 30px;
	border-radius: 3px;
}

#rel_search_btn:hover {
	background: var(--buttonBgHover);
	border: 1px solid var(--buttonBorderHover);
}

#rel_search_btn .ui-button-icon {
	margin: 3px 0 0 3px !important;
}

.ui-icon,
.ui-widget-content .ui-icon {
	/* background-image: url('images/ui-icons_ffffff_256x240.png'); */
	background-image: var(--widgetContent);
}

.ui-widget-header .ui-icon {
	/* background-image: url('images/ui-icons_ffffff_256x240.png'); */
	background-image: var(--widgetHeader);

}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	/*background-image: url('images/ui-icons_ffffff_256x240.png');*/
	background-image: var(--widgetButtonHover);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: var(--widgetButtonActive);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: var(--widgetButtonHighLight);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	/*background-image: url('images/ui-icons_a83300_256x240.png');*/
	background-image: url('../images/attention_10.svg');
	background-position: center;
	background-repeat: no-repeat;
}

.ui-button .ui-icon {
	background-image: var(--icons);
}

.ui-button:not(.ui-button-disabled):hover .ui-icon {
	background-image: var(--iconsHover);
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-n {
	background-image: var(--arrowNorth) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-triangle-2-s {
	background-image: var(--arrowSouth) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-image: url('../images/icons/contextmenu/arrowreturnthick-1-w.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-image: url('../images/icons/contextmenu/extlink-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-newwin {
	background-image: var(--newwinCM) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-newwin-nd {
	background-image: var(--newwin2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-newwin-rd {
	background-image: var(--newwin3) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-image: url('../images/icons/contextmenu/transferthick-e2-w.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

/*.ui-icon-transferthick-e-w { background-position: -112px -80px; }*/
.ui-icon-transferthick-e-w {
	background-image: var(--transferthick-e-w) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-transferthick-e-w-nd {
	background-image: var(--transferthick-e-w2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-transferthick-e2-w {
	background-image: var(--transferthick-e2-w) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-transferthick-e2-w-nd {
	background-image: var(--transferthick-e2-w2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-folder-open {
	background-image: url('../images/icons/contextmenu/folder_open-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-document {
	background-image: var(--document) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-document-diffs {
	background-image: url('../images/icons/contextmenu/document_diffs-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-image: var(--mailClosed) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-mail-closed-nd {
	background-image: var(--mailClosed2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-mail-closed-rd {
	background-image: var(--mailClosed3) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-image: var(--suitcase) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

/*.ui-icon-comment { background-position: -128px -96px; }*/
.ui-icon-comment {
	background-image: url('../images/icons/contextmenu/comment-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-image: var(--trashBtn) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-trash-nd {
	background-image: var(--trashBtn2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-trash-btn {
	background-image: var(--trashBtn3) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}


.ui-icon-locked {
	background-image: var(--lock) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.ui-icon-unlocked {
	background-image: var(--unlock) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-image: var(--pencilBtn) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-pencil-nd {
	background-image: var(--pencilBtn2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-search {
	background-image: var(--search) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-search-nd {
	background-image: var(--search2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-pdf {
	background-image: var(--pdf) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-msword {
	background-image: var(--msword) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-printed {
	background-image: var(--printedCM) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-printed-nd {
	background-image: var(--printed2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}


.ui-icon-clock {
	background-image: url('../images/icons/contextmenu/clock-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

/*.ui-icon-disk { background-position: -96px -112px; }*/
.ui-icon-disk {
	background-image: var(--diskBtn) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-disk-nd {
	background-image: var(--diskBtn2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-disk-rd {
	background-image: var(--diskBtn3) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-disk-th {
	background-image: var(--diskBtn4) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-help {
	background-image: var(--helpIcon) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-comreq {
	background-image: url('../images/icons/contextmenu/comreq-white.svg') !important;
	/* background-image: var(--comreq) !important; */
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-image: var(--gear) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 12px 12px !important;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

/*.ui-icon-cancel { background-position: 0 -128px; }*/
.ui-icon-cancel {
	background-image: var(--cancelCM) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-cancel-nd {
	background-image: var(--cancel2) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-plus {
	background-image: var(--plus) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 10px 10px !important;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

/*.ui-icon-close { background-position: -80px -128px; }*/
.ui-icon-close {
	background-image: url('../images/icons/contextmenu/close-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-closethick {
	background-image: var(--closeIcon) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-icon-closethick:hover {
	background-image: var(--closeIconHover) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-icon-key {
	background-image: var(--impersonate) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

/*.ui-icon-lightbulb { background-position: -128px -128px; }*/
.ui-icon-lightbulb {
	background-image: url('../images/icons/contextmenu/lighbulb-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-scissors {
	background-image: var(--scissors) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

/*.ui-icon-clipboard { background-position: -160px -128px; }*/
.ui-icon-clipboard {
	background-image: url('../images/icons/contextmenu/clipboard-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-compared {
	background-image: url('../images/icons/contextmenu/compared-gray.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}


.ui-icon-script {
	background-image: url('../images/icons/contextmenu/script-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

/* .ui-icon-help {
	background-image: url('../images/icons/contextmenu/comreq-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
} */

.ui-icon-check {
	background-image: url('../images/icons/contextmenu/check-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

/*.ui-icon-power { background-position: 0 -176px; }*/
.ui-icon-power {
	background-image: url('../images/icons/contextmenu/power-white.svg') !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0);
	/* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* toto udelat systemove pro vsechny checkboxy */
/*
.tc_subtab_buttons {
	display: inline-block;
	margin-left: 10px;
}

.tc_subtab_buttons label {
	width: 170px;
	text-align: center;
	font-size: 0.8em;
	background: var(--colorBlue);
	color: var(--colorReverse);
	border: 1px solid var(--lines);
	border-radius: 3px;
}

.tc_subtab_buttons label:hover {
	background: var(--colorBlueDark);
}

.tc_subtab_buttons label.ui-checkboxradio-checked {
	background: var(--colorGreen);
	color: var(--colorReverse);
}
*/

.ui-controlgroup .ui-checkboxradio-label {
	margin-left: 1px;
}

label.ui-controlgroup.ui-controlgroup-horizontal {
	display: inline-block;
	margin-left: 10px;
}

label.ui-checkboxradio-radio-label {
	width: 170px;
	text-align: center;
	font-size: 0.8em;
	background: var(--colorBlue);
	color: var(--colorReverse);
	border: 1px solid var(--lines);
	border-radius: 3px;
}

label.ui-checkboxradio-label {
	width: 170px;
	text-align: center;
	font-size: 0.95m;
	background-color: var(--buttonBg);
	color: var(--buttonColor);
	border: 1px solid var(--buttonBorder);
	border-radius: 3px;
}

label.ui-checkboxradio-label:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover)t;
	border: 1px solid var(--buttonBorderHover);
}

label.ui-checkboxradio-radio-label:hover {
	background: var(--buttonBgHover);
	color: var(--buttonColorHover);
	border: 1px solid var(--buttonBorderHover);
}

label.ui-checkboxradio-checked {
	background: var(--colorGreen);
	color: var(--colorBlack);
	border: 1px solid var(--buttonBorderHover);
}

/* sipecky u inputu */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	color: inherit;
	padding: 0.5em 0.2em;
	margin: 0 1.2em 0 0.5em;
	vertical-align: middle;
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	background-color: var(--buttonBg);
	border: solid 1px var(--buttonBorder);
	cursor: pointer;
}

.ui-spinner a.ui-spinner-button:hover {
	background-color: var(--buttonBgHover);
	border: solid 1px var(--buttonBorderHover);
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}


.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

/* error and urgent dialog */

.ui-dialog.urgent-dialog {
	background-color: var(--urgentDialogBg) !important;
}

.ui-dialog.urgent-dialog .ui-dialog-buttonpane {
	background-color: var(--urgentDialogBg) !important;
}

.ui-dialog.urgent-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	border: none;
	background-color: var(--transparent) !important;
}

.ui-dialog.urgent-dialog .ui-icon-closethick {
	background-image: var(--urgentDialogClose) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-dialog.urgent-dialog .ui-icon-closethick:hover {
	background-image: var(--urgentDialogCloseHover) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.ui-dialog.urgent-dialog #alert_dialog,
.ui-dialog.urgent-dialog .ui-state-error {
	background-color: var(--urgentDialogBg) !important;
	color: var(--urgentDialogColor) !important;
	border: none;
	display: flex !important;
	flex-direction: row;
	margin-top: 10px;
	margin-left: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.ui-dialog.urgent-dialog h4 {
	overflow-wrap: break-word;
	font-size: 16px;
}

.ui-dialog.urgent-dialog .ui-dialog-titlebar {
	background-color: var(--urgentDialogHeader) !important;
}

.ui-dialog.urgent-dialog .ui-state-error img,
.ui-dialog.urgent-dialog #alert_dialog img {
	content: url('../images/attention.svg');
	margin-right: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.ui-dialog.urgent-dialog .ui-dialog-buttonpane button {
	border: 1px solid var(--urgentDialogButtonBorder) !important;
	background-color: var(--urgentDialogButtonBg) !important;
	color: var(--urgentDialogButtonColor) !important;
}

.ui-dialog.urgent-dialog .ui-dialog-buttonpane button:hover {
	border: 1px solid var(--urgentDialogButtonBorderHover) !important;
	background-color: var(--urgentDialogButtonBgHover) !important;
	color: var(--urgentDialogButtonColorHover) !important;
}