/*							*/
/*	 vseobecne styly		*/
/*							*/
:root {
  --width-of-loader: 106px;
  --height-of-loader: 4px;
  --loader-color: #0071e2;
  --loader-color-rgba: rgba(0, 133, 226, 0.75);
}
html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  color: #000000;
  font-family: "Arial CE", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  background: #2e8eca;
}

body.app {
  border-right: 16px solid #dcdcdc;
}

a {
  color: black;
  outline: 0;
}

a:hover {
  text-decoration: none;
}
a.notEnabled, span.notEnabled {
  text-decoration: line-through;
}

:focus {
  outline: none;
}

/* Webkit */
::selection {
  background: #2e8eca;
  color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
  background: #2e8eca;
  color: #fff;
}

div#center {
  margin-left: 210px;
  margin-right: 50px;
  padding-bottom: 20px;
}

.noSubmenu div#center {
  margin-left: 10px;
}

.nodraft div#center {
  margin-right: 10px;
}

.noRight div#center {
  margin-right: 10px;
}

.maximalize div#center {
  margin-right: 15px;
  margin-top: 23px;
}

div#page {
  width: 100%;
  min-width: 960px;
}

div.application {
  position: relative;
  min-height: 650px;
}
div#control_overlay {
  background-color: #2e8eca;
}
div.objectBox {
  position: relative;
  top: 7px;
  box-shadow:
    inset -1px -2px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    8px 6px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 13px;
  background: #fff;
  margin: 0 16px 16px 0;
}
div.contentBox {
  padding: 0px 20px 15px 20px;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}
div.previewBox {
  padding: 0;
}
div.resultPreview > div,
div.resultPreview > ul {
  padding-right: 35px;
}
form#queryResults {
  padding-right: 0;
}
div.separator {
  background-color: #c2c2c2;
  height: 2px;
}

.selection div.contentBox,
.document div.contentBox {
  padding: 0;
}
.selection div.contentBox .emptyBody {
  padding: 15px 0;
}
.document div.contentBox .content {
  width: auto;
  padding: 15px 25px 10px 10px;
  word-wrap: break-word;
}

.document div.contentBox .content.inner {
  padding: 0 35px 0 20px;
}

.singleWindow div.contentBox .content div.singleWindow {
  width: auto;
  background-image: none;
  border: #fff solid 1px;
}
.singleWindow div.contentBox .content .content {
  background-image: none;
}
div.contentBox table {
  width: 100%;
}

div.contentBox .docIcon {
  height: 16px;
  width: 16px;
}

div.contentBox .tableLayout .searchTable {
  /* Hotfix, melo by se resit jinak. */
  width: 98%;
}

div.contentBox .resultsTable {
  width: 100%;
}

div.contentBox table tr th {
  padding: 1px;
}

div.contentBox table.editTable tr th {
  width: 25%;
}

div.contentBox table tr td,
div.contentBox table.resultsTable table tr td {
  padding: 1px 8px 1px 2px;
}

div.contentBox table.resultsTable > tbody > tr > td {
  padding: 0;
}

div.contentBox table table tr td,
div.contentBox table.resultsTable table table tr td {
  padding: 0;
}

div.contentBox table tr:hover {
  background-color: #eaeaea;
}
div.contentBox table.resultsTable > tbody > tr:hover {
  background-color: inherit;
}
div.contentBox table tr.noHover:hover {
  background-color: inherit;
}
div.contentBox table.tableView tr:hover {
  background-color: inherit;
}
div.contentBox table tr.caption:hover {
  background-color: inherit;
}

.contentBox .rows table.documentProperties tr:hover {
  background: inherit;
}

.contentBox .rows table tr.caption,
.contentBox .rows table.documentProperties tr.caption:hover {
  background: #f2f2f2;
}

.contentBox table.documentProperties {
  table-layout: fixed;
}

.contentBox table.documentProperties tr td,
.contentBox table.documentProperties tr th {
  padding: 1px 3px 5px 0px;
  vertical-align: top;
}

.contentBox table.documentProperties span.wysiwyg h1 {
  font-size: 2em;
}
.contentBox table.documentProperties span.wysiwyg h2 {
  font-size: 1.5em;
}

.contentBox table.documentProperties span.wysiwyg h3 {
  font-size: 1.17em;
  font-weight: bold;
}

.contentBox .rows table tr.caption td {
  padding: 0 3px 3px 3px;
}
.contentBox .rows table tr td {
  padding-left: 3px;
}

