/* Hlavni styly, nastaveni prvku napric HTML */
body {font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 100%; color: #212121;}
html, body {height: 100%;}
form, fieldset{border: 0px;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}
input:not([type=submit]):not([type="file"]):not([type="radio"]), textarea {margin: 1px 0px; padding: 1px 10px; width: 290px; height: 24px; line-height: 1em; border-radius: 2px; border: 1px solid #BBB; box-shadow: 0px 1px 1px 0px #F7F7F7; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); box-sizing: content-box;}
textarea {height: 84px;}
input:not([type=submit]):not([type="file"]):not([type="radio"]):hover, textarea:hover {border-color: #666; box-shadow: 0px 0px 3px 1px #F39521; box-shadow: 0px 0px 3px 1px rgba(243, 149, 33, 1);}
input:not([type=submit]):not([type="file"]):not([type="radio"]):focus, textarea:focus {box-shadow: 0px 0px 3px 1px #F39521, inset 0px 2px 3px -2px #666; box-shadow: 0px 0px 3px 1px rgba(243, 149, 33, 1), inset 0px 2px 3px -2px rgba(96, 96, 96, 1); outline: 0px;}
input[type="submit"], button, a.submit, span.submit {display: inline-block; border: 1px solid #8E8E8E; height: 2.45em; line-height: 2.45em; color: #FFF; vertical-align: top; font-size: 12px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; border-radius: 2px; padding: 0px 15px; margin: 1px 5px 1px;
	background: #707070; /* Old browsers */
	background: -moz-linear-gradient(top,  #707070 0%, #454545 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#454545)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #707070 0%,#454545 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #707070 0%,#454545 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #707070 0%,#454545 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #707070 0%,#454545 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
}
#layout main #content a.submit, #layout main #content span.submit {text-decoration: none; color: #FFF; height: calc(2.45em - 2px); line-height: 2.45em; font-weight: normal; text-transform: uppercase;}
input[type="submit"]:hover, button:not(.ui-multiselect):hover, input[type="submit"]:focus, a.submit:hover, a.submit:focus, span.submit:hover, span.submit:focus {cursor: pointer; border-color: #2F2F2F;
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top,  #575757 0%, #242424 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#242424)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #575757 0%,#242424 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #575757 0%,#242424 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #575757 0%,#242424 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #575757 0%,#242424 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#242424',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:focus, a.submit:focus, span.submit:focus {outline: none; box-shadow: inset 0px 7px 5px -5px #181818;}
input[type="submit"]:disabled, button:disabled, a.submit:disabled, span.submit:disabled {border-color: #AAA;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#d7d7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#d7d7d7 100%); /* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
}
input[type="file"] {}
input[type="file"]:hover {}
input[type="file"]:focus {}
input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background: #FFF none; width: 24px !important; padding: 1px !important; color: #FFF;}
input[type="checkbox"]:checked, input[type="checkbox"]::selection {background: #FFF url('../images/fancyfields/checkboxActive.png') 50% 50% no-repeat;}
input[type="checkbox"]:checked, input[type="checkbox"]::-moz-selection {background: #FFF url('../images/fancyfields/checkboxActive.png') 50% 50% no-repeat;}
input[type="checkbox"]:disabled {background: #EAE5E5 none;}
input[type="checkbox"]:disabled:hover {border: 1px solid #BBB; box-shadow: 0px 1px 1px 0px #F7F7F7; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);}
input[type="checkbox"]:disabled:checked {background: #EAE5E5 url('../images/fancyfields/checkboxDisabled.png') 50% 50% no-repeat;}
input[type="checkbox"]:hover {}
input[type="checkbox"]:focus {}
select {display: inline-block; margin: 1px 0px; padding: 1px 30px 1px 6px; width: auto; height: 28px; line-height: 2em; border-radius: 2px; border: 1px solid #BBB; box-shadow: 0px 1px 1px 0px #F7F7F7; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); vertical-align: top;}
select:hover {border-color: #666; box-shadow: 0px 0px 3px 1px #F39521; box-shadow: 0px 0px 3px 1px rgba(243, 149, 33, 1);}
select:focus {box-shadow: box-shadow: 0px 0px 3px 1px #F39521, inset 0px 2px 3px -2px #666; box-shadow: 0px 0px 3px 1px rgba(243, 149, 33, 1), inset 0px 2px 3px -2px rgba(96, 96, 96, 1); outline: 0px;}
select + span.select-arrow {content: ""; display: inline-block; width: 28px; height: 26px; border-radius: 0px 2px 2px 0px; background: transparent url('../images/fancyfields/selectArrows.png') 50% 0px no-repeat; vertical-align: top; margin-top: 2px; margin-left: -29px; pointer-events: none;}
select[style*="display:none"] + span.select-arrow, select[style*="display: none"] + span.select-arrow {display: none;}
select:hover + span.select-arrow {background-position: 50% -28px;}
select:focus + span.select-arrow {background-position: 50% -56px;}
input[type="radio"] {margin: 1px 0px; padding: 1px 10px; width: 18px; height: 18px; line-height: 1em; border-radius: 2px; border: 1px solid #BBB; box-sizing: content-box;}
input[type="radio"]:hover {box-shadow: none;}
input[type="radio"]:focus {box-shadow: none;}
label.required, .required label {font-weight: bold;}
label.required:after , .required label:after {content: "\A0*"; color: #E89530;}
input.required, .required input, select.required, .required select {border-color: #E89530 !important;}
.required.form-error input {background-color: #FEE !important;}
input.authenticator{height:44px !important;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1, h2, h3, h4, h5, h6 {}
p {margin-bottom: 5px;}
a {color: #000;}

/* Bezne pouzivane tridy */
.f-left {float: left;}
.f-right {float: right;}
.clear-before {clear: both;}
.clear-after:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}

/* Wrapper pro hlavicku a obsah */
#layout {}

/* Hlavicka */
#layout > header {width: 100%; height: 50px; color: #FFF; position: relative; top: 0px; transition: top linear 0.5s;
	background: #3a4041;
	background: -moz-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3a4041), color-stop(100%, #262c2d));
	background: -webkit-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -o-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -ms-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: linear-gradient(to bottom, #3a4041 0%, #262c2d 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3a4041', endColorstr='#262c2d', GradientType=0);
}
#layout > header.header_collapsed {top: -50px; transition: top linear 0.5s;}
#layout > header.initial {transition: top linear 0s;}
#layout > header a {color: #FFF;}
#layout > header form {float: left; height: 50px; line-height: 3.2em;}
#layout > header form div {float: left; position: relative;}
#layout > header form label {font-weight: bold; display: inline-block; margin-left: 15px;}
#layout > header form select.transparent {border: 1px solid transparent; background: transparent none; color: #FFF; padding: 1px 20px 1px 6px; vertical-align: middle; -moz-appearance: none;}
#layout > header form select.transparent::-ms-expand {display: none;}
#layout > header form select.transparent option {color: #000;}
#layout > header form select.transparent + .select-arrow {position: absolute; right: 6px; top: 23px; display: block; width: 0px; height: 0px; border: 0px solid transparent; border-top-color: #FFF; border-width: 8px 5px; pointer-events: none; background: transparent none; margin: 0px; border-radius: 0px;}
#layout > header .user-links {float: right;}
#layout > header .user-links {margin: 5px 15px 0px 0px; font-size: 0.95em; line-height: 1.3em; position: relative; color: #B4B4B4;}
#layout > header .user-links strong {color: #FFF; font-weight: normal;}
#layout > header .user-links:before {content: ""; display: block; width: 35px; height: 35px; background: #171B1C url('../images/core_new/ico_user.png') 50% 50% no-repeat; border: 1px solid #3B4142; border-radius: 5px; position: absolute; left: -47px; top: 1px;}
#layout > header .user-links:after {content: ""; display: block; width: 31px; height: 31px; border: 1px solid #292E30; box-shadow: inset 0px 0px 0px 1px #565F61; border-radius: 5px; position: absolute; left: -83px; top: 3px;
	background: -moz-linear-gradient(top, #5a6465 0%, #3E4446 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #5a6465), color-stop(100%, #3E4446));
	background: -webkit-linear-gradient(top, #5a6465 0%, #3E4446 100%);
	background: -o-linear-gradient(top, #5a6465 0%, #3E4446 100%);
	background: -ms-linear-gradient(top, #5a6465 0%, #3E4446 100%);
	background: linear-gradient(to bottom, #5a6465 0%, #3E4446 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5a6465', endColorstr='#3E4446', GradientType=0 );
background-image: url('../images/core_new/ico_pencil.png'); background-position: 50% 50%; background-repeat: no-repeat;
}
@media(max-width: 949px) {
	#layout > header .user-links:before, #layout > header .user-links:after {content: none;}
}
@media(max-width: 649px) {
	#layout > header form {line-height: auto; height: 40px; padding: 5px 0px;}
	#layout > header form div {height: 20px;}
	#layout > header form div + div {clear: left;}
	#layout > header form label {height: 20px; vertical-align: top; line-height: 20px;}
	#layout > header form select.transparent {height: 20px; vertical-align: top;}
	#layout > header form select.transparent + .select-arrow {top: 8px;}
}

/* Hlavni navigace stranek */
#layout > nav #logo {position: absolute; left: 2px; top: 4px; display: block; width: 50px; height: 35px; overflow: hidden; text-align: center;}
#layout > nav #logo img {max-height: 35px;}
#layout > nav {width: auto; min-height: 42px; position: relative; top: 0px; transition: top linear 0.5s;}
#layout > nav ul {background: transparent url('../images/core_new/bg_nav.png') 0% 0% repeat; padding: 0px 150px 0px 50px;}
#layout > nav ul li {display: inline-block; height: 43px; line-height: 3em; font-size: 0.95em; border-right: 1px solid #BEBEBE; box-shadow: 1px 0px 0px 0px #FFF;}
#layout > nav ul li a {display: block; padding: 0px 15px; font-weight: bold; vertical-align: top; height: 42px;}
#layout > nav ul li a:hover, #layout > nav ul li a.active {text-decoration: none;
	background: #DDD;
	background: -moz-linear-gradient(top, #DDD 0%, #FFF 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #DDD), color-stop(100%, #FFF));
	background: -webkit-linear-gradient(top, #DDD 0%, #FFF 100%);
	background: -o-linear-gradient(top, #DDD 0%, #FFF 100%);
	background: -ms-linear-gradient(top, #DDD 0%, #FFF 100%);
	background: linear-gradient(to bottom, #DDD 0%, #FFF 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#DDD', endColorstr='#FFF', GradientType=0 );
}
#layout > nav ul li a img {vertical-align: middle; margin-right: 10px; display: none;}
#layout > nav #header_toggler {content: ""; display: block; width: 35px; height: 35px; border: 1px solid #B30000; border-radius: 4px; position: absolute; right: 6px; top: 0px; z-index: 3; font-size: 0px; color: transparent;
	background: #d90000;
	background: -moz-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d90000), color-stop(100%, #8c0000));
	background: -webkit-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -o-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -ms-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: linear-gradient(to bottom, #d90000 0%, #8c0000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#8c0000', GradientType=0 );
}
#layout > nav #header_toggler:hover {
	background: #8c0000;
	background: -moz-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0000), color-stop(100%, #d90000));
	background: -webkit-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -o-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -ms-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: linear-gradient(to bottom, #8c0000 0%, #d90000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#d90000', GradientType=0 );
}
#layout > header.header_collapsed + nav {top: -50px; transition: top linear 0.5s;}
#layout > header.initial + nav {transition: top linear 0s;}
#layout > nav #header_toggler:after {content: ""; display: block; width: 0px; height: 0px; border: 0px solid transparent; border-width: 0px 5px; border-bottom: 7px solid #FFF; position: absolute; right: 12px; top: 15px; z-index: 5; transition: all linear 0.5s;}
#layout > header.header_collapsed + nav #header_toggler:after, #layout > header.header_collapsed.initial + nav #header_toggler:after {border-bottom-width: 0px; border-top: 7px solid #FFF; transition: all linear 0.5s;}
#layout > header.initial + nav #header_toggler:after {transition: all linear 0s;}
#layout > nav .logout {text-transform: uppercase; font-size: 0.95em; line-height: 2.5em; position: absolute; right: 50px; top: 1px; color: #FFF; font-weight: bold;}
#layout > nav .logout:hover {text-decoration: none;}

/* Leva navigace */
main nav {position: relative; top: 0px; left: 0px; float: left; width: 220px; color: #FFF; transition: margin-left linear 0.5s; padding-bottom: 90px; background-color: #EAEAEA;}
main.menu_collapsed nav {margin-left: -220px; transition: margin-left linear 0.5s;}
main.menu_collapsed.initial nav {transition: margin-left linear 0s;}
main nav #menu_toggler {display: block; width: 200px; padding-left: 15px; height: 30px; position: relative; color: #FFF; font-weight: bold; letter-spacing: 3px; font-size: 1em; line-height: 1.9em; margin: 10px 0px; z-index: 1; position: relative; transition: margin-left linear 0.5s;
	background: #3d4445;
	background: -moz-linear-gradient(top, #3d4445 0%, #2e3435 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3d4445), color-stop(100%, #2e3435));
	background: -webkit-linear-gradient(top, #3d4445 0%, #2e3435 100%);
	background: -o-linear-gradient(top, #3d4445 0%, #2e3435 100%);
	background: -ms-linear-gradient(top, #3d4445 0%, #2e3435 100%);
	background: linear-gradient(to bottom, #3d4445 0%, #2e3435 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3d4445', endColorstr='#2e3435', GradientType=0);
}
main nav #menu_toggler:hover {text-decoration: none;
	background: #2e3435;
	background: -moz-linear-gradient(top, #2e3435 0%, #3d4445 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #2e3435), color-stop(100%, #3d4445));
	background: -webkit-linear-gradient(top, #2e3435 0%, #3d4445 100%);
	background: -o-linear-gradient(top, #2e3435 0%, #3d4445 100%);
	background: -ms-linear-gradient(top, #2e3435 0%, #3d4445 100%);
	background: linear-gradient(to bottom, #2e3435 0%, #3d4445 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2e3435', endColorstr='#3d4445', GradientType=0);
}
main nav #menu_toggler:before {content: ""; display: block; width: 35px; height: 35px; border: 1px solid #B30000; border-radius: 4px; position: absolute; right: 0px; top: -4px; z-index: 3;
	background: #d90000;
	background: -moz-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d90000), color-stop(100%, #8c0000));
	background: -webkit-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -o-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -ms-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: linear-gradient(to bottom, #d90000 0%, #8c0000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#8c0000', GradientType=0 );
}
main nav #menu_toggler:hover:before {
	background: #8c0000;
	background: -moz-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0000), color-stop(100%, #d90000));
	background: -webkit-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -o-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -ms-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: linear-gradient(to bottom, #8c0000 0%, #d90000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#d90000', GradientType=0 );
}
main nav #menu_toggler:after {content: ""; display: block; width: 0px; height: 0px; border: 0px solid transparent; border-width: 5px 0px; border-right: 7px solid #FFF; position: absolute; right: 15px; top: 10px; z-index: 5; transition: all linear 0.5s;}
main.menu_collapsed nav #menu_toggler, main.menu_collapsed.initial nav #menu_toggler {margin-left: 43px; transition: margin-left linear 0.5s;}
main.menu_collapsed nav #menu_toggler:after, main.menu_collapsed.initial nav #menu_toggler:after {border-right-width: 0px; border-left: 7px solid #FFF; transition: all linear 0.5s;}
main nav a {color: #FFF;}
main nav #menu_left {}
main nav .menu {display: block; width: 170px; height: auto; line-height: 1.7em; font-weight: bold; padding: 10px 20px; margin: 0px 5px; background-color: #F39521;}
main nav .menu:hover {text-decoration: none;}
main nav .TreeviewSpanArea {background: #303636; display: block; padding: 10px;}
main nav .TreeviewSpanArea a {text-decoration: none; padding: 0px;}
main nav ul.part_of_left_menu {margin: 0px; padding: 0px;}
main nav #menu_left > ul.part_of_left_menu, #left-menu-help {margin-bottom: 10px; overflow: hidden;}
main nav ul.part_of_left_menu li {margin: 0px; padding: 0px; list-style-type: none;}
main nav ul.part_of_left_menu li a {display: block; background-color: #343A3B; line-height: 1.2em; color: #FFF; text-decoration: none; padding: 10px 20px; margin: 0px 5px; border-top: 1px solid #464B4C; border-bottom: 1px solid #292E30; position: relative;}
main nav ul.part_of_left_menu li:first-child {border-top: none;}
main nav ul.part_of_left_menu li:last-child {border-bottom: none;}
main nav ul.part_of_left_menu li a:hover, main nav ul li a.active {background-color: #272C2E; color: #F29420;}
main nav #menu_left > ul.part_of_left_menu > li > a:before {content: ""; display: block; width: 5px; height: 100%; height: calc(100% - 2px); top: 1px; left: 0px; position: absolute; background-color: #F29420;}
main nav ul.part_of_left_menu li ul {margin: 0px 5px; padding: 0px; list-style-type: none; background-color: #272C2E;}
main nav ul.part_of_left_menu li ul li {padding: 0px 0px 10px 0px; margin: 0px; background-color: #272C2E; color: #FFF;}
main nav ul.part_of_left_menu li ul li a {background-color: #272C2E; padding: 5px 20px 5px 35px; border-width: 0px;}
main nav ul.part_of_left_menu li ul li a:hover{color: #F29420;}
main nav ul.part_of_left_menu li ul li a.active{font-weight: bold; color: #F29420;}
main nav ul.part_of_left_menu li ul li a:before {content: ""; display: block; width: 7px; height: 7px; top: 11px; left: 20px; border-radius: 4px; position: absolute; background-color: #F29420;}
main nav ul.part_of_left_menu li ul li ul {padding: 10px 0px; font-size: 0.9em;}
main nav ul.part_of_left_menu li ul li ul li {}
main nav ul.part_of_left_menu li ul li ul li a {padding-left: 50px;}
main nav ul.part_of_left_menu li ul li ul li a:before {left: 35px; top: 10px; border-radius: 0px;}
#left-menu-help {overflow: hidden; display: block; background-color: #343A3B; line-height: 1.2em; color: #FFF; text-decoration: none; padding: 10px 20px; margin: 0px 5px 10px 5px;}
#left-menu-categories {background-color: #272C2E; margin: 0px 5px; padding-bottom: 10px;}
#left-menu-categories a:hover {color: #F29420;}

/* Obsah stranek */
#layout {min-height: 100%; height: 100%;}
main {float: left; position: relative; top: 0px; width: 100%; min-width: 1000px; min-height: calc(100% - 153px); height: auto !important; height: calc(100% - 153px); padding: 0px; transition: all linear 0.5s;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
	-webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
main nav, main > #content {
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
main nav {
	min-width: 220px;
}
main > #content {
	-webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	-webkit-flex: 0 0 calc(100% - 282px);
    -ms-flex: 0 0 calc(100% - 282px);
    flex: 0 0 calc(100% - 282px);
	max-width: calc(100% - 282px);
}
main > #content {margin: 0px; border-left: 1px dashed #BFBFBF; padding: 30px 30px 90px 30px; line-height: 18px; transition: margin-left linear 0.5s; /*overflow: hidden;*/ position: relative;}
main.menu_collapsed > #content, #layout #main.menu_collapsed.initial > #content {margin-left: 0px; transition: margin-left linear 0.5s;
	-webkit-flex: 0 0 calc(100% - 62px);
    -ms-flex: 0 0 calc(100% - 62px);
    flex: 0 0 calc(100% - 62px);
	max-width: calc(100% - 62px);
}
main.menu_collapsed.initial > #content {transition: margin-left linear 0s;
	-webkit-flex: 0 0 calc(100% - 62px);
    -ms-flex: 0 0 calc(100% - 62px);
    flex: 0 0 calc(100% - 62px);
}
#layout > header.header_collapsed + nav + main {top: -50px; min-height: calc(100% - 103px); transition: all linear 0.5s;}
main h1 {font-size: 1.5rem; line-height: 2rem;}
main h2 {color: #2f3535; font-size: 1.3em; font-weight: bold; margin: 0px; padding: 0px;}
main .filtr {float: right; line-height: 16px;}
main a {color: #8d9b9b;}
main table a {color: #000000;}
main .link {color: #8d9b9b;}
main table td {padding: 1px 5px 1px 0px}

/* Wrapper boxy */
.lholder {width: 100%; clear: both;}
.lbox, .error_box, .done_box, .badPermission, .cont_box.moduly, .dm-minimization-parent {background-color: #FFF; border: 1px dashed #AAA; padding: 15px;}
.cont_box.moduly {min-width: 880px;}
.lbox {float: left; min-width: 100%; min-width: calc(100% - 30px);}
.lbox header, .data-table header, .cont_box.moduly h2 {line-height: 2.25em; margin-bottom: 10px; max-width: calc(100vw - 300px); clear: both;}
.lbox > a.submit, .lbox button.submit {margin-bottom: 10px;}
.cont_box.moduly:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
main.menu_collapsed .lbox header {max-width: calc(100vw - 80px);}
.lbox header h2, .data-table header h2 {margin-left: 10px;}
.lbox header .dm-bulk-cont {display: inline-block;}
.lbox header .bulk-select-count, .data-table header .bulk-select-count {font-size: 0.9em; margin-left: 15px;}
.lbox header .link, .data-table header .link {line-height: 0em;}
.lbox header .settings-btn, .data-table header .settings-btn {font-size: 0em; color: transparent;}
.lbox header .settings-btn:before, .data-table header .settings-btn:before {content: ""; display: inline-block; width: 37px; height: 36px; background: transparent url('../images/core_new/ico_settings.png') 50% 50% no-repeat;}
.lbox .dm-bulk-cont {line-height: 1.5em; font-weight: bold; margin: 5px 0px; padding: 5px 0px; background-color: #F3F3F3; width: 100%;}
.lbox .dm-bulk-cont strong {padding-left: 15px; font-size: 1.1rem;}
.lbox .dm-bulk-cont a {font-weight: normal; color: #666; font-weight: bold;}
.lbox .dm-bulk-cont br + a {margin-left: 15px;}
.lbox .dm-bulk-cont a + a:before {content: ""; display: inline-block; width: 7px; height: 7px; background-color: #333; border-radius: 2px; margin: 0px 5px 1px 5px;}
.lbox.w33, .lbox.w50, .lbox.w67, .modul {background-color: #FFF; border: 1px dashed #AAA; padding: 15px; margin-bottom: 15px; width: calc(33% - 42px); float: left; margin-right: 15px;}
.lbox.hfixed, .modul {height: 100px;}
.modul.prihlasovani {height: 247px; margin-left: 0px;}
.modul.prihlasovani ul {margin-top: 0.5em;}
.modul.prihlasovani ul li {line-height: 1.4em;}
.modul.prihlasovani ul li:before {content: "♦ ";}
.lbox.w33 {}
.lbox.w50 {width: calc();}
.lbox.w67 {}
.lholder .lbox.w50 + .w50, .lholder .lbox.w67 + .lbox.w33, .lholder .lbox.w33 + .lbox.w67 {margin-right: 0px; margin-left: 30px;}
.lholder .lbox.w33 + .w33 + .w33 {margin-right: 0px;}
.lholder .lbox.w33 + .w33 {}
.modul {margin-right: 0px; margin-left: 15px; min-width: 250px;}
.modul:nth-child(3n+7) {margin-left: 0px;}
.modul table {height: 100px; width: 100%;}
.modul table td {vertical-align: top;}
.modul table td.icon {width: 60px;}
.modul table td p {height: 3em; overflow: hidden; font-size: 1em; line-height: 1em;}
.modul table td a {float: right; margin-right: 0px;}

/* Error boxy */
.error_box, .done_box {max-width: calc(100vw - 330px); background: #FFF url('../images/error_bg.png') calc(100% - 15px) 15px no-repeat;}
.done_box {background-image: url('../images/done_bg.png');}
main.menu_collapsed .error_box, main.menu_collapsed .done_box {max-width: calc(100vw - 110px);}
.error_box .corner, .done_box .corner {display: none;}
.error_box .error_title, .error_box  .status-message, .done_box .status-message {line-height: 2.25em; margin-bottom: 10px; display: block; padding: 0px 55px 0px 10px; color: #2f3535; font-size: 1.5em; font-weight: bold;}
.error_box .error {color: #C00; font-weight: bold; line-height: 1.5em;}
.error_box .error li:before {content: "- ";}

.badPermission {position: relative;}
.badPermission img {position: absolute; right: 15px; top: 15px;}

/* Fix pro zpetnou kompatibilitu wrapper boxu napric moduly */
.data-table > .cont_box, .form_box.cont_box {background-color: #FFF; border: 1px dashed #AAA; padding: 15px; margin-bottom: 15px;}

/* Zalozkove menu */
#content_menu {border: 0px dashed #AAA; box-shadow: 0px 1px 0px 0px #CCC; border-width: 0px 0px 0px 1px; float: left;
	background: #aaaaaa;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%), -moz-linear-gradient(top, #aaaaaa 0%, #aaaaaa 3%, #ffffff 3%, #ffffff 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(49%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))), -webkit-gradient(left top, left bottom, color-stop(0%, #aaaaaa), color-stop(3%, #aaaaaa), color-stop(3%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%), -webkit-linear-gradient(top, #aaaaaa 0%, #aaaaaa 3%, #ffffff 3%, #ffffff 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%), -o-linear-gradient(top, #aaaaaa 0%, #aaaaaa 3%, #ffffff 3%, #ffffff 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%), -ms-linear-gradient(top, #aaaaaa 0%, #aaaaaa 3%, #ffffff 3%, #ffffff 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%), linear-gradient(to bottom, #aaaaaa 0%, #aaaaaa 3%, #ffffff 3%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ), progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#ffffff', GradientType=0 );
	
	-webkit-background-size: 6px 2.5em;
	-moz-background-size: 6px 2.5em;
	-ms-background-size: 6px 2.5em;
	-o-background-size: 6px 2.5em;
	background-size: 6px 2.5em;
}
#content_menu:after {content: ""; display: block; width: 100%; height: 0px; clear: both;}
#content_menu + * {clear: both;}
#content_menu li {display: block; float: left; border-top: 1px solid transparent; position: relative;}
#content_menu li a {display: block; color: #000; height: 2.5em; height: calc(2.5em - 1px); line-height: 2.5em; padding: 0px 1em; border-right: 1px dashed #AAA; background-color: #F7F7F7;}
#content_menu li a.active,#content_menu li a:hover {text-decoration: none; background-color: #FFF; color: #000; box-shadow: 0px 1px 0px 0px #FFF; background-clip: padding-box;}
#content_menu li a.active:before, #content_menu li a:hover:before {content: ""; display: block; width: 100%; width: calc(100% - 1px); height: 5px; position: absolute; top: -5px; left: -1px; background-color: #FFF; border: 0px dashed #AAA; border-width: 1px 1px 0px 1px;}

/* Podmenu v datamanageru */
#content_menu + .lusk-pc #content_menu {margin-top: 10px;}
#content_menu + .lusk-pc #content_menu li a {background-color: #DDD;}
#content_menu + .lusk-pc #content_menu li a.active, #content_menu + .lusk-pc #content_menu li a:hover {background-color: #FFF;}

/* Posuvne sticky bloky */
main .sticky {max-width: calc(100vw - 300px);}
main.menu_collapsed .sticky {max-width: calc(100vw - 80px);}

/* Tabulka s daty */
.table-list {width: 100%; font-size: 0.85rem;}
.scroll-head-fixed {position: fixed; top: 0; margin-top: 0; z-index: 1;}
.table-list th {color: #FFF; vertical-align: middle; line-height: 1.5em; font-weight: normal; padding: 8px 4px; box-shadow: inset 0px -1px 0px 0px #FFF, inset 0px 1px 0px 0px #FFF, 0px -1px 0px 0px #3D4445, 0px 1px 0px 0px #3D4445; position: relative;
	background: #3D4445;
	background: -moz-linear-gradient(top, #3D4445 0%, #292F30 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3D4445), color-stop(100%, #292F30));
	background: -webkit-linear-gradient(top, #3D4445 0%, #292F30 100%);
	background: -o-linear-gradient(top, #3D4445 0%, #292F30 100%);
	background: -ms-linear-gradient(top, #3D4445 0%, #292F30 100%);
	background: linear-gradient(to bottom, #3D4445 0%, #292F30 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3D4445', endColorstr='#292F30', GradientType=0 );
}
.table-list th.selected {box-shadow: inset 0px -1px 0px 0px #FFF, inset 0px 1px 0px 0px #FFF, 0px -1px 0px 0px #F19420, 0px 1px 0px 0px #F19420;
	background: #F19420;
	background: -moz-linear-gradient(top, #F19420 0%, #B2670C 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #F19420), color-stop(100%, #B2670C));
	background: -webkit-linear-gradient(top, #F19420 0%, #B2670C 100%);
	background: -o-linear-gradient(top, #F19420 0%, #B2670C 100%);
	background: -ms-linear-gradient(top, #F19420 0%, #B2670C 100%);
	background: linear-gradient(to bottom, #F19420 0%, #B2670C 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F19420', endColorstr='#B2670C', GradientType=0 );
}
.table-list th a {color: #FFF;}
.table-list th a.dm-sort.ascend:after {content: ""; display: inline-block; width: 0px; height: 0px; background-color: transparent; border: 0px solid transparent; border-bottom-color: #FFF; margin-left: 3px; border-width: 6px 4px;}
.table-list th a.dm-sort.descend:after {content: ""; display: inline-block; width: 0px; height: 0px; background-color: transparent; border: 0px solid transparent; border-top-color: #FFF; margin-left: 3px; margin-bottom: -5px; border-width: 6px 4px;}
.table-list th.bulk-select {line-height: 15px; padding: 0px; vertical-align: middle; padding: 4px;}
.table-list th.bulk-select div {height: 32px; white-space: nowrap;}
.table-list th.bulk-select div a {height: 15px; display: inline-block; border: none;}
.table-list th:before {content: ""; display: block; width: 0px; height: 80%; position: absolute; top: 10%; left: -1px; border: 0px dashed #131515; border-width: 0px 1px; border-right-color: #4A5455;}
.table-list th:first-child:before {content: none;}
.table-list td {padding: 4px 3px; position: relative;}
.table-list td img {vertical-align: middle;}
.table-list tr.gray td {background-color: #F0EEED;}
.table-list tr:hover td, .table-list tr.gray:hover td, .table-list tr.gray:hover td.selected, .table-list tbody tr.selected td {background-color: #F1A460 !important; border-color: #F16420;}
.lusk-tooltip-handle .lusk-tooltip table tr td, .lusk-tooltip-handle .lusk-tooltip table tr.gray td, .lusk-tooltip-handle .lusk-tooltip table tr.gray td.selected {background-color: #FFF !important;}
.table-list td.bulk-select {width: 34px;}
.table-list td.bulk-select input[type="checkbox"] {width: 15px !important; height: 15px !important;}
.table-list tr.gray td.selected {background-color: #FCE1BE; border-color: #F19420; color: #000;}
.table-list td.selected, .table-list td.selected a {color: #000;}
.table-list tr td:before {content: ""; display: block; width: 1px; height: 0%; height: calc(100% + 2px); position: absolute; top: -1px; left: 0px; background-color: #FFF;}
.table-list tr.totals td, .ui-dialog .cont_box table tr.totals td {border-top: 2px solid #000; background-color: #DDD; text-align: right; font-weight: bold;}
.data-table td[table-col-type~=number] {text-align: right; white-space: nowrap;}
.data-table td.center, .data-table td[table-col-type~=checkbox] {text-align: center;}
.data-table .sticky, .button-width-holder.sticky {max-width: calc(100vw - 330px); line-height: 2em;}
main.menu_collapsed .data-table .sticky, main.menu_collapsed .button-width-holder.sticky {max-width: calc(100vw - 110px);}
.button-width-holder:before, .button-width-holder:after {content: ""; display: block; width: 100%; height: 0px; clear: both;}
.data-table .submit, .lbox .submit {float: right; margin: 0px 0px 0px 5px;}
.data-table table a:not(.submit) {text-decoration: none; border-bottom: 1px solid #AAA; vertical-align: top;}
.data-table table a:not(.submit):hover {border-color: transparent;}
.data-table table th a:not(.submit) {border-bottom: none;}
.data-table table .cke {margin-bottom: 5px;}
.data-table table .cke a {border-bottom: none;}
.data-table table .cke a.cke_combo_button {border-bottom: 1px solid #a6a6a6;}
.data-table table .dm-list-action a, .data-table table th a, .data-table table a:hover {border-bottom-color: transparent;}

a.category-plus, .ui-widget-content a.category-plus {color: transparent; font-size: 0px; border-bottom: none !important;}
a.category-plus:before, .ui-widget-content a.category-plus:before {content: "\25B6"; display: inline-block; text-align: center; font-size: 1.25rem; color: #999;  transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
a.category-plus:hover:before {color: #000;}
a.category-plus.opened:before {color: #000; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform-origin: 50% 50%;
}
a.category-plus.opened:hover:before {color: #999;}

.dm-list-data {clear: both;}
.dm-list-data {clear: both;}
.dm-list-data td {white-space: nowrap;}
.dm-list-data td.wrappable {white-space: initial;}

/* Strankovani */
.dm-page-list a {color: #000;}
.dm-page-list strong, .dm-item-count strong {font-size: 1.2rem;}

/* Formulare */
form h2 {color: #F39521; text-shadow: 2px 2px #FFF; margin-bottom: 10px; line-height: 1.25em;}
.cont_box > form, .lbox > form {background-color: #EEE; padding: 15px;}
.input-height td {height: 24px; white-space: nowrap;}
td.header {vertical-align: middle; text-align: right;width: 10%;}
.input-height select {min-width: 100%;}
.input-height img {vertical-align: middle; margin-left: 5px; cursor: pointer;}
.form-table td {vertical-align: top;}

/* Filtr u formularu */
.lbox.table-filter {background-color: #F6F6F6; border: none;}
.table-filter fieldset {margin-bottom: 10px;}
.filter-data label , .table-filter form label {display: inline-block; width: 120px; height: 24px;}
.table-filter form label:last-child {width: auto;}
.table-filter input[type="submit"] {margin-left: 5px;}
.table-filter img {vertical-align: middle; cursor: pointer; margin: 0px 15px 0px 5px;}
.table-filter select[name="ajax-table-saved-filter"] {min-width: 117px;}
.table-filter form > div {margin-bottom: 10px;}

/* Filtr v jQuery popupech */
.ui-dialog .table-filter.lbox {float: none;}
.ui-dialog .table-filter.lbox td select {min-width: 5em;}
.ui-dialog .table-filter.lbox td select + span + input, .ui-dialog .table-filter.lbox td select + input {vertical-align: top; margin-left: 10px;}
.ui-dialog .table-filter.lbox input[type="submit"] {margin: 1px 0px 1px 5px; height: 1.85em; line-height: 1.85em;}

/* Multiselect filtr */
table.multiselectors {}
table.multiselectors td {line-height: 1.5em; vertical-align: middle;}
table.multiselectors select.smart + .select-arrow {display: none;}
.ui-multiselect-filter input {width: auto !important;}
.ui-multiselect-checkboxes input + span {margin-left: 5px;}
button.ui-multiselect {margin: 2px 0px; height: 28px; padding: 1px 0px 1px 4px;}
button.ui-multiselect .ui-icon {margin: 5px 5px 5px 0px;}
button.ui-multiselect span {line-height: 1.6rem; vertical-align: top; white-space: nowrap; overflow: hidden; display: inline-block; font-size: 0.8rem;}
button.ui-multiselect span + span {width: 190px; width: calc(100% - 25px); text-overflow: ellipsis;}
.ui-datepicker-year {padding: 0px !important;}
.ui-multiselect-checkboxes label input[type="checkbox"] {width: 16px !important; height: 16px !important; margin-right: 4px !important;}

/* FancyFields pretizeni */
.ffCheckbox {margin: 3px 0px;}
.ffTextBoxWrapper {line-height: 1em;}
.ffTextBoxWrapper input.datepicker {border: none !important; box-shadow: none !important;}
.ffTextBoxWrapper + img {vertical-align: middle; cursor: pointer;}
.ffCheckboxWrapper a {font-size: 1rem !important;}
.ffTextBoxWrapper, .ffPasswordWrapper, .ffCheckboxWrapper, .ffRadioWrapper, .ffTextAreaWrapper, .ffSubmitWrapper, .ffResetWrapper, .ffButtonWrapper {margin: 2px 0px !important;}

/* Button pro formy slozene z vice casti - nehotova JS funkcnost */
.dm-form-more {display: none;}

/* Quick search */
.delete {cursor: pointer; vertical-align: middle;}
.dm-quick-search {margin-bottom: 10px; float: left; clear: left;}
.dm-quick-search label {height: 28px; line-height: 2em; display: inline-block;}
.dm-quick-search label span {padding: 0px 5px;}
.quick-search-columns td * {vertical-align: top;}
.negation.active {border: 1px solid #B30000;
	background: #d90000;
	background: -moz-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d90000), color-stop(100%, #8c0000));
	background: -webkit-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -o-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -ms-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: linear-gradient(to bottom, #d90000 0%, #8c0000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#8c0000', GradientType=0 );
}
.negation.active:focus, .negation.active:hover {
	background: #8c0000;
	background: -moz-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0000), color-stop(100%, #d90000));
	background: -webkit-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -o-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -ms-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: linear-gradient(to bottom, #8c0000 0%, #d90000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#d90000', GradientType=0 );
}

/* Tooltip pro zkraceny text a napovedu */
.lusk-tooltip-handle { position: relative; display: inline-block; width: 18px; height: 18px; vertical-align: top; margin-top: 1px; border: 1px solid #8E8E8E; line-height: 18px; border-radius: 2px; padding: 0px;
	background: #707070;
	background: -moz-linear-gradient(top,  #707070 0%, #454545 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#454545));
	background: -webkit-linear-gradient(top,  #707070 0%,#454545 100%);
	background: -o-linear-gradient(top,  #707070 0%,#454545 100%);
	background: -ms-linear-gradient(top,  #707070 0%,#454545 100%);
	background: linear-gradient(to bottom,  #707070 0%,#454545 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#454545',GradientType=0 );
}
.lusk-tooltip-handle:before {content: "?"; vertical-align: middle; line-height: 18px; height: 18px; width: 18px;display: block; position: absolute; top: 0px; left: 0px; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
td[table-col-type~="date"] {min-width: 35px;}
td[table-col-type~="textfield"] .lusk-tooltip-handle {border: none; background: none; white-space: nowrap; width: auto;}
td[table-col-type~="textfield"] .lusk-tooltip-handle:before {content: none;}
.lusk-tooltip-handle > span {white-space: nowrap;}
.lusk-tooltip-handle > img {display: none;}
.lusk-tooltip-cont {position: absolute; left: 50%; top: 50%; width: 320px; z-index: 1000; text-align: left; height: 0px; overflow: hidden;}
.lusk-tooltip-handle:hover .lusk-tooltip-cont {height: auto; overflow: visible;}
.lusk-tooltip {font-weight: normal; font-size: 0.9rem; background: #EBEBEA; border: solid thin #C4C4C3; border-radius: 5px; line-height: 1.2; padding: 5px; display: inline-block; white-space: normal; box-shadow: 0px 0px 7px -3px #333; opacity: 0; color: #000;}
.lusk-tooltip-handle:hover .lusk-tooltip {opacity: 1;}
.lusk-tooltip table {min-width: 200px;}

#tooltip p {margin-bottom: 0px;}

/* Category selector v jQuery UI */
.categoryselector {font-size: 0.8em;}
.categoryselector:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
.categoryselector .categorybox {position: relative; float: left; margin: 15px 0px; width: 100%;}
.categoryselector .activecats, .categoryselector .inactivecats {background: #efefef url('../images/categoryTableImages/catBackground.png') repeat-x; width: 35%; width: calc(40% - 75px); min-height: 250px; border: 1px solid #CCC; border-radius: 10px; padding: 10px 22px 20px; text-align: center; box-shadow: 2px 2px 4px #DDD;}
.categoryselector .activecats {float: left; margin-left: 5%;}
.categoryselector .inactivecats {float: right; margin-right: 5%;}
.categoryselector h2 {font-size: 120%; margin: 0px 0px 10px 0px; padding: 0px;}
.categoryselector h2 span {font-weight: normal;}
.categoryselector .activecats div.column {background: #f8df6b url('../images/categoryTableImages/catActive.png') repeat-x; width: auto; border: 1px solid #666; border-radius: 2px; margin: 3px auto 0px auto; padding: 8px 20px; word-wrap: break-word; text-align: left; font-weight: bold; color: #333; cursor: pointer;}
.categoryselector .inactivecats div.column {background: #d7d7d5 url('../images/categoryTableImages/catInactive.png') repeat-x; width: auto; border: 1px solid #BBB; border-radius: 2px; margin: 3px auto 0px auto; padding: 8px 20px; word-wrap: break-word; text-align: left; font-weight: bold; color: #FFF;}
.categoryselector .placeholder {background: transparent; width: 142px; border: 3px dashed #CCC; border-radius: 2px; margin: 3px auto 0px auto; padding: 5px 20px; word-wrap: break-word; text-align: center; font-weight: bold; font-size: 10px; color: #CCC;}
.categoryselector .switch {position: relative; width: 62px; height: 159px; top: 50px; margin: 0px auto;}
.categoryselector .switch div {cursor: pointer;}
.categoryselector .hideall {position: relative; width: 62px; height: 72px; background: url('../images/categoryTableImages/deselectAll.png') no-repeat; margin-bottom: 15px;}
.categoryselector .showall {position: relative; width: 62px; height: 72px; background: url('../images/categoryTableImages/selectAll.png') no-repeat;}
.categoryselector .settingsbox {clear: both; width: 574px; background: #f0f0f0 url('../images/categoryTableImages/catBackground.png') repeat-x; border: 1px solid #CCC; border-radius: 10px; margin: 0px 26px 40px; padding: 10px 22px 20px; text-align: left; box-shadow: 2px 2px 4px #DDD;}
.categoryselector .settingsbox h2 {margin-left: 15px;}
.categoryselector input[type="text"] {height: 15px !important; width: 60px !important;}
.categoryselector input[type="submit"] {float: right;}
.categoryselector input[type="checkbox"] {width: 15px !important; height: 15px !important;}
.categoryselector input {margin-right: 10px !important;}

/* jQuery UI dialogy */
.ui-dialog .lbox {border-color: transparent;}
.ui-dialog .cont_box {width: 100%; text-align: left;}
.ui-dialog .cont_box h2 {text-align: center;}
.ui-dialog .cont_box table {width: 100%;}
.ui-dialog .cont_box table th {text-align: center;}
.ui-dialog .cont_box table tr td {border: 0px;}
.ui-dialog .cont_box table tr.required td:first-child {font-weight: bold;}
.ui-dialog .cont_box table tr td > div {position: relative;}
.ui-dialog .cont_box table tr td > div input.box, .cont_box table tr td > div input[type="text"], .cont_box table tr td > div textarea {width: 290px !important;}
.cont_box table tr td > div div.cke_contents textarea.cke_source {width: 100% !important;}
.ui-dialog .cont_box table tr td > div input.datepicker, .cont_box table tr td > div input.timepicker {width: 171px !important; margin: 2px 5px 2px 0px;}
.ui-dialog .cont_box table tr td > div input.datepicker {margin-left: 0px;}
.ui-dialog .cont_box table tr.required input {border:1px solid #EDB51A; background: #ffffff url("../images/input_text_bg_rq.gif") repeat-x left bottom;}
.ui-dialog .cont_box table tr.required select {border:1px solid #EDB51A;}
.ui-dialog .cont_box table tr.required textarea {border: 1px solid #EDB51A; background: #ffffff url("../images/input_text_bg_rq.gif") repeat-x left bottom;}
.ui-dialog .cont_box table tr td > div button {margin: 2px 5px;}
.ui-dialog .cont_box table tr td > div select.box {width: 400px !important;}

/* Ajaxove overlaye */
.dm-list-edit-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 994; background: black;}
.ajax-overlay {display: none; position: absolute; opacity: 0.2; z-index: 2000; background: black url("../images/ajax-loader.gif") center no-repeat;}
.ajax-overlay.ajax-overlay-full {position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.custom-overlay {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; left: 0px; z-index: 2;}

/* Inline editace */
.dm-list-edit-wrapper { position: relative; z-index: 995; cursor: pointer; background-color: white; }
.dm-list-edit-wrapper .dm-list-data table td.list-edit-const { color: #888888; }
.dm-list-edit-wrapper .dm-list-data table td > div > span {display: initial !important;}
.dm-list-edit-close { z-index: 995; position: absolute; }

.active-list-edit td[table-col] a { display: none; }

tr.dm-tree-parent td > * { opacity: 0.4; }

/* Minimalizovane bloky */
.dm-minimization-parent {position: relative;}
.dm-minimization-parent.dm-maximize-fullscreen {position: static;}
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized {position: absolute; top: 0px; left: 0px; width: 96%; margin: 0px 2% 25px 2%; background-color: #FFF; z-index: 100;}
#layout #main #content .dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table a.submit {margin: 0px 10px 10px 8px;}
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table .cont_box {border: none !important; margin-bottom: 0px !important; cursor: pointer;}
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table .cont_box * {cursor: auto;}
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table .cont_box a,
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table .cont_box a * {cursor: pointer;}
.dm-minimization-parent.dm-maximize-fullscreen .dm-maximized .data-table .cont_box:before {content: ""; display: block; width: 83px; height: 77px; position: absolute; top: -90px; right: 0px; background: transparent url('../images/dm-list-edit-close.png') no-repeat;}
.dm-minimization-parent.dm-maximize-fullscreen .ajax-overlay {position: static;}
.cont_box.dm-minimized h2 {line-height: 1.25em;}
.cont_box.dm-minimized:after {content: ""; display: block; width: 100%; height: 1px; clear: both;}
.cont_box.dm-minimized .submit {float: right;}
.dm-maximized .lbox {margin-bottom: 0px;}
.dm-maximized .clear-after:after {height: 0px;}

/* Strom s rolemi */
#permission-form {font-size: 0.8em;}
ul.permission-tree {padding-left: 30px; line-height: 20px;}
.content.loaded > ul.permission-tree {margin-bottom: 10px;}
#layout main #content .role-tree > a {text-decoration: none;}
#layout main #content .role-tree > a h2 {display: block; border: 1px solid #CCC; padding: 7px; margin-bottom: 10px;}
#layout main #content .role-tree.collapsed > a h2 {background-color: #EFEFEF;}
#layout main #content .role-tree.collapsed > a h2:hover {background-color: #EAEAEA;}

/* 2016-04-28 inline zobrazovaní přidávacího formuláře*/
#layout #main #content #inside_content .cont_box fieldset .table.inline_add {width: 95%; display: block;}
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tbody {display: block;}
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tr{display:inline-block;}
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tr td.header {display:none;}
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tr td {display: inline-block;}
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tr input{width:130px;}
#layout #main #content #inside_content .cont_box form.inline_add_form {position: relative;}
#layout #main #content #inside_content .cont_box form.inline_add_form input[type=submit] {position: absolute; bottom: 31px; right: 31px;}

/* opetovne zneviditelnenni dm-form-more */
#layout #main #content #inside_content .cont_box fieldset .table.inline_add tr.dm-form-more { 
	display: none; text-align: right;
}

/* Paticka */
body > footer {position: relative; top: -60px; height: 59px; width: 100%; border-top: 1px solid #BEBEBE; box-shadow: inset 0px 1px 0px 0px #FFF; clear: both; margin-bottom: -60px; float: right;
	background: rgba(242,242,242,1);
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(232,232,232,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8', GradientType=0 );
}
body > footer p {max-width: calc(98vw - 70px); text-align: right; font-size: 0.9em; padding-top: 1em;}
body > footer p a {color: #F39521; text-decoration: none;}
body > footer p a:hover {text-decoration: underline;}

/* Prihlasovaci stranka */
.login_page {background-color: #F3F3F3;}
.login_page #layout {background: none; height: auto;}
.login_page main {padding: 0px 0px 90px 0px; min-width: initial; background: none;}
.login_page #layout > nav, .login_page main nav, .login_page #layout > header a {display: none !important;}
.login_page #layout > header {height: 260px; background: transparent url('../images/logo_hp_trinity.png') 50% 70px no-repeat; position: relative;}
.login_page #layout > header:after {content: ""; display: block; width: 60%; height: 22px; position: absolute; bottom: -22px; left: 20%; background: transparent url('../images/core_new/bg_shadow_hp.png') 50% 50% no-repeat; background-size: 100% 100%;}
.login_page #content {margin: 0px; border: none; transition: none; padding: 0px; background: none;
	-webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
}
.login_page #inside_content {max-width: 500px; margin: 40px auto 0px auto;}
.login_page #lock {height: 2em; line-height: 2.7em; overflow: hidden;}
.login_page #lock strong {float: left; padding-left: 35px; position: relative;}
.login_page #lock strong:before {content: ""; display: inline-block; width: 32px; height: 32px; position: absolute; left: 0px; top: 0px; background: transparent url('../images/core_new/ico_lock.png') 50% 50% no-repeat;}
.login_page #lock a {float: right; color: #343A3B;}
.login_page form fieldset {width: 100%; text-align: center;}
.login_page form input[type="text"], .login_page form input[type="password"] {width: 180px !important; padding: 7px 20px !important; border: 0px solid #343A3B !important; border-width: 8px 10px !important; float: left; border-radius: 5px !important; background: transparent url('../images/core_new/bg_login.png') 0% 50% repeat-x; box-shadow: inset 0px 0px 0px 1px #FFF !important; margin-bottom: 5px !important;}
.login_page form input[type="text"]:first-child {margin-right: 20px;}
.login_page form input[type="text"]:first-child + input + * {clear: both;}
.login_page form .permalogin {text-align: right;}
.login_page form input[type="submit"] {background: #343A3B; height: 4em; line-height: 4em; padding: 0px 2em; border-radius: 5px; border-color: #343A3B;}
.login_page > footer {right: 0px; position: relative; background: none; border: none; box-shadow: none; height: 90px; top: -90px; margin-bottom: -90px; float: left; display: block;}
.login_page > footer p {max-width: none; line-height: 1.5em; font-size: 0.8em; text-align: center; padding-top: 2em;}

/* Tridy buttonu */
.red-button {display: block; width: auto; height: 38px; padding: 0px 10px; border: 1px solid #6B0000; box-shadow: inset 0px 0px 0px 1px #B20000; border-radius: 3px;
	background: #d90000;
	background: -moz-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d90000), color-stop(100%, #8c0000));
	background: -webkit-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -o-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: -ms-linear-gradient(top, #d90000 0%, #8c0000 100%);
	background: linear-gradient(to bottom, #d90000 0%, #8c0000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#8c0000', GradientType=0 );
}

.red-button:hover {
	background: #8c0000;
	background: -moz-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #8c0000), color-stop(100%, #d90000));
	background: -webkit-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -o-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: -ms-linear-gradient(top, #8c0000 0%, #d90000 100%);
	background: linear-gradient(to bottom, #8c0000 0%, #d90000 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#d90000', GradientType=0 );
}

.black-button {display: block; width: auto; height: 38px; padding: 0px 10px; border: 1px solid #000; border-radius: 3px; color: #FFF;
	background: #3a4041;
	background: -moz-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3a4041), color-stop(100%, #262c2d));
	background: -webkit-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -o-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: -ms-linear-gradient(top, #3a4041 0%, #262c2d 100%);
	background: linear-gradient(to bottom, #3a4041 0%, #262c2d 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3a4041', endColorstr='#262c2d', GradientType=0 );
}

.black-button:hover {
	background: #262c2d;
	background: -moz-linear-gradient(top, #262c2d 0%, #3a4041 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #262c2d), color-stop(100%, #3a4041));
	background: -webkit-linear-gradient(top, #262c2d 0%, #3a4041 100%);
	background: -o-linear-gradient(top, #262c2d 0%, #3a4041 100%);
	background: -ms-linear-gradient(top, #262c2d 0%, #3a4041 100%);
	background: linear-gradient(to bottom, #262c2d 0%, #3a4041 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#262c2d', endColorstr='#3a4041', GradientType=0 );
}

.floating_status-box{
	position: absolute;
    z-index: 9999;
    width: 90%;
    left: 5%;
    right: 5%;
    top: 50px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
}
.status-box-close{
	position: absolute;left: -20px;top: -20px;cursor:pointer;
}
#no-hover tr td {
	background-color: white !important;
}

#no-hover tr:hover td {
	background-color: #F1A460 !important;
}

#no-hover td {
	background-color: white !important;
}

#no-hover td:hover {
	background-color: white !important;
}