.contentBox table.documentProperties .propertyValueContainer.flex {
  display: flex;
}
.contentBox table.documentProperties .preRenderContainer.flexGrow_1 {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.contentBox table.documentProperties .propertyEditInput {
  flex-grow: 1;
  margin-right: 8px;
}
.contentBox table.documentProperties .propertyEditButton {
	background: #ffffff;
	border-radius: 4px;
	box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
	color: #24292E;
	cursor: pointer;
	font-size: 14px;
	list-style: none;
	transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
	 vertical-align: middle;
	 white-space: nowrap;
	 word-wrap: break-word;
	}
.contentBox table.documentProperties .propertyEditButton:hover {
	   background-color: #F3F4F6;
	   text-decoration: none;
	   transition-duration: 0.1s;
   }

.contentBox table.documentProperties .propertyEditButton:disabled {
	   background-color: #FAFBFC;
	   border-color: rgba(27, 31, 35, 0.15);
	   color: #959DA5;
	   cursor: default;
	}

.contentBox table.documentProperties .propertyEditSave {
	color: #2778AB;
}
.contentBox table.documentProperties .propertyEditCancel {
	color: #dc3545;
}
.contentBox table.documentProperties .propertyEdit {
  cursor: pointer;
  color: #2778ab;
  padding-left: 8px;
}

.contentBox table.documentProperties td .propertyValueContainer.sequence:not(:first-of-type) .propertyEdit{
  display: none;
}

.contentBox .cols table.documentProperties .column {
  vertical-align: top;
}

.contentBox .cols table.documentProperties th.caption {
  text-align: right;
}

.contentBox form .cols table.colTable th.caption {
  padding: 4px 4px 0 0;
}

.contentBox .cols table.colTable.stickyCaptions th.caption {
  white-space: nowrap;
}

.contentBox .cols table.documentProperties col.captionGroup {
  padding-right: 5px;
  text-align: right;
}

.contentBox .cols table.documentProperties tr:hover {
  background: none;
}

.contentBox .cols table.documentProperties table tr:hover {
  background: #f2f2f2;
}

.contentBox .cols table.colTable {
  table-layout: fixed;
}

.contentBox .cols table.colTable.stickyCaptions {
  table-layout: auto;
}

.contentBox .cols table.colTable td {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word; /*funguje jen v Chrome*/
  /* Pomlcky v delenych slovech, pokud je podporovano. Pro cz slova pouze IE10+.
  nezabere na hyperlinky a jine dlouhe stringy neznamenajici slovo. */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.contentBox .cols table.colTable td > .editReadOnly,
.contentBox .cols table.colTable td > .refEditor {
  padding: 4px 0 0;
}

.contentBox .cols table.colTable.stickyCaptions td {
  -ms-word-break: break-all;
}

div.contentBox .loginForm_head,
div.contentBox table tr th,
div.contentBox table tr td.tableViewTitle {
  color: #2778ab;
  font-weight: bold;
  vertical-align: top;
}

div.contentBox table tr td.tableViewHeader {
  background-color: #eaeaea;
  border-bottom: #cfcfcf 1px solid;
  text-align: center;
  color: #585858;
  font-weight: bold;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}

div.contentBox .showMessageInsteadOfDoc {
  padding: 1em;
  text-align: center;
}

div.contentBox div.title {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

div.contentBox h2 {
  display: inline;
  background-color: #fff;
  color: #2778ab;
  font-size: 14px;
  font-weight: bold;
  padding: 0 40px;
}

table.tableView.guideLines tr td,
table.tableLayout.guideLines tr td {
  border: 1px solid #eaeaea;
}

table.tableView.guideLines tr td table tr td {
  border: none;
}

table.editTable tr td,
table.tableView tr td {
  line-height: normal;
  vertical-align: top;
}

table.editTable a,
table.tableView a {
  color: inherit;
}

div.objecthead {
  height: 32px;
  position: relative;
  top: 1px;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  box-shadow:
    inset 0px 16px 10px rgba(255, 255, 255, 0.9),
    inset 0px 18px 0px rgba(0, 0, 0, 0.1),
    8px -5px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}
div.objecthead div.ico {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}

div.objecthead div.ico img {
  height: 25px;
}

.objecthead.favoritehead .fa-star {
  font-size: 1.35em;
  color: #2f8eca;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2982c1;
}

.objecthead.favoritehead .fa-star:before {
  background: linear-gradient(
    to right,
    rgb(157, 217, 255) 20%,
    rgb(24, 103, 152) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}

div.objecthead div.title {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

div.objecthead h2 {
  display: inline-block;
  background-color: #fff;
  color: #2778ab;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 40px;
}

div.objectheadNavigator {
  position: absolute;
  right: 10px;
  top: 7px;
  overflow: hidden;
  width: 160px;
}

.objectheadSeparateSearch {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 17px;
}
.objectheadSeparateSearch.bold {
  top: 4px;
}

.objectheadSeparateSearch .separateSearch {
  height: 17px;
  width: 16px;
  overflow: hidden;
}

.objectheadSeparateSearch .separateSearch button {
  width: 17px;
  height: 16px;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.objectheadSeparateSearch .separateSearch img.navigatorIcon {
  position: relative;
  left: -32px;
  top: 0;
  cursor: pointer;
}

.objectheadSeparateSearch .separateSearch img.navigatorIcon:hover {
  top: -17px;
  position: relative;
}

.objectheadSeparateSearch .mce-tinymce {
  display: none;
}

div.header div.objectheadNavigator {
  top: 6px;
  right: 24px;
}

div.objectheadNavigator a,
div.objectheadNavigator div.objecthead_closeIcon,
div.objectheadNavigator div.disabled,
div.objectheadNavigator div.rolldownIcon,
div.objectheadNavigator div.separateSearch {
  display: block;
  width: 16px;
  height: 17px;
  overflow: hidden;
  float: right;
  margin-right: 3px;
  position: relative;
}

div.objectheadNavigator form {
  float: right;
}

div.objectheadNavigator form div.separateSearch:hover img {
  top: -17px;
  cursor: pointer;
}

div.objectheadNavigator div.rolldownIcon {
  position: relative;
}

div.objectheadNavigator a:hover img.navigatorIcon,
div.objectheadNavigator div.objecthead_closeIcon:hover img.navigatorIcon {
  top: -17px;
  border: none;
}

div.objectheadNavigator div.disabled img.navigatorIcon {
  top: -34px;
}

div.objectheadNavigator div.rolldownIcon {
  cursor: pointer;
  margin-left: 10px;
  border: none;
}

div.objectheadNavigator div.rolldownIcon:hover img {
  top: -17px;
  border: none;
}

div.resultPreview div.objectheadNavigator div.rolldownIcon img.close,
div#left div.objectheadNavigator div.rolldownIcon img.close,
div.objectBox div.objectheadNavigator div.rolldownIcon img.close {
  display: block;
}

div.resultPreview div.objectheadNavigator div.rolldownIcon img.open,
div#left div.objectheadNavigator div.rolldownIcon img.open,
div.objectBox div.objectheadNavigator div.rolldownIcon img.open {
  display: none;
}

div#left
  div.leftMenuNavigator.rolled
  div.objectheadNavigator
  div.rolldownIcon
  img.close,
div.objectBox.rolled div.objectheadNavigator div.rolldownIcon img.close {
  display: none;
}

div#left
  div.leftMenuNavigator.rolled
  div.objectheadNavigator
  div.rolldownIcon
  img.open,
div.objectBox.rolled div.objectheadNavigator div.rolldownIcon img.open {
  display: block;
}

/* hlavicka objektu */
div.header {
  background: linear-gradient(#cecece, #929292) no-repeat border-box;
  border-top-right-radius: 13px;
  border-top-left-radius: 13px;
  position: relative;
  height: 27px;
  overflow: hidden;
  margin: 12px 0px 0 0;
}

div.header div.headTabs {
  height: 62px;
}

div.header div.headContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-right: 1px;
}

.document div.contentBox .content .content {
  padding: 0 10px 0 20px;
}
.document div.contentBox .content.inner .content {
  padding-left: 40px;
}
.document div.contentBox .content.stickyBox{
  position: sticky;
  top: -1px;
  z-index: 5;
  background-color: #ffffff;
  transition: box-shadow 0.1s, border-radius 0.1s, background 0.1s, padding 0.1s, border 0.1s;
}
.document div.contentBox .content.stickyBox.stickMenuTop{
  top:39px;
}
.document div.contentBox .content.stickyBox.stuck{
  box-shadow: 0 8px 6px -6px #999;
  z-index: 117;

  margin-left: -10px;
  margin-right: -25px;
  padding: 15px 10px;
  border: #999 solid 1px;
  background: #ececec;
  border-radius: 2px;
  transition: box-shadow 0.3s, border-radius 0.3s, background 0.3s, padding 0.3s, border 0.3s;

}
.document div.contentBox .content.stickyBox.stuck .stickyBoxPin{
  display: none;
}
div#left div.leftMenuNavigator.rolled > ul,
div.objectBox.rolled > div.contentBox .content,
div.objectBox.rolled .definitionFilter > div.contentBox .content,
.multibox.rolled > div.content {
  display: none;
}

.multibox {
  padding-bottom: 5px;
}

.multiboxTitle {
  position: relative;
  padding-bottom: 5px;
}

.multiboxTitle a,
.multiboxTitle .rolldown {
  color: #808080;
  font-size: 13px;
  padding-left: 25px;
  padding-right: 20px;
  background: #fff;
  text-decoration: none;
  line-height: 22px;
  width: fit-content;
}
.multiboxTitle a:hover,
.multiboxTitle .rolldown:hover {
  background: #fff !important;
}
.multibox .line {
  width: 97%;
  background: url("layout/multibox_line.gif") repeat-x 100% 50% transparent;
}
.stickyBoxPin {
  display: inline-block;
  position: absolute;
  right: 15px;
  color: #b7b7b7;
  cursor: pointer;
  width: 15px;
  height: 15px;
}
.multiboxTitle .stickyBoxPin {
  right: -20px;
}
.stickyBox .stickyBoxPin {
  color: #00ff00;
  right: -10px;
}
.stickyBox .multiboxTitle .stickyBoxPin {
  right: -20px;
}
/*vyrazna varianta boxu*/
.multiboxTitle .line.bold a {
  background: transparent;
  color: rgba(3, 3, 3, 0.69);
  font-weight: 600;
}
.multibox .line.bold {
  width: 100%;
  position: relative;
  margin-bottom: 1em;
  padding: 0.1em;
  border-bottom: 1px solid #999;
  background: #f3f3f3;
}
.multibox .line.bold:before,
.multibox .line.bold:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
}
.multibox .line.bold:before {
  bottom: -7px;
  left: 21px;

  /* If 1px darken stroke slightly */
  border-top-color: #777;
  border-width: 7px;
}
.multibox .line.bold:after {
  bottom: -6px;
  left: 22px;
  border-top-color: #f3f3f3;
  border-width: 6px;
}
.multibox.rolled .line.bold:before,
.multibox.rolled .line.bold:after {
  display: none;
}
.multibox .line.bold .far {
  position: relative;
  left: 5px;
  cursor: pointer;
}
.multibox .highlightedHeader {
  font-weight: bold;
  color: #e20000;
}
.multibox.rolled .far.fa-plus-square {
  display: inline-block;
}
.multibox .far.fa-plus-square {
  display: none;
}
.multibox .far.fa-minus-square {
  display: inline-block;
}
.multibox.rolled .far.fa-minus-square {
  display: none;
}
.document div.contentBox .content .multibox:nth-child(2) {
  border: red solid 1px;
}

/*bold konec */

.multiboxTitle .objectheadNavigator {
  position: absolute;
  top: 4px;
  left: 0;
  right: auto;
  width: 12px;
}

.errorMessage .objectheadNavigator,
.infoMessage .objectheadNavigator {
  right: 14px;
}

.multiboxTitle .objectheadNavigator .rolldownIcon {
  margin: 0;
  width: 10px;
  height: 10px;
}

.multibox .multiboxTitle .objectheadNavigator .rolldownIcon navigatorIcon.open,
.multibox.rolled
  .multiboxTitle
  .objectheadNavigator
  .rolldownIcon
  navigatorIcon.close {
  display: none;
}

.multibox .multiboxTitle .objectheadNavigator .rolldownIcon navigatorIcon.close,
.multibox.rolled
  .multiboxTitle
  .objectheadNavigator
  .rolldownIcon
  .navigatorIcon.open {
  display: block;
}

div.objectbottom {
  height: 25px;
  position: relative;
}

.login {
  width: 400px;
  margin: 20px auto 0 auto;
}
.login .contentBox {
  text-align: center;
}
.login .contentBox input[type="submit"] {
  margin-top: 10px;
}
input,
textarea,
.uploadButton {
  border-color: #7c7c7c #c3c3c3 #dddddd #7c7c7c;
  border-style: solid;
  border-width: 1px;
  color: #000;
  padding: 2px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; /* do budoucna :) */
  background: url("layout/inputbg.gif") repeat-x scroll center top #ffffff;
  width: 100%;
  font-size: 13px;
  letter-spacing: 0.01em;
}

.rows input,
.rows textarea,
.editTable input,
.editTable textarea {
  width: 100%;
}

input[type="text"],
input[type="textarea"],
select,
textarea,
input {
  /* background-color: #F6FBFF; */
}

input:focus,
textarea:focus,
input.focused,
textarea.focused,
select:focus {
  background-color: #fff7c0;
}

input[type="submit"],
input[type="button"],
button,
.image-bordered-button {
  background: #dedede url("./layout/button_bg.png") 50% 100%;
  font-size: 13px;
  height: 22px;
  cursor: pointer;
  line-height: normal;
  width: auto;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  padding: 0 6px;
  margin-left: 2px;
}

INPUT[type="image"] {
  width: auto;
  border: 0;
  background: none;
  vertical-align: bottom;
  height: 14px;
  padding: 3px 3px;
}

INPUT[type="radio"],
INPUT[type="checkbox"] {
  width: auto;
  margin-left: 3px;
}

INPUT[type="text"],
INPUT[type="textarea"],
select,
button {
  vertical-align: baseline;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
input[type="image"]:focus {
  background: #dedede;
}

input[type="submit"]:active,
input[type="button"]:active,
button:active {
  background: #ccc;
}

input[disabled],
input[disabled="disabled"],
input.disabled,
button[disabled="disabled"],
button:disabled,
.image-bordered-button.disabled,
textarea[disabled],
input[readonly],
input[readonly="true"],
input.readonly,
textarea[readonly],
select:disabled {
  color: #000;
  background: #ccc none;
  opacity: 0.7;
  text-shadow: #fff 1px 1px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.uploadButton:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
.uploadButton:focus {
  background: #dedede;
}

input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
  border-color: #000;
}

input[disabled][type="submit"]:active,
input[disabled="disabled"][type="button"]:active,
button[disabled]:active {
  background: #ccc;
}

input[disabled][type="submit"]:hover,
input[disabled][type="button"]:hover,
button[disabled]:hover,
input[disabled="disabled"][type="submit"]:focus,
input[disabled="disabled"][type="button"]:focus,
button[disabled="disabled"]:focus {
  background: #ccc;
}

div.alignCenter input[type="submit"],
div.alignCenter input[type="button"],
div.alignCenter button {
  margin-top: 10px;
}

select {
  font-size: 13px;
}
div.refEditor.auto_style_error input,
div.auto_style_type_utct.auto_style_error input {
  border-color: #ff6e6e;
}

.alignCenter {
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}
.alignLeft {
  text-align: left;
}
.maxWidth {
  max-width: 1100px;
}
.marginCenter {
  margin: 0 auto;
}
div.contentBox ul li .item {
  display: block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 85px;
  color: #535353;
}

div.contentBox ul li .item:hover {
  color: #000;
}

div.contentBox ul li .item:hover img,
div.contentBox ul li .item:hover .faIcon {
  opacity: 0.75;
}
div.contentBox ul li .item .faIcon {
  font-size: 32px;
  padding-bottom: 3px;
}

div.linkList {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  overflow: hidden;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-bottom: 3px;
}

div.linkList h3 {
  height: 18px;
  margin: 1px;
  color: #fff;
  background-color: #c0c0c0;
  font-size: 13px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 3px;
  text-align: left;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

div.linkList ul li {
  display: block;
}

div.contentBox ul.list li {
  text-align: left;
}

div.contentBox ul li .item.list {
  position: relative;
  overflow: visible;
  cursor: pointer;
  border: none;
}

div.contentBox ul li .item.list img.linkListIcon {
  position: absolute;
  right: 10px;
  top: -5px;
}
div.item.list div.linkList {
  cursor: auto;
}
div.contentBox ul li div.linkList ul.list li a.listItem {
  display: block;
  padding: 5px 3px;
  width: 100%;
  text-decoration: none;
  color: #535353;
}

div.contentBox ul li div.linkList ul.list li a.listItem:hover {
  background-color: #ececec;
  color: #000;
}

div.objectBox div.obligatoryInfo {
  font-size: 12px;
  color: #999;
}

div#definitionsLeft {
  width: 335px;
  float: left;
}

div#definitionsRight {
  margin-left: 335px;
  min-width: 425px;
}
div#definitionsRight .objectBox,
div#definitionsLeft .objectBox {
  margin-bottom: 16px;
}
#definitionsLeft .treeUtilities {
  text-align: right;
  padding-right: 5px;
}

div#browserRight {
  margin-left: 335px;
  max-width: 650px;
}

div#attributes {
  overflow: hidden;
}

div#attributes tr.header td {
  color: #2778ab;
  font-weight: bold;
}
div#attributes table.attributeTable tr.even {
  background-color: #f0f7ff;
}

div#attributes table.attributeTable tr.even:hover {
  background-color: #eaeaea;
}
div.contentBox .treeleft table {
  width: auto;
}

div.objectBox div.contentBox div.treeleft {
  overflow: auto;
}

div.objectBox div.contentBox div.treeleft img {
  vertical-align: middle;
}

div.objectBox div.contentBox div.treeleft table tr td {
  white-space: nowrap;
}

div.contentBox div#tree table tr td.node {
  vertical-align: middle;
  padding-left: 2px;
}

div.contentBox div#tree table tr td.node a {
  color: #000;
  text-decoration: none;
}

div.contentBox div#tree table tr:hover td.node a {
  color: #000;
}

div.contentBox div#tree table tr td {
  padding: 0;
}

.treeCrossI {
  font-size: 17px;
  color: #757575;
  vertical-align: top;
  padding-left: 3px;
  cursor: pointer;
}

div.showTitle span.showNameSpan,
div.showName span.showTitleSpan {
  display: none;
}

div.contentBox div.definitionTable {
  padding-top: 7px;
}
div.contentBox div.browserTable {
  padding-top: 7px;
}
div.contentBox div.browserTable table tr th {
  width: 90px;
}

div#definitionsLeft div.objectBox.multibox div.contentBox,
div#definitionsLeft div.objectBox.browser div.contentBox {
  padding: 0 20px 0 5px;
}

div#definitionProperties table {
  border-collapse: collapse;
}

div#definitionProperties table tr td {
  padding: 1px;
}

div#definitionProperties table.property tr {
  height: 20px;
}

div#definitionProperties table.property tr.even {
  background-color: #f0f7ff;
}

div#definitionProperties table.property tr.even:hover {
  background-color: #eaeaea;
}

div#definitionProperties table.property tr.header td {
  color: #2778ab;
  font-weight: bold;
  vertical-align: middle;
}

div#definitionProperties table.property tr td img.icon {
  position: relative;
  top: 2px;
}

div#definitionProperties table.property tr.attributes {
  font-size: 12px;
  color: #535353;
}
#definitionProperties .propertyAction .fa-pencil-alt {
  color: rgba(248, 190, 7, 0.7);
  -webkit-text-stroke-width: 0.05em;
  -webkit-text-stroke-color: rgba(95, 95, 95, 0.5);
}
#definitionProperties .propertyAction .fa-times {
  color: rgba(255, 68, 42, 0.7);
  -webkit-text-stroke-width: 0.05em;
  -webkit-text-stroke-color: #777777;
}
#definitionProperties .propertyAction .fa-arrow-up,
#definitionProperties .propertyAction .fa-arrow-down {
  color: rgba(74, 74, 74, 0.8);
  -webkit-text-stroke-width: 0.05em;
  -webkit-text-stroke-color: rgba(197, 197, 197, 0.5);
}

#definitionProperties .propertyAction .fa-times:hover {
  color: rgb(255, 0, 57);
}

#definitionProperties .propertyAction .fa-pencil-alt:hover {
  -webkit-text-stroke-color: rgba(95, 95, 95, 1);
}

#definitionProperties .propertyAction .fa-arrow-up:hover,
#definitionProperties .propertyAction .fa-arrow-down:hover {
  color: rgb(0, 0, 0);
}
.defbox .properties .fa-circle,
.alarmList .fa-circle {
  font-size: 0.65em;
  color: #bfbfbf;
}
.defbox .properties .fa-circle.true,
.alarmList .fa-circle.true {
  color: #63b101;
}
.alarmList .fa,
.alarmList .fas,
.alarmList .far,
.alarmList .fab {
  font-size: 0.85em;
  -webkit-text-stroke-width: 0.05em;
  -webkit-text-stroke-color: rgba(123, 123, 123, 0.5);
}
.alarmList .fa:hover,
.alarmList .fa:hover,
.alarmList .fa:hover,
.alarmList .fab:hover {
  -webkit-text-stroke-color: rgb(0, 0, 0);
}
.alarmList .fa-play {
  color: #63b101;
}
.alarmList .fa-stop {
  color: #ec3b3b;
}
.alarmList .fa-bolt {
  color: #f5d84e;
  font-size: 1.3em;
  transform: rotate(25deg);
}

div.contentBox div.indexes {
  display: inline-block;
  padding: 10px 10px 10px 0;
  margin: 1px;
}
div.contentBox div.indexes .title {
  background: none;
}
div.contentBox div.indexes.even {
  background-color: #f0f7ff;
}

div.contentBox div.indexes.even:hover,
div.contentBox div.indexes:hover {
  background-color: #eaeaea;
}

div#definitionsLeft span.definitionFilterBtn {
  padding-top: 2px;
  text-align: right;
  display: block;
}
div.defSearch div.propertyedit table td.title {
  vertical-align: top;
  color: #2778ab;
  font-weight: bold;
}

div.contentBox table.documentProperties tr.caption td,
div.multisignatureSearchResult table.documentProperties tr.caption td,
table.serviceMode tr td.caption {
  padding-top: 3px;
  color: #2778ab;
  border-right: 2px solid white;
  font-weight: bold;
}
div.contentBox
  table.documentProperties
  tr.caption
  td.headerMenu
  .titleContainer
  a {
  color: #2778ab;
  border-right: 2px solid white;
  text-decoration: none;
}

div.contentBox.imagePreview {
  overflow: hidden;
  z-index: 1;
}

div.contentBox div.imagepreview {
  overflow: auto;
  background: #eaeaea;
}

.previewMultiFileParams {
  display: none;
}
div.errorMessage,
div.infoMessage {
  width: 600px;
  position: relative;
  margin-right: auto;
}
div.errorMessage .errorColumn {
  font-weight: bold;
}
div.modalWin div.errorMessage,
div.modalWin div.infoMessage {
}
.errorMessage .errorMessage,
.infoMessage .infoMessage,
.contentBox .infoMessage {
  position: absolute;
  left: -10px;
  top: -8px;
  font-size: 1.35em;
}
.errorMessage .fa-stack.errorMessage,
.infoMessage .fa-stack.infoMessage,
.contentBox .fa-stack.infoMessage {
  width: 2.25em;
}
.errorMessage .errorMessage .fa-circle {
  background: linear-gradient(#f3919f, rgb(214, 6, 6));
  border-radius: 50%;
}
.errorMessage .errorMessage {
  color: #e55c43;
}
.infoMessage .infoMessage .fa-circle,
.contentBox .infoMessage .fa-circle {
  background: linear-gradient(#88cbfb, #097cd0);
  border-radius: 50%;
}
.infoMessage .infoMessage,
.contentBox .infoMessage {
  color: #38abff;
}
.fa.infoInner,
.fas.infoInner,
.far.infoInner,
.fab.infoInner {
  color: #ffffff;
}
.singleWindow div.errorMessage img,
.singleWindow div.infoMessage img {
  position: absolute;
  left: -12px;
  top: -30px;
}

div.errorMessage div.contentBox ul,
div.infoMessage div.contentBox ul {
  list-style: disc outside none;
  padding-left: 10px;
}

div.errorMessage div.contentBox ul li,
div.infoMessage div.contentBox ul li {
  display: block;
  text-align: left;
  color: #535353;
  padding-top: 3px;
  line-height: 20px;
  animation: highlight 2s;
}

div.objecthead div.title span {
  font-weight: bold;
  font-size: 11px;
  color: #2778ab;
}

/*udalosti v sys*/
div#event {
  width: 500px;
  margin: 0 auto;
}

div.eventRecords {
  margin: 0 auto;
  max-width: 1200px;
}

div.contentBox div.eventSpace {
  height: 6px;
  line-height: 0;
  border-bottom: 1px solid #eeeeee;
}

div.contentBox div.eventCount {
  float: right;
  position: relative;
}
/*hromadne operace*/
#parselimit1,
#parselimit2,
#parselimit3,
#parselimit4,
#parselimit5,
#parselimit6,
#parselimit7 {
  background-color: white;
  display: none;
  height: 25px;
  right: 6px;
  position: absolute;
  top: 0px;
  width: 25px;
}

div.collectiveRefresh {
  position: relative;
}

div.collectiveRefresh img {
  position: absolute;
  right: -12px;
  top: -20px;
}

div.collectiveOperations table tr th {
  width: 220px;
}

div.collectiveOperations input[type="textarea"],
div.collectiveOperations textarea,
div.collectiveOperations input[type="text"] {
  width: 99%;
}

.collectiveWindow.detailedResult {
  margin: 0px;
  position: absolute;
  z-index: 9999;
  width: auto;
  min-width: 800px;
  left: 50%;
  transform: translate(-50%);
  display: none;
}
.collectiveWindow.detailedResult .contentBox {
  resize: both;
  overflow: auto;
}

table tr td.top {
  vertical-align: top;
}

div.sedTable {
  position: relative;
}

div.sedmainContainer {
  position: relative;
  margin-right: 75px;
  margin-top: -1px;
  margin-bottom: -1px;
}
div.sedTdInputDiv {
  padding: 1px 0;
}
div.sedTdInputLong {
  margin-right: 0px;
}
div.sedTdInputNoAdd {
  margin-right: 57px;
}
div.sedTdInputNoButtons {
  margin-right: 18px;
}
div.sedTdInputPlusMinus {
  margin-right: 18px;
}
div.sedTdInputUpOrDown {
  margin-right: 50px;
}
div.sedTdBtns {
  position: absolute;
  right: -55px;
  bottom: 2px;
}
div.sedTdBtnsPlusMinus {
  position: absolute;
  right: -5px;
  bottom: 0;
}
div.sedTdBtnsUpOrDown {
  position: absolute;
  right: 15px;
  bottom: 0;
}
div.sedTdInputDivDate {
  position: relative;
  max-width: 150px;
}
div.sedTdInputDivDate img {
  position: absolute;
  right: 2px;
  top: 3px;
}
div.sedTdBtns a,
div.sedTdBtnsPlusMinus a,
div.sedTdBtnsUpOrDown a {
  padding-right: 2px;
}

div.sedTdBtns a img,
div.sedTdBtnsPlusMinus a img,
div.sedTdBtnsUpOrDown a img {
  max-width: 12px;
}

div.sedTdBtns a img.destroy,
div.sedTdBtnsPlusMinus a img.destroy {
  padding-right: 6px;
  padding-bottom: 1px;
}

div.sedTdBtnsUpOrDown a img.destroy {
  padding-right: 1px;
  padding-bottom: 1px;
}
div.sedmain.sedadder {
  position: absolute;
  right: -70px;
  bottom: 2px;
}
div.sedTdInputNoButtons div.sedmain.sedadder,
div.sedTdInputPlusMinus div.sedmain.sedadder {
  right: -18px;
}
img.sedadder {
  max-width: 14px;
  max-height: 14px;
}

div.refEdResults table.refEditor {
  table-layout: auto;
  width: auto;
}

div.refEdResults table.refEditor .fa.fa-edit {
  color: #8f8f8f;
  cursor: pointer;
}

div.refEdResults table.refEditor .referenceChangeTitleInput {
  width: auto;
}

div.contentBox div.refEditor table tr td {
  padding: 0;
  -ms-word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

div.rows div.refEditor {
  display: inline-block;
}

table.refEditor tr td img {
  padding-right: 2px;
  position: relative;
  top: 1px;
  cursor: pointer;
}
table.refEditor td.display > p {
  display: inline;
}
table.refEditor tr td .faIcon {
  font-size: 16px;
  padding-right: 2px;
}

table.refEditor tr.red {
  color: #e20000;
}

table.refEditor tr.green {
  color: #00ab00;
}

table.refEditor tr.grey {
  color: #bfbfbf;
}

table.refEditor_disabled td {
  display: none;
}

table.refEditor_disabled td:last-child {
  display: table-cell;
}
.refEditor .refEdResults input {
  width: 99%;
}

.refEditor .refEdResults input[type="checkbox"] {
  width: auto;
  margin: 2px 5px 0;
}

div.textQueryComposer {
  width: 515px;
}

div.textQueryComposer table {
  width: 100%;
}

/* dialog pro ukladani do slozky */
.dialogWrapper {
  height: 500px;
  padding-top: 5px;
}

.dialogContainer,
.dialogContainerPath {
  height: 200px;
  background: white;
  overflow: auto;
  margin: 5px;
  border: 1px solid #ddd;
  background: #fff;
}

.dialogContainer #queryResults {
  background: none;
}

.dialogContainer.loadFolder {
  height: 80%;
}

.dialogContainerPath {
  height: 25px;
  border: 1px solid #efefef;
  background: #efefef;
  margin-top: 0;
}

.dialogWrapper .folderPath {
  margin: 0;
  padding: 0;
}

.dialogButtonContainer {
  margin: 5px 4px;
  text-align: right;
}

table tr th.backRefTh {
  min-width: 20%;
  max-width: 50%;
}

table.sessionsCount tr td {
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}

/*export definic*/
div.showTitle,
div.showName {
  float: left;
  width: 400px;
}

table tr td.node INPUT[type="checkbox"] {
  width: auto;
}

.treeright {
  float: left;
  width: auto;
  width: 335px;
}

.treeright INPUT[type="checkbox"] {
  width: auto;
  border: none;
}

/*oblibene*/
div.favorite,
div.changeType {
  width: 400px;
}
div.favorite .dateEditBox input{
  padding-right: 0;
}
/* podbarveni titulku povinnych vlastnosti v editu */
.captionRequired {
  color: #c65669 !important;
}

table.externalList {
  border-collapse: separate;
  border-spacing: 3px;
}

table.externalList tr.caption td {
  padding: 5px 0;
  font-style: italic;
  color: #535353;
}

/*tabs*/
div.tabsList {
  position: absolute;
  bottom: -3px;
  left: 48px;
  margin-right: 35px;
}

div.tabsList ul li {
  float: left;
  height: 24px;
  position: relative;
  margin-left: -30px;
}

div.tabsList ul li div.left {
  position: absolute;
  left: 0;
  top: 0;
  background: url("layout/tab_left-inactive.png") no-repeat scroll left top
    transparent;
  height: 23px;
  width: 30px;
}

div.tabsList ul li div.tab {
  margin-left: 30px;
  padding-right: 30px;
  background: url("layout/tab-inactive.png") no-repeat scroll right top
    transparent;
  height: 23px;
  text-align: center;
}
div.tabsList ul li div.actual,
div.tabsList ul li:hover {
  z-index: 20;
  position: relative;
}
div.tabsList ul li:hover {
  top: -1px;
}
div.tabsList ul li div.left.actual,
div.tabsList ul li:hover div.left {
  position: absolute;
  left: 0;
  top: 0;
  background: url("layout/tab_left-active.png") no-repeat right top transparent;
  height: 23px;
  width: 30px;
}
div.tabsList ul div.tab.actual,
div.tabsList ul li:hover div.tab {
  margin-left: 30px;
  padding-right: 30px;
  background: url("layout/tab-active.png") no-repeat right top transparent;
  height: 23px;
}

div.tabsList ul li h2,
div.tabsList ul li a {
  text-decoration: none;
  font-weight: bold;
  color: #999;
  position: relative;
  top: 3px;
  text-shadow: 1px 1px #ffffff;
  white-space: nowrap;
  padding: 0 10px;
}

div.tabsList ul li div.actual h2,
div.tabsList ul li div.actual a {
  color: #2778ab;
}

.clearBoth {
  clear: both;
}

.dateBox {
  width: 100%;
  max-width: 150px;
}

.dateEditBox {
  position: relative;
}
.dateEditBox input {
  padding-right: 20px;
}
.dateEditBoxButton,
.sedTdInputDivDateButton {
  position: absolute;
  right: 5px;
  top: 1px;
  color: #4e4e4e;
  cursor: pointer;
  background: transparent;
}

.dateEditBoxIcon {
  line-height: 20px;
}

.dateEditBoxButton img {
  cursor: pointer;
}

.dateEditBoxButton.hide,
.sedTdInputDivDateButton.hide {
  display: none;
}

.contentBox table.documentProperties .auto_style_type_utct tr td,
.contentBox table.documentProperties .auto_style_type_utct tr th,
.contentBox table.documentProperties .auto_style_type_utct tr tbody,
.auto_style_type_utct td {
  padding: 0;
}

.folderLoading {
  display: inline-block;
}

.displayNone {
  display: none;
}

.overlayAll {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200000;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #2e8eca;
}

.textOverOverlay {
  background: #fff;
  color: #8f2121;
  font-weight: bold;
  border: 2px solid #8f2121;
  padding: 8px;
  width: 600px;
  margin: 10px auto auto auto;
  text-align: center;
}

.rights div.contentBox table tr td {
  vertical-align: top;
  padding-bottom: 5px;
}

.rights div.contentBox table tr td.rightsTableEven {
  background: #eaeaea;
}

.imagePreviewMenu {
  z-index: 2;
}

.imagePreviewMenu,
.imagepreview {
  position: relative;
}

.rulerBox {
  height: 20px;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 200;
}

#boxAbsolute {
  bottom: 0;
  cursor: move;
  opacity: 0.4;
}

.ruler {
  background-color: #f3dc50;
  border: 1px solid #aaaaaa;
  height: 16px;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  width: 100%;
  z-index: 150;
}

.imagePreviewMenu .imageactions {
  border-bottom: 0;
  padding: 3px 0 3px 3px;
}
.imagePreviewMenu .imageactions a {
  text-decoration: none;
}
.imagePreviewMenu .imageactions img {
  vertical-align: bottom;
  width: 25px;
}
.imagePreviewMenu .imageactions .fwi,
.imagePreviewMenu .imageactions .fas,
.imagePreviewMenu .imageactions .far {
  color: #777;
  font-size: 1.75em;
}
.imagePreviewMenu .imageactions .fwi-pdf {
  color: #ef4d4dbf;
}
.imagePreviewMenu .imageactions .fwi-archive {
  color: #efb14e;
}
.imagePreviewMenu .imageactions .fwi-angle-double-left,
.imagePreviewMenu .imageactions .fwi-angle-left,
.imagePreviewMenu .imageactions .fwi-angle-right,
.imagePreviewMenu .imageactions .fwi-angle-double-right {
  color: #64aee0;
  vertical-align: bottom;
}
.imagePreviewMenu .imageactions .disabled,
.imagePreviewMenu .imageactions .fwi-angle-double-left.disabled,
.imagePreviewMenu .imageactions .fwi-angle-left.disabled,
.imagePreviewMenu .imageactions .fwi-angle-right.disabled,
.imagePreviewMenu .imageactions .fwi-angle-double-right.disabled {
  color: #aaaaaa;
}

.imagePreviewMenu .imageactions.multiple {
  float: right;
  background: inherit;
  padding: 0;
}
div.contentBox table.tableView .imagePreviewMenu .imageactions select {
  width: auto;
}

.imgLoading {
  background: #ffffff;
  border: 1px solid #dedede;
  left: 50%;
  position: absolute;
  z-index: 1000;
}

.imgPreview {
  cursor: move;
}
.deleteInProgess {
  background: #ffffff;
  border-radius: 30%;
  position: absolute;
  left: 50%;
  top: 50%;
}
#thumbDiv {
  position: relative;
}
#thumbDiv .noImgContent {
  display: block;
  text-align: center;
  width: 100%;
}
#zoomBox {
  height: 219px;
  width: 34px;
  margin: 0 auto;
  position: absolute;
  right: 30px;
  top: 32px;
  padding-top: 3px;
  z-index: 499;
  text-align: center;
}

table.tableView #zoomBox {
  top: auto;
  /*bottom: -225px;*/
  right: 22px;
}

#zoomBox:hover {
  background: url("../images/imagepreview/zoombar_bg.png") no-repeat transparent;
}

#zoomValue {
  color: #aeaeae;
  font-size: 11px;
  font-weight: bold;
  background: #fff;
  line-height: 18px;
}

#zoomPanel {
  overflow: hidden;
  height: 154px;
  width: 34px;
  position: relative;
}

#zoomPlus {
  width: 18px;
  height: 18px;
  margin: 0 auto;
  margin-top: 3px;
  background: url("../images/imagepreview/plus.png") transparent;
  display: block;
}

#zoomMinus {
  width: 18px;
  height: 18px;
  background: url("../images/imagepreview/minus.png") transparent;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
}

#zoomLine {
  height: 300px;
  width: 34px;
  background: url("../images/imagepreview/zoomruler.png") no-repeat 50% 100%
    transparent;
  position: relative;
}

.zoomSlider {
  background: url("../images/imagepreview/slider.png") transparent;
  width: 16px;
  height: 9px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 9px;
}

/* singlewindow - hlavicka */
.objectBox.singleWindow {
  margin: 0;
  top: 0;
}
.objectBox.singleWindow.textQuery {
  margin-bottom: 1.5em;
}
.singleWindow .objecthead {
  height: 21px;
  position: relative;
  top: 0;
  text-align: left;
  background: linear-gradient(45deg, #666 25%, transparent 25%),
    linear-gradient(-45deg, #666 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #666 75%),
    linear-gradient(-45deg, transparent 75%, #666 75%);
  background-color: #e0e0e0;
  background-size: 3px 3px;
  background-position:
    0 0,
    1px 0,
    1px -1px,
    0px 2px;
  box-shadow: 0px 1px 4px #888888;
}
.singleWindow .windowClose a,
.exportSelection .windowClose a {
  display: block;
  height: 17px;
  margin: 7px 3px 0 0;
  overflow: hidden;
  width: 16px;
  position: absolute;
  left: auto;
  right: 10px;
  top: -4px;
}

.singleWindow .windowClose a img,
.exportSelection .windowClose a img {
  position: relative;
  left: -128px;
  cursor: pointer;
}

.singleWindow .windowClose a:hover img,
.exportSelection .windowClose a:hover img {
  top: -17px;
  border: none;
}

.singleWindow .objecthead div.ico img {
  height: 18px;
  position: relative;
  left: 5px;
  top: -3px;
}

.singleWindow .objecthead div.title {
  background: none;
}

.singleWindow .objecthead h2 {
  background-color: #e5e4e4;
  padding: 2px 40px;
}

.singleWindow .contentBox {
  background-image: none;
  position: relative;
  padding: 10px 0;
}

.singleWindow .content {
  margin-left: 8px;
  padding: 0 35px 0 20px;
}
.singleWindow .content .paddingBtmBox {
  padding-bottom: 10px;
}

.singleWindow .resultUtilities,
.singleWindow #queryResults {
  padding-left: 0;
  padding-right: 0;
}
.singleWindow .hidden {
  visibility: hidden;
  height: 0;
  width: 0;
  display: inline-block;
}
div.objectBox.delegationBox,
div.objectBox.changeTypeBox,
div.objectBox.collectiveRightsBox,
div.objectBox.selectChangeBox,
div.objectBox.authmethodBox,
div.objectBox.selectProcessRightBox,
div.objectBox.eventsDeleteBox {
  max-width: 37.5rem;
}
div.delegationConfirm {
  padding-top: 15px;
  font-weight: bold;
}
.delegationQuery ul li .item:hover img,
.delegationQuery ul li .item:focus img {
  opacity: 0.75;
  transform: scale(1.075);
}
.enterQuery ul li,
.delegationQuery ul li,
.participantQuery ul li {
  display: inline-block;
  vertical-align: top;
}

.enterQuery ul li a,
.delegationQuery ul li a,
.participantQuery ul li a {
  width: 100%;
  display: block;
}

.contentBox table.colChange {
  table-layout: fixed;
  margin: 15px 0;
}

.setQueryIcon,
.setQueryIcon .objectheadNavigator {
  position: absolute;
  right: 4px;
  top: 2px;
}

table tr td select {
  width: 100%;
}

table tr td .refEdButtons select {
  width: auto;
}

table tr td .refEdButtons,
.refEdSimpleSearch,
.simpleRefEditorEditBox {
  display: inline-block;
  vertical-align: top;
}
.refEditor.refEdButton_type_colloperations {
  text-decoration: none;
}
.simpleRefEditorEditBox input {
  width: auto;
}

.rows .documentProperties .simpleRefEditorEditBox input {
  width: 100%;
}

.refEditor.asIcon {
  display: inline;
  cursor: pointer;
  margin-left: 2px;
  border: none;
  background: unset;
}
/*10518*/
.hideIcon img {
  display: none;
}
a.mouseUnderline {
  text-decoration: none;
}
a:hover.mouseUnderline {
  text-decoration: underline;
}
/*-|-*/
div.selectionNavigator {
  position: relative;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
}
div.selectionNavigator a:hover img.navigatorIcon {
  top: -17px;
  border: none;
}
div.selectionNavigator div.disabled img.navigatorIcon {
  top: -34px;
}
div.infoMessage ul.selNavigator {
  text-align: left;
}
div.infoMessage div.contentBox ul.selNavigator li {
  display: inline;
  line-height: 20px;
  padding-top: 3px;
  text-align: left;
}
div.selectionNavigator ul.selNavigator li a.navigatorLink,
div.selectionNavigator ul.selNavigator li div.disabled {
  display: block;
  width: 16px;
  height: 17px;
  overflow: hidden;
  float: right;
  margin-right: 3px;
  position: relative;
}

div#globalLoader {
  position: absolute;
  width: var(--width-of-loader);
  margin-left: -38px;
  right: 150px;
  top: 34px;
}

#globalLoaderModal {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100000;
}
#globalLoaderModal .globalLoaderModal_bar {
  display: grid;
  place-items: center;
  height: 100vh; /* 100% of the viewport height */
  width: 100vw; /* 100% of the viewport width */
}

#globalLoaderModal #glmOverlay {
  left: 0;
  top: 0;
  z-index: 100000;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #2e8eca;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.loadingBar {
  width: var(--width-of-loader);
  height: var(--height-of-loader);
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  position: relative;
}

.loadingBar::before {
  content: "";
  position: absolute;
  background: var(--loader-color);
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  animation: moving 2s ease-in-out infinite;
  opacity: 0.75;
  animation-iteration-count: infinite;
}

#globalLoaderModal .globalLoaderModal_bar .loadingBar {
  width: var(--width-of-loader);
}

/*loading na tlacitkach- misto fa-splin ikon */
.buttonLoader {
  display: flex;
  align-items: center;
}

.buttonLoaderBar {
  display: inline-block;
  width: 3px;
  height: 10px;
  background-color: var(--loader-color-rgba);
  border-radius: 10px;
  animation: scale-up4 1.5s linear infinite;
}

.buttonLoaderBar:nth-child(2) {
  height: 20px;
  margin: 0 5px;
  animation-delay: 0.25s;
}

.buttonLoaderBar:nth-child(3) {
  animation-delay: 0.5s;
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color:  #e9ecef;
  border-radius: .25rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  width: 350px;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width .6s ease;
}

#footerText {
  text-align: center;
}

#footerText span {
  color: #ffffffcc;
  padding-bottom: 15px;
}

#footerText a {
  color: #ffffff;
}

#footer {
  position: fixed;
  bottom: 0;
  height: 30px;
  z-index: 2000;
}

#footer #footerItems {
  margin-left: 10px;
}

#footer #footerItems .footerItemInfo {
  display: none;
  position: absolute;
  top: -34px;
  background-color: #fff;
  padding: 7px 30px 7px 10px;
  border: 1px solid #d9e2e7;
  border-radius: 4px;
  text-align: left;
  margin-left: -1px;
}

#footer #footerItems li:hover .footerItemInfo {
  display: block;
}

#footer .footerItemInfo {
  white-space: nowrap;
}

#footer #footerItems li {
  display: block;
  float: left;
  margin-left: 4px;
  border: 1px solid #d9e2e7;
  background-color: #fff;
  max-width: 38px;
  height: 24px;
  overflow: visible;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 4px;
  text-align: center;
  border-radius: 4px;
  position: relative;
  width: 40px;
}

#footer #footerItems li:hover {
  background: #eee;
}

#footer #footerItems li.active {
  background: #ccc;
  border: 1px solid #dedede;
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
}

#footer #footerItems li a {
  display: block;
  float: left;
  width: 100%;
  padding-right: 3px;
  text-decoration: none;
}

#footer #footerItems li a img {
  height: 24px;
  vertical-align: middle;
}

#footer #footerItems li .footerItemInfo a img {
  height: auto;
  display: inline-block;
}

#footer #footerItems li .footerItemInfo a {
  width: 13px;
  height: 17px;
  overflow: hidden;
  margin-right: 7px;
}

#footer #footerMenu {
  width: 210px;
  height: 300px;
  background: #fff;
  position: absolute;
  left: 10px;
  bottom: 32px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
  overflow: hidden;
}

#footer #footerMenu ul li {
  display: block;
  padding: 6px 10px;
  border-bottom: 1px solid #efefef;
}

#footer #footerMenu ul li:hover {
  background: #ddd;
}

#footer #footerMenu ul li#currentUser {
  background: #609ecd;
  color: #fff;
}

#footer #footerMenu ul li#currentUser a {
  font-size: 18px;
  font-weight: bold !important;
  color: #fff;
}
.savedraft ul {
  display: inline-block;
}
.savedraft a {
  background: #dedede url("./layout/button_bg.png") 50% 100%;
  font-size: 13px;
  height: 20px;
  cursor: pointer;
  line-height: normal;
  width: auto;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  padding: 0 6px;
  margin-right: 5px;
  text-decoration: none;
  display: block;
  border-radius: 2px;
  top: -2px;
  position: relative;
}
.savedraft a span {
  display: block;
  position: relative;
  top: 2px;
}

.savedraft a:hover {
  background: #dedede;
}
.footerSubmit li {
  /*li*/
  display: inline-block;
}
.footerSubmit .button {
  line-height: 20px;
}

/*multifilepreview*/
#thumbBar div.thumbImgMain div.tbumbImg:hover {
  background-color: #ccc;
}
#thumbBar a.file:hover {
  background-color: #ccc;
}
#thumbBar .thumbImgMain .fa-ban {
  color: #fd8484;
  padding: 1rem;
}
#thumbBar div.thumbImgMain {
  float: left;
  word-wrap: break-all;
  padding-bottom: 3px;
  overflow: hidden;
  wrap-word: break-all;
}
#thumbBar div.thumbImgMain div.tbumbImg {
  border: 1px solid #cccccc;
  margin-right: 5px;
  position: relative;
}
#thumbBar div.thumbImgMain div.tbumbFileLink {
  height: 50px;
  border: 1px solid #cccccc;
  margin-right: 5px;
  padding-top: 3px;
  position: relative;
  overflow: hidden;
}
#thumbBar div.thumbImgMain div.thumbInfo {
  position: absolute;
  bottom: 5px;
  right: 3px;
}
#thumbBar div.thumbImgMain div.draftExist {
  position: absolute;
  bottom: 5px;
  left: 3px;
}
#thumbBar div.thumbImgMain div.tbumbFileLink div.thumbInfo {
  position: absolute;
  bottom: 5px;
  left: 0px;
}
#thumbBar div.thumbImgMain div.tbumbFileLink div.thumbInfo a {
  width: 100%;
  display: block;
}
div.FPbuttons input[type="submit"] {
  margin: 5px 1px;
}
div.FPbuttons {
  padding-bottom: 10px;
}
div.FPbuttons #showFileNo {
  width: auto;
}
.contentBox table.refEditor {
  display: block;
  table-layout: auto;
  width: auto;
}

.contentBox table.refEditor td {
  padding: 0 1px;
}
/*neplatny uzivatel*/
span.invalid {
  text-decoration: line-through;
  background-color: transparent;
}

#topSubmenuContainer {
  padding: 5px;
  border: 2px solid #eaeaea;
  min-width: 100px;
  text-align: center;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  background: #fff;
}

#topSubmenuContainer.help {
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
}

#topSubmenuContainer img {
  margin-top: 10px;
  margin-bottom: 10px;
}

#topSubmenuContainer li img {
  margin-top: auto;
  margin-bottom: auto;
}

#topSubmenuContainer ul {
  text-align: left;
}

#topSubmenuContainer ul li a,
#helpContainer ul li a {
  display: block;
  padding: 4px;
  text-decoration: none;
  float: none;
  width: auto;
  height: auto;
  overflow: visible;
  margin-left: 0;
  text-align: left;
  white-space: nowrap;
}

#topSubmenuContainer ul li a:hover {
  background: #f2f2f2;
}

#topSubmenuContainer ul li a img {
  max-height: 13px;
  margin-right: 3px;
}

#topSubmenuContainer ul li.separator {
  border-bottom: 2px solid #eaeaea;
}

table.attributeForm {
  table-layout: fixed;
}

.tableView INPUT[type="text"],
.tableView INPUT[type="textarea"],
.tableView select,
.tableView button {
  vertical-align: baseline;
}

div.contentBox table.suggestion {
  z-index: 500;
  background-color: #ffffff;
  width: auto;
  min-width: 200px;
  position: absolute;
  border: 1px solid #aaaaaa;
  margin: 0px;
  cursor: default;
  visibility: hidden;
}
div.contentBox table.suggestion tr td {
  padding: 3px 5px;
}
div.contentBox div.refEditor table.suggestion tr td {
  padding: 3px 5px;
}
div.contentBox table.suggestion tr.suggestion_normal {
  background-color: #ffffff;
  color: #000000;
}
div.contentBox table.suggestion tr.suggestion_selected,
div.contentBox table.suggestion tr.suggestion_selected:hover,
.contentBox .rows table.documentProperties table.suggestion tr:hover {
  background-color: #000067;
  color: #ffffff;
}
ul li span.debugLink {
  letter-spacing: 0px;
}

.autoWidth {
  width: auto;
}

div.contentBox div.tableLayoutWrapper {
  padding: 15px 25px 10px 10px;
}

.document div.contentBox table.tableLayout .content {
  padding: 0 2px;
}

.document div.contentBox table.tableLayout {
  width: 100%;
}

div.contentBox table.tableLayout.wrap {
  display: block;
}

div.contentBox table.tableLayout.wrap > tbody {
  display: block;
}

div.contentBox table.tableLayout.wrap > tbody > tr {
  display: block;
}

div.contentBox table.tableLayout.wrap > tbody > tr > td {
  display: inline-block;
}

div.contentBox table.tableLayout tr:hover {
  background-color: transparent;
}

div.contentBox table.tableLayout tr td {
  vertical-align: top;
}

div.contentBox table.tableLayout .content.inner .content {
  padding-left: 0;
}

div.contentBox table.tableLayout .content .content {
  padding: 0;
}

div.contentBox table.tableLayout .content.inner {
  padding: 0;
}

div.contentBox table.tableLayout > tbody > tr > td {
  padding: 0;
}

div.contentBox table.tableLayout > tbody > tr > td > .content.inner {
  padding: 1px 8px 1px 2px;
}

/* Nahledy vicestrankovych obrazku/tiffu. */

.mpp {
  float: left;
  overflow-x: hidden;
  overflow-y: scroll;
}

.mpp .mppItem {
  border: 1px solid #ccc;
  border-bottom: 0;
  cursor: pointer;
  text-align: center;
  padding: 2px;
}

.mpp .mppItem .mppFrame {
  width: 84px;
  height: 120px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.mpp .mppItem .mppFrame img {
  width: 84px;
  height: 120px;
}

.mpp .mppInfo {
  text-align: center;
}

.mpp .mppSelected {
  border: 1px solid #000;
}
/*DS*/

div.contentBox table tr.outRowDS:hover {
  background-color: #98fb98;
}
div.contentBox table tr.outRowDS {
  background-color: #8ec78c;
}

.clearWhitespace {
  font-size: 1px;
}

.pdftoiframe {
  border: 1px solid black;
}

.pdftoiframe iframe {
  display: block;
  border: 0;
  z-index: 0;
}

iframe.widthNaStoPro {
  width: 100%;
}
.frameBorder {
  border: none;
}
@media (orientation: landscape) {
  .pdftoiframe iframe {
    height: 800px;
  }
}
@media (orientation: portrait) {
  .pdftoiframe iframe {
    height: 1050px;
  }
  .smallLeftmenuList .pdftoiframe iframe {
    height: 1350px;
  }
}

.pdftoiframe.hidden iframe {
  visibility: hidden;
}

.pdftoiframe.hidden {
  background: url("layout/pdf_logo.png") no-repeat center center #f9f9f9;
}

.webApiPreview {
  position: relative;
  width: 100%;
  height: 1000px;
}

.webApiPreview__content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.webApiPreview__content.hidden {
  visibility: hidden;
}

.webApiPreview__overlay {
  background: url("layout/pdf_logo.png") no-repeat center center #f9f9f9;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

/*narhrazeni atributu scrolling="no"*/
iframe.noScrolling {
  overflow: hidden;
}

/*nahrazeni atributu scrolling="auto"*/
iframe.scrollingAuto {
  overflow: scroll;
}

/* Tree combo box */

.cbWrapper {
  display: inline-block;
  margin: 0 0 0 2px;
  position: relative;
  width: 100%;
  vertical-align: top;
}

div.refEdButtons .cbWrapper {
  width: 300px;
}

.cbSelect {
  display: block;
  width: 100%;
  height: 22px;
  background-color: #f6fbff;
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  padding: 2px 2px 2px 3px;
  position: relative;
  border-radius: 3px;
  margin: 0;
  box-sizing: border-box;
  max-width: 300px;
  overflow: hidden;
}

.rows .cbSelect {
  max-width: 100%;
}

.cbSelectText {
  padding: 0;
  display: block;
  text-align: left;
  line-height: 18px;
  width: 100%;
  height: 18px; /* docasne reseni */
  white-space: nowrap;
}

.cbSelectButton,
.cbExpandButton,
.cbCollapseButton {
  background-color: #f6fbff;
  color: #707070;
  font-size: 12px;
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
}

.cbExpandButton {
  position: absolute;
  right: 36px;
  top: 0;
}

.cbCollapseButton {
  position: absolute;
  right: 18px;
  top: 0;
}

.cbSelectButton {
  position: absolute;
  right: 0px;
  top: 0;
}

.cbContent {
  display: none;
  width: 100%;
  background-color: #f6fbff;
  position: absolute;
  border-right: 1px solid #939393;
  border-bottom: 1px solid #939393;
  border-left: 1px solid #cccccc;
  padding: 5px 0 10px 0;
  z-index: 1;
  max-height: 420px;
  overflow-y: auto;
  overflow-x: visible;
}

div.refEdButtons .cbContent,
div.parameters .cbContent {
  width: 400px;
}

.cbList {
  display: block;
  width: auto;
  padding-left: 20px;
}

.cbList li {
  position: relative;
}

.cbList li span {
  display: block;
  text-align: left;
  line-height: 18px;
}

.cbList li .abstract,
.cbList li .cbArrow {
  color: #21658f; /*#919191;*/
  font-weight: bold;
}

.cbList li .cbArrow {
  font-size: 12px;
  padding: 0;
  position: absolute;
  left: -15px;
}

.cbList li .cbArrow:hover {
  background-color: transparent;
}

.cbList li span:hover {
  background-color: #eeeeee;
}

.cbWrapper span,
.cbSelect {
  cursor: pointer;
  cursor: hand;
}

.cbList {
  display: block;
}

.cbList ul {
  display: none;
  margin-left: 20px;
}
.nativeMsgSignPdfMenu {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/*WYSIWYG - aplikuj pouze na paragraph*/
p strong {
  font-weight: bold;
}
p small,
p sub,
p sup {
  font-size: 0.83em;
}
p sub {
  vertical-align: sub;
}
p sup {
  vertical-align: super;
}
p em {
  font-style: italic;
}
p ol {
  list-style-type: decimal;
}

/*radio*/
div.contentBox table.radio {
  width: auto;
}
div.contentBox table.radio td {
  overflow: hidden;
}
div.contentBox table.radio span {
  float: left;
  clear: none;
  display: block;
  padding: 2px 1em 0 2px;
}
div.contentBox table.radio input[type="radio"],
div.contentBox table.radio input.radio {
  float: left;
  clear: none;
  margin: 2px 0 0 2px;
}

.gwt-DialogBox {
  z-index: 600;
}

div.objectBox.exportParameters {
  width: 700px;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

.uploadButton {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  padding-bottom: 2px;
  padding-top: 2px;
  position: relative;
  vertical-align: top;
}

.uploadButton input[type="file"] {
  border-width: 0;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  height: 20px;
  margin: 0;
  opacity: 0;
  top: 0;
  padding: 0;
  position: absolute;
  right: 0;
}

.uploadButton input[type="file"][multiple="multiple"]:focus {
  color: transparent;
  text-indent: -9999em;
}

.file_browse_wrapper .file_name {
  padding: 3px 5px;
  display: inline-block;
}

img.disabledButton {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

span.disabledButton {
  color: #808080;
}

.linkTitle.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iconLink:hover .linkTitle.link {
  display: none !important;
}

.linkTitle-hover {
  display: none !important;
}

.iconLink:hover .linkTitle-hover {
  display: inline !important;
}

.exportTable {
  width: 25%;
}

.singleVersion .productLogo {
  display: block;
  width: 114px;
  height: 32px;
  background: transparent url("../images/logos/logo.png") no-repeat left top;
  margin-bottom: 15px;
}
.singleVersion .productLogo span {
  display: none;
}
.singleVersion .content {
  padding-top: 20px;
}
.singleVersion .content b {
  color: #2778ab;
}

/* html generovano pluginem changepropaudit*/
div.contentBox .changepropaudit {
  width: 100%;
  table-layout: fixed;
}
.changepropaudit tr:first-child td {
  color: #2778ab;
  font-weight: bold;
}
.rows .changepropaudit tr:first-child td {
  background: #f2f2f2;
  border-right: 2px solid white;
  padding: 3px;
}
.fullscreen .fullscreen__hideable {
  display: none;
}
/* Zrusime margin, ktery SAFE pouziva kvuli levemu menu a pravym zalozkam. */
.fullscreen #center {
  /* Nastavime -15px, abychom zrusili prave odsazeni. */
  margin: 0 -15px 0 0 !important;
}
.fullscreen__dialog {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #303030;
  display: none;
  left: 50%;
  bottom: 10px;
  margin-left: -110px;
  text-align: center;
  padding: 10px 20px;
  position: fixed;
  width: 200px;
  z-index: 99999;
}
.fullscreen .fullscreen__dialog {
  display: block;
}
.fullscreen__close {
  cursor: pointer;
  padding-left: 5px;
}
.fullscreen__close:hover {
  text-decoration: underline;
}
.bb-select {
  width: 100%;
  min-height: 22px;
  display: block !important;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.bb-select .selectControl {
  display: block;
}
.bb-select .select {
  display: block;
}
.bb-select .select_multiple_true__choices {
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: -1px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.bb-select .select_multiple_false__choices {
  border: 1px solid #a9a9a9;
  background-image: none;
  height: auto;
  margin: -1px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.bb-select .select_multiple_true__choices_state_active {
  background-color: #fff7c0;
  background-image: none;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: -1px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.bb-select .select_multiple_false__choices_state_active {
  background-color: #fff7c0;
  background-image: none;
  border: 1px solid #a9a9a9;
  background-image: none;
  height: auto;
  margin: -1px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.bb-select .select_multiple_true__hint {
  line-height: 20px;
  margin: 0;
  padding: 0 5px;
}
.bb-select .select_multiple_false__hint {
  line-height: 20px;
  margin: 0;
  padding: 0 5px;
}
.bb-select .select_multiple_true__choice {
  line-height: 18px;
  margin: 0;
  padding: 0 20px 0 5px;
}
.bb-select .select_multiple_false__choice {
  line-height: 20px;
  margin: 0;
  padding: 0 20px 0 5px;
}
.bb-select .select_multiple_true__close {
  top: 2px;
}
.bb-select .select_both__arrow {
  top: 5px;
}

/*fulltext*/
.fulltext {
  position: absolute;
  right: 5px;
  top: 22px;
  font-family: "Arial CE", "Arial", "Helvetica", "sans-serif";
}
.objectBox.fulltextBox,
.objectBox.fulltextBox .objecthead {
  box-shadow: none;
}

.tooltip-with-html {
  display: none;
  border: 1px solid #555;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  position: fixed;
  padding: 3px 6px;
  width: 800px;
  z-index: 1000;
  white-space: initial;
}
.auto_style_text {
  display: block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 22px;
}
.auto_style_textarea {
  display: block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  font-family: "Arial CE", "Arial", "Helvetica", "sans-serif";
  overflow: auto;
  resize: vertical;
}
.auto_style_select {
  display: block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 1px;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 22px;
}
.auto_style_checkbox {
  background: none;
  display: block;
  height: 22px;
  margin: 0px 5px;
}
.auto_style_calendar {
  display: block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  height: 22px;
}
.auto_style_sequence {
  display: block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  height: 22px;
}
.auto_style_quickadd {
  display: inline-block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  max-width: 150px;
  height: 22px;
}

.auto_style_error {
  border-color: #ff6e6e;
}

.auto_style_error_duplicate {
  color: #ff6e6e;
}

.auto_style_wysiwyg {
  display: none;
}

.combo_refEditor_newDraft {
  display: inline-block;
  border: 1px solid #a9a9a9;
  background-image: none;
  margin: 0 0 0 2px;
  padding: 1px;
  box-sizing: border-box;
  border-radius: 3px;
  height: 22px;
}
.includeEdit .multiboxTitle {
  display: none;
}

.includeEdit .button_remove {
  position: absolute;
  padding: 7px 4px;
}

.includeEdit ul {
  padding: 2px 0px;
}

.includeEdit + .refEditor {
  padding-top: 5px;
}

/*zalamovani  FF*/
@-moz-document url-prefix() {
  div.contentBox .breakAll {
    display: inline-block;
    word-break: break-all;
  }
}

/*highlight*/
.contentBox .content .highlight {
  padding: 1px 3px;
}
.contentBox .content .highlight.red {
  background-color: #ffd1ce;
}

.contentBox .content .highlight.lightred {
  background-color: #fff0ec;
}

.contentBox .content .highlight.darkred {
  background-color: #ff928a;
}

.contentBox .content .highlight.orange {
  background-color: #ffd393;
}

.contentBox .content .highlight.lightorange {
  background-color: #ffefde;
}

.contentBox .content .highlight.darkorange {
  background-color: #ffb13f;
}

.contentBox .content .highlight.green {
  background-color: #d8ffaa;
}

.contentBox .content .highlight.lightgreen {
  background-color: #f2fee1;
}

.contentBox .content .highlight.darkgreen {
  background-color: #9fd463;
}

.contentBox .content .highlight.yellow {
  background-color: #fff7ad;
}

.contentBox .content .highlight.lightyellow {
  background-color: #fcfad4;
}

.contentBox .content .highlight.darkyellow {
  background-color: #ffeb3b;
}

.contentBox .content .highlight.blue {
  background-color: #c8eeff;
}

.contentBox .content .highlight.lightblue {
  background-color: #e5f7fd;
}

.contentBox .content .highlight.darkblue {
  background-color: #6eccf7;
}

.contentBox .content .highlight.grey {
  background-color: #ececec;
}

.contentBox .content .highlight.lightgrey {
  background-color: #f3f3f3;
}

.contentBox .content .highlight.darkgrey {
  background-color: #bbbbbb;
}

.contentBox .content .highlight.purple {
  background-color: #e5cffd;
}

.contentBox .content .highlight.lightpurple {
  background-color: #f2e6ff;
}

.contentBox .content .highlight.darkpurple {
  background-color: #ca9aff;
}

/*Alarm list*/
h2.alarmList {
  text-align: center;
  font-size: 16px !important;
  margin: 15px 0 0 0 !important;
}
.alarmList_title_description {
  margin: 0 auto;
  text-align: center;
}
.alarmList_table {
  width: 100%;
  max-width: 1200px;
  border-collapse: collapse;
  display: flex;
  flex-direction: column;
}

.alarmList_row {
  display: flex;
  width: 100%;
}
.alarmList_row.head{
  background: #f4f4f4;
}
.alarmList_row:hover{
  background: #f3f3f3;
}
.alarmList_cell {
  border-top: 1px solid #f4f4f4;
  padding: 5px;
  box-sizing: border-box;
}

.alarmList_cell.slim {
  flex: 0 0 50px;
}

.alarmList_cell.wide {
  flex: 1;
}

.alarmList_cell.middle {
  flex: 0 0 150px;
}
.alarmList_row.hidden-row {
  display: none;
}
.alarmList_toggle-button {
  cursor: pointer;
}
.alarmList_errorIcon i {
  color: #ff4242;
}
.alarmList_error,
.alarmList_info{
  display: inline-block;
}
.alarmList_infoIcon i {
  color: #2e8eca;
}
.alarmList_caption,
.alarmList_title_description {
  padding: 5px 0;
  font-style: italic;
  color: #535353;
}
.alarmList_caption {
  display: block;
  padding-left: 5px;
}
.alarmList_name {
  font-weight: bold;
  text-transform: capitalize;
  display: inline-block;
  font-size: 13px;
  padding: 0 0 5px 0;
}
.alarmList_name .arrow{
  font-size: 12px;
  padding: 1rem;
}
.alarmList_description{
  font-size: 12px;
}
.alartmList_scheduler_params li {
  display: block;
  width: 100%;
}

.faIcon {
  opacity: 0.75;
}
#userMenu .faIcon {
  opacity: 1;
  padding-right: 2px;
}
.refEditor__pasteFileButton {
  border-radius: 2px;
  display: inline-block;
  padding: 2px 6px;
  font-size: 13px;
  color: #333;
  height: 22px !important;
}
.refEditor__pasteButton {
  border-radius: 2px;
  display: inline-block;
  padding: 2px 6px;
  font-size: 13px;
  color: #333;
  height: 22px !important;
}
.refEditor__pasteSandbox {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -9999px;
}
.refEditor__pasteDialog {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 999999;
}
.refEditor__pasteText {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 300px;
  color: white;
  font-size: 20px;
}
.refEditor__pasteAdditionalText {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 10px;
  color: white;
  font-size: 13px;
}

.nativeScanTag__selectSource {
  border-radius: 2px;
  display: inline-block;
  padding: 2px 6px;
  font-size: 13px;
  color: #333;
  height: 22px !important;
}
.auto_style_hidden {
  display: none;
}

.imagePreviewMenu .fa-clear-file-x {
  color: #d9534f;
}
.imagePreviewMenu .fa-clear-file-o {
  color: #d8d8d8;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d8d8d8),
    to(#f1f0f0)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.imagePreviewMenu .fa-clear-file:hover .fa-clear-file-x {
  font-size: 1.5em;
}
li .divBox_button {
  margin-left: 60px;
}
li .tableLayout .divBox_button {
  margin-left: 0px;
}
li .content .divBox_button {
  margin-left: 2px;
}

.show {
  opacity: 1;
}

.hide {
  opacity: 0;
  transition: opacity 8000ms;
}
.content .hidden {
  display: none;
}
/* Customize styl pro checkbox */
.checkboxContainer {
    display: block;
    position: relative;
    margin-top:1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 21px;
    width: 11px;
	padding-right: 3px;
}
.checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 11px;
  width: 11px;
  /*background-color: #d2d1d1;*/
  border: #909090 solid 1px;
  border-radius: 2px;
}
.checkboxContainer input:focus ~ .checkmark {
  box-shadow: 0 0 5px #5293bc;
  background-color: #fff7c0;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}
.checkboxContainer .checkmark:after {
  left: 3px;
  top: 0px;
  width: 3px;
  height: 7px;
  border: solid #020202;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkboxContainer input:disabled + .checkmark {
  background: #ddd none;
}

.checkboxContainer input:disabled + .checkmark:after {
  border: solid #808080;
  border-width: 0 2px 2px 0;
}

#headerIcons a.safeApp__switch_app,
#headerIcons a.safeApp__switch_www {
  background-image: linear-gradient(#4caafd, #005fb4);
  color: #ffffff;
  display: block;
  text-align: center;
  border-radius: 7px;
  width: 21px;
  height: 21px;
  font-size: 12px;
  line-height: 19px;
}

#headerIcons a.safeApp__switch_app .far,
#headerIcons a.safeApp__switch_www .far {
  vertical-align: middle;
}

.bb-select .select__drop {
  min-width: calc(100% + 2px);
  margin: 1px -1px;
}
.multiFilePreview__webdavButton i.far {
  position: relative;
  top: -3px;
  color: #444;
  font-size: 15px;
}

div.contentBox .loginForm_table {
  display: table;
  width: 100%;
}

div.contentBox .loginForm_tableRow {
  display: table-row;
}

div.contentBox .loginForm_head,
div.contentBox .loginForm_cell {
  display: table-cell;
  padding: 1px 8px 1px 2px;
  text-align: left;
}
div.statusBox {
  background-color: #d8d8d8;
  color: #000000;
  font-weight: bold;
  font-style: inherit;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
}

.imgIcon {
  margin-right: 4px;
  margin-bottom: -2px;
  width: 15px;
  text-align: center;
}
.imgIcon.faIcon {
  margin-top: 1px;
}
.referenceFaIcon {
  background: linear-gradient(to bottom, #70bdff 10%, #0c6cc0 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 0.25rem;
  font-weight: 600;
  font-size: 0.92rem;
  vertical-align: middle;
}
.sedmainContainer .referenceFaIcon {
  padding-right: 0.18rem;
}
.referenceFaIcon:hover {
  filter: brightness(75%);
}
.referenceFaIcon.red {
  background: radial-gradient(circle, #fd8484 10%, #9c4444 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.referenceFaIcon.grey {
  background: linear-gradient(to bottom, #b7b7b7 10%, #444 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.referenceFaIcon.green {
  background: linear-gradient(to bottom, #71dc65 10%, #5b9558 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.referenceFaIcon.grey.minus {
  background: linear-gradient(
    45deg,
    rgba(68, 68, 68, 1) 35%,
    rgba(255, 255, 255, 1) 45%,
    rgba(68, 68, 68, 1) 55%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.referenceFaIcon.arrowup {
  background: linear-gradient(to top, #b7b7b7 10%, #444 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.referenceFaIcon.arrowup,
.referenceFaIcon.arrowdown {
  font-size: 0.8rem;
}
.referenceFaIcon.white {
  color: #fff;
}
.referenceFaIcon.fa-search {
  font-size: 0.82rem;
}
.errorBox__message,
.warningBox__message {
  padding-left: 3px;
}
.errorBox__icon,
.warningBox__icon {
  position: relative;
  top: 3px;
}
.wysiwyg {
  display: inline-block;
}
.wysiwyg ul,
.wysiwyg ol {
  padding-left: 40px;
}
.wysiwyg ul,
.wysiwyg ul ul ul {
  list-style-type: disc;
}
.wysiwyg ul ul {
  list-style-type: circle;
}
.wysiwyg ol {
  list-style-type: decimal;
}
.wysiwyg * + p {
  display: block;
  margin-top: 1em;
}
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg em {
  font-style: italic;
}

#logRefresh {
  font-size: 80px;
}

/* Native SAFE controls */

.safe_form_control {
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  box-sizing: border-box;
  background: none;
  transition:
    border-color 0.1s ease-in-out,
    box-shadow 0.1s ease-in-out;
}
.safe_form_control:focus {
  border: 1px solid #2778ab;
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.1rem #2778aa1a;
}

.safe_form_control_invalid {
  border: 1px solid #dc3545;
}

.safe_form_feedback_invalid {
  width: 100%;
  margin-top: 0.4rem;
  font-size: 85%;
  color: #dc3545;
}

/* Native SAFE buttons */

.safe_button,
.safe_button:hover,
.safe_button:focus {
  margin: 4px;
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  border: 1px solid #2778ab;
  border-radius: 0.3rem;
  background-color: #2778ab;
  background-image: none;
}
.safe_button_primary {
}

/* Native SAFE modals */

.safe_modal_fade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000;
  width: 100%;
  height: 100%;
  background-color: #00000080;
}
.safe_modal_dialog {
  max-width: 500px;
  position: relative;
  width: auto;
  margin: 1.75rem auto;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.safe_modal_content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.175);
  border-radius: 0.5rem;
}
.safe_modal_header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.safe_modal_title {
  font-size: 1.2rem;
  line-height: 1.5;
}
.safe_modal_close,
.safe_modal_close:hover,
.safe_modal_close:focus {
  background: none;
  border: none;
  font-size: 1.2rem;
}
.safe_modal_body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.safe_modal_footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}

.dragToDownload:hover {
  cursor: grab;
}

.dragToDownload:active {
  cursor: grabbing;
}

/*.persistentLinkItem {*/
/*  display: inline-grid;*/
/*  grid-template-columns: auto auto;*/
/*  text-decoration: none;*/
/*}*/

.persistentLinkItem {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  text-decoration: none;
}

.persistentLinkItem p {
  margin: 0;
  display: inline-block;
}

.persistentLinkItem span {
  text-decoration: underline;
}

.persistentLinkItem:hover span {
  text-decoration: none;
}
.warnings__frame_size_fullscreen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300000;
  position: fixed;
  background: #2e8eca;
}
.warnings__message {
  margin: 30px auto;
  background-color: #fff;
  width: 340px;
  text-align: center;
  padding: 30px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #8f2121;
  font-weight: bold;
}

.simpleEditBox{
  position: relative;
}
.simplePasswordEditBtn{
  position: absolute;
  right: 5px;
  top: 4px;
  color: #4e4e4e;
  cursor: pointer;
  background: transparent;
}
.unmaskedPasswordBtn{
  cursor: pointer;
  color: #2778AB;
  padding: 1px 5px;
}
.unmaskedPasswordBtn:hover{
  color: #2e8eca;
}
.simplePasswordEditBtn .unmaskedPasswordBtn{
  color: inherit;
  padding:0;
}
.safe-fa-stack {
  height: 13px;
  width: 13px;
  line-height: 13px;
  margin: 0 0.25em;
}
.safe-fa-stack .fa-stack-2x {
  font-size: 13px;
}
.safe-fa-stack .fa-stack-1x {
  font-size: 7px;
}
.safe-fa-top::before {
  line-height: 7px;
  vertical-align: top;
}
.safe-fa-bottom::before {
  line-height: 7px;
  vertical-align: bottom;
}
.safe-fa-right {
  text-align: right;
}
.safe-fa-left {
  text-align: left;
}
.objectMenu .safe-fa-stack {
  height: 26px;
  width: 26px;
  line-height: 26px;
}
.objectMenu .safe-fa-stack .fa-stack-2x {
  font-size: 26px;
}
.objectMenu .safe-fa-stack .fa-stack-1x {
  font-size: 13px;
}
.objectMenu .safe-fa-top::before {
  line-height: 13px;
}
.objectMenu .safe-fa-bottom::before {
  line-height: 13px;
}
#right .safe-fa-stack {
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0;
}
#right .safe-fa-stack .fa-stack-2x {
  font-size: 20px;
}
#right .safe-fa-stack .fa-stack-1x {
  font-size: 10px;
}
#right .safe-fa-top::before {
  line-height: 10px;
}
#right .safe-fa-bottom::before {
  line-height: 10px;
}
#definitionsRight .safe-fa-stack {
  height: 25px;
  width: 25px;
  line-height: 25px;
}
#definitionsRight .safe-fa-stack .fa-stack-2x {
  font-size: 25px;
}
#definitionsRight .safe-fa-stack .fa-stack-1x {
  font-size: 12px;
}
#definitionsRight .safe-fa-top::before {
  line-height: 12px;
}
#definitionsRight .safe-fa-bottom::before {
  line-height: 12px;
}
.clickthrough {
  pointer-events: none;
}
.clickthrough a, .clickthrough a * {
  pointer-events: initial;
}
/* WYSIWYG: skryti horni linky statusbar */
body .tox .tox-statusbar {
  border-top: none;
}
/* WYSIWYG: skryti textu v statusbar */
body .tox .tox-statusbar__text-container {
  display: none;
}