* {
  padding: 0;
  margin: 0;
}
body {
  font-family: Calibri, Helvetica, Arial, sans-serif;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
nav {
  display: block;
}
a {
  color: #0078a3;
}
a:hover {
  text-decoration: none;
  color: #0078a3;
}
ul,
li {
  padding-left: 8px;
  list-style-type: none;
  font-size: 12px;
}
li {
  padding: 0px;
}
.page {
  flex: 1 0 auto !important;
}
.page h2 {
  padding: 5px 5px 12px 0px;
  color: #092a51;
  font-size: 34px;
}
.page h2.home {
  display: inline-block;
}
.page h3 {
  padding: 15px 0 0 8px;
  color: black;
  font-size: 18px;
}
hr.cleaner {
  border: 0px;
  height: 0px;
  clear: both;
  padding: 0px;
  margin: 0px;
  display: block;
  visibility: hidden;
}
hr.space {
  height: 1px;
  background: #eeeeee;
  border: 0px;
  margin: 10px 5px;
}
.space {
  height: 0px;
  border-bottom: 1px dotted #cccccc;
  display: block;
  margin: 10px 20px;
}
.centered {
  text-align: center !important;
}
.centered > div {
  text-align: center;
}
input[type=text],
input[type=number],
input[type=password],
input[type=datetime],
select,
textarea {
  font-size: 12px;
  color: black;
  background: #f6f6f6;
  border: 1px solid #cccccc;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
}
input:placeholder-shown,
input:-ms-input-placeholder {
  color: #aaaaaa;
}
textarea {
  white-space: pre-wrap;
}
.ui-spinner input[type=text] {
  border: none;
}
.ui-spinner span.ui-icon {
  text-indent: 0px;
  color: #02b98e;
  font-size: 12px;
  background: none;
}
span.ui-spinner input[type=text] {
  background-color: transparent;
}
span.ui-spinner {
  background-color: transparent;
  background-image: none;
}
.page .ui-tabs .ui-tabs-panel {
  padding: 1em 10px;
}
input[type='checkbox'] {
  vertical-align: middle;
}
.overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 0.3;
  pointer-events: none;
}
.italic {
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "IndustryInc-Base", sans-serif;
}
/* skryti h2 v normalnim layoutu */

#main.normal > h2:first-of-type,
#main.normal > div.grid > h2 {
  display: none;
}
/**************************************/

/************** Buttons ***************/

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

button[type='submit'],
input[type="submit"],
input[type="reset"],
input[type="button"],
a.toolbutton,
.toolbutton {
  background-color: #1c401a;
  border: 0px solid #02b98e;
  color: white;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  font-family: "IndustryInc-Base", sans-serif;
  font-weight: normal;
  line-height: 23px;
  margin: 2px 2px 2px 0px !important;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
button[type='submit']:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled,
a.toolbutton:disabled,
.toolbutton:disabled {
  background-color: #889888;
}
a .toolbutton {
  margin: 2px 5px 2px 0px !important;
  /* Proc se renderuje margin pro input a link jinak?? */

}
.grid .toolbars a.toolbutton {
  height: 16px;
  width: 16px;
  font-size: 10px;
  padding: 3px;
  line-height: 0px;
  border-radius: 2px;
}
button[type='submit'].small,
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
a.toolbutton.small,
.toolbutton.small {
  height: 25px;
  font-size: 10px;
  padding: 0px 15px;
  line-height: 20px;
}
button[type='submit'].sedivy-tlacitko,
input[type="submit"].sedivy-tlacitko,
input[type="reset"].sedivy-tlacitko,
input[type="button"].sedivy-tlacitko {
  border: 1px solid #7f7f7f;
  background-color: #7f7f7f;
}
button[type='submit'].sedivy-tlacitko:hover,
input[type="submit"].sedivy-tlacitko:hover,
input[type="reset"].sedivy-tlacitko:hover,
input[type="button"].sedivy-tlacitko:hover {
  border: 1px solid #7f7f7f;
  background-color: #7f7f7f;
}
input[type="submit"].button-link {
  background-color: transparent;
  border: 1px solid lightgrey;
  color: black;
}
.left-button {
  float: left;
}
.right-button {
  float: right;
}
button[type='submit'].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
input[type="button"].disabled,
button[type='submit'].disabled:hover,
input[type="submit"].disabled:hover,
input[type="reset"].disabled:hover,
input[type="button"].disabled:hover {
  background-color: gray;
  color: darkgrey;
  cursor: not-allowed;
  /*border: 1px solid #ffa800;*/

}
input[type="submit"].button2,
button[type='submit'].button2,
input[type="submit"].button2,
input[type="reset"].button2,
input[type="button"].button2,
a.button2 {
  background: #ff831c;
  border: 1px solid #ff831c;
}
button[type='submit'].black,
input[type="submit"].black,
input[type="reset"].black,
a.toolbutton.black,
.toolbutton.black {
  background-color: #706f6f;
  border: 1px solid black;
}
button[type='submit'].black:hover,
input[type="submit"].black:hover,
input[type="reset"].black:hover,
a.toolbutton.black:hover,
.toolbar a.black:hover {
  background-color: #333333;
  border: 1px solid #333333;
  color: white;
}
button[type='submit']:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.toolbutton:hover,
.toolbar a:hover {
  border: 0px solid #018767;
  color: white;
  background-color: #32702f;
  opacity: .8;
}
button[type='submit']:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
a.toolbutton:focus,
.toolbar a:focus {
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
}
a.toolbutton .ui-icon {
  background-image: url(../img/ui-icons_ffffff_256x240.png);
}
.grid .toolbars a.toolbutton.newRecord {
  background-image: url(../img/add-white-16x16.png);
  background-position: top 5px left 8px;
  background-repeat: no-repeat;
  padding-left: 32px;
}
a[class*='file-icon-'] {
  background: transparent url(../img/file/unknown.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.file-icon-pdf {
  background: transparent url(../img/file/pdf.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.file-icon-doc,
a.file-icon-docx,
a.file-icon-rtf {
  background: transparent url(../img/file/word.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.file-icon-xls,
a.file-icon-xlsm,
a.file-icon-xlsx {
  background: transparent url(../img/file/excel.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.file-icon-ppt,
a.file-icon-pptx {
  background: transparent url(../img/file/powerpoint.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.file-icon-zip {
  background: transparent url(../img/file/zip.png) center left no-repeat;
  display: inline-block;
  padding-left: 20px;
}
a.detail-icon {
  background: transparent url(../img/detail.png) center center no-repeat;
  color: transparent !important;
}
.toggleButton {
  padding-left: 7px;
  color: #019e7b;
  cursor: pointer;
}
/* Group Button */

.tb-group-menu {
  max-width: 200px;
  position: absolute;
}
.tb-group-menu ul {
  margin: 0;
  padding: 0px;
  width: 200px;
  background: #91cc10;
}
.tb-group-menu ul li {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #6c990c;
  border-right: 1px solid #6c990c;
  border-left: 1px solid #6c990c;
}
.tb-group-menu ul li a.toolbutton {
  background: none;
  display: block;
  width: 180px;
  border: none;
  margin: 0px;
  color: #2d4100 !important;
}
.tb-group-menu ul li a.toolbutton.tb-disabled {
  cursor: default;
  background: #eeeeee;
  color: #cccccc !important;
}
.tb-group-menu ul li a.toolbutton.tb-disabled:hover {
  cursor: default;
  background: #eeeeee !important;
  color: #cccccc !important;
}
.tb-group-menu ul li a.toolbutton:hover {
  color: white !important;
  display: block;
  background: #6c990c url('../img/menu-second-mouse-over.png') repeat-x left bottom !important;
}
.tb-group-menu-open {
  background: #93ce14 url('../img/menu-mouse-over.png') repeat-x !important;
  color: #2d4100 !important;
  border: 1px solid #6c990c !important;
}
/*************************************/

/************* Validace **************/

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

.validation-summary-valid {
  display: none;
}
.validation-summary-errors {
  padding: 5px;
  text-align: left;
  margin: 10px 0px;
  border: 1px solid #f97d4d;
  background: #fbbd60;
}
.validation-summary-errors span {
  font-weight: bold;
  margin: 10px 0px 0px 9px;
}
.validation-summary-errors ul {
  padding: 0px 7px 0px 7px;
  list-style-type: none;
}
.validation-summary-errors ul li {
  padding: 4px;
  color: #333333;
}
/*************************************/

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

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

.info-box {
  color: #333333;
  background: #70ffc3;
  padding: 1em 10px;
  margin-bottom: .5em;
  border: 1px solid #019e7b;
}
.info-box div {
  float: left;
  margin: -5px 10px 0 0;
  background: url('../img/icon/information.png') no-repeat;
  height: 32px;
  width: 32px;
}
.info-box p {
  padding: 2px 0 5px 0;
  margin-left: 45px;
}
.stop-box {
  color: #333333;
  background: lightcoral;
  padding: 1em 10px;
  margin-bottom: .5em;
  border-radius: .5em;
}
.stop-box div {
  float: left;
  margin: -5px 10px 0 0;
  background: url('../img/icon/alert.png') no-repeat;
  height: 32px;
  width: 32px;
}
.stop-box p {
  padding: 2px 0 5px 0;
  margin-left: 45px;
  font-size: larger;
}
#messages-box {
  position: fixed;
  top: 5em;
  width: 30em;
  z-index: 1000000;
  right: 5em;
}
@media (max-width: 1500px) {
  #messages-box {
    right: auto;
    width: 90vw;
    padding: 1em;
  }
}
.message-box {
  color: #333333;
  background: #70ffc3;
  padding: 3em 10px;
  margin-bottom: .5em;
  border-radius: .5em;
  cursor: pointer;
}
.message-box div {
  float: left;
  margin: 0 10px 0 0;
  background: url('../img/icon/information.png') no-repeat;
  height: 32px;
  width: 32px;
}
.message-box p {
  padding: 2px 0 5px 0;
  margin-left: 45px;
  font-size: larger;
}
.message-box ul {
  display: inline-block;
}
.message-box li {
  list-style-type: disc;
}
.errormessage-box {
  color: #333333;
  background: lightcoral;
  background: rgba(240, 128, 128, 0.95);
  padding: 3em 10px;
  margin-bottom: .5em;
  border-radius: .5em;
  cursor: pointer;
}
.errormessage-box div {
  float: left;
  margin: 0 10px 0 0;
  background: url('../img/icon/alert.png') no-repeat;
  height: 32px;
  width: 32px;
}
.errormessage-box p {
  padding: 2px 0 5px 0;
  margin-left: 45px;
  font-size: larger;
}
.errormessage-box ul {
  display: inline-block;
}
.errormessage-box li {
  list-style-type: disc;
}
.errormessage-small-box {
  color: #333333;
  background: lightcoral;
  background: rgba(240, 128, 128, 0.95);
  padding: 10px;
  margin-bottom: .5em;
  border-radius: .5em;
  cursor: pointer;
}
.suggestmessage-small-box {
  color: #333333;
  background: #34d8fd;
  background: rgba(52, 216, 253, 0.95);
  padding: 10px;
  margin-bottom: .5em;
  border-radius: .5em;
  cursor: pointer;
}
/**************************************/

/************** ToolTip ***************/

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

.tooltip.top {
  margin-left: 100px;
  width: 300px;
  position: absolute;
  z-index: 999;
}
.tooltip.top .arrow {
  position: absolute;
  top: -15px;
  left: 24px;
  height: 22px;
  width: 22px;
  background: url('../img/sipka-up.png') no-repeat center bottom;
}
.tooltip.top .tooltip-head {
  width: 300px;
  height: 15px;
  background: url('../img/tooltip/toolTipHead.png') no-repeat left bottom;
}
.tooltip.top .tooltip-buttons {
  cursor: pointer;
  position: absolute;
  right: 32px;
  top: 4px;
}
.tooltip.top .tooltip-buttons a {
  color: #428bca;
  font-size: 11px;
  font-weight: bold;
  margin: 3px;
}
.tooltip.top .tooltip-buttons a.pin {
  padding: 5px;
  height: 8px;
  width: 10px;
  background: url('../img/tooltip/pin.png') no-repeat 3px 8px;
}
.tooltip.top .tooltip-buttons a.pin:hover {
  cursor: pointer;
  background: url('../img/tooltip/pin-hover.png') no-repeat 3px 8px;
}
.tooltip.top .tooltip-buttons a:hover {
  cursor: pointer;
  color: black;
  font-size: 11px;
}
.tooltip.top .tooltip-repeat {
  width: 300px;
  background: url('../img/tooltip/toolTipRepeat.png') repeat-y;
}
.tooltip.top .tooltip-content {
  width: 300px;
  background: url('../img/tooltip/toolTipContent.png') no-repeat left bottom;
}
.tooltip.top .tooltip-content p {
  text-align: left;
  color: black;
  padding: 0px 40px 0px 20px;
}
.tooltip.top .tooltip-content p.small {
  font-size: 10px;
  line-height: 16px;
}
.tooltip.top .tooltip-content p.tiny {
  font-size: 8px;
  line-height: 14px;
}
.tooltip.top .tooltip-foot {
  width: 300px;
  height: 15px;
  background: url('../img/tooltip//toolTipFoot.png') no-repeat left top;
}
.tooltip.bottom {
  margin-left: 100px;
  width: 300px;
  position: absolute;
  z-index: 999;
}
.tooltip.bottom .arrow {
  position: absolute;
  bottom: -20px;
  left: 24px;
  width: 30px;
  height: 28px;
  background: url('../img/sipka-down.png') no-repeat;
}
.tooltip.bottom .tooltip-head {
  width: 300px;
  height: 15px;
  background: url('../img/tooltip/toolTipHead.png') no-repeat left bottom;
}
.tooltip.bottom .tooltip-buttons {
  cursor: pointer;
  position: absolute;
  right: 32px;
  top: 4px;
}
.tooltip.bottom .tooltip-buttons a {
  color: #428bca;
  font-size: 11px;
  font-weight: bold;
  margin: 3px;
}
.tooltip.bottom .tooltip-buttons a.pin {
  padding: 5px;
  height: 8px;
  width: 10px;
  background: url('../img/tooltip/pin.png') no-repeat 3px 8px;
}
.tooltip.bottom .tooltip-buttons a.pin:hover {
  cursor: pointer;
  background: url('../img/tooltip/pin-hover.png') no-repeat 3px 8px;
}
.tooltip.bottom .tooltip-buttons a:hover {
  cursor: pointer;
  color: black;
  font-size: 11px;
}
.tooltip.bottom .tooltip-repeat {
  width: 300px;
  background: url('../img/tooltip/toolTipRepeat.png') repeat-y;
}
.tooltip.bottom .tooltip-content {
  width: 300px;
  background: url('../img/tooltip/toolTipContent.png') no-repeat left bottom;
}
.tooltip.bottom .tooltip-content p {
  text-align: left;
  color: black;
  padding: 0px 40px 0px 20px;
  margin: 0px;
}
.tooltip.bottom .tooltip-content p.small {
  font-size: 10px;
  line-height: 16px;
}
.tooltip.bottom .tooltip-content p.tiny {
  font-size: 8px;
  line-height: 14px;
}
.tooltip.bottom .tooltip-foot {
  width: 300px;
  height: 15px;
  background: url('../img/tooltip/toolTipFoot.png') no-repeat left bottom;
}
/*************************************/

/**************** Grid ***************/

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

/********** Grid - header **************/

.grid-table thead tr th {
  border-right: 1px solid #858585;
  border-top: 1px solid #858585;
}
.grid-table thead tr th:first-child,
.grid-table thead tr td:first-child,
.grid-table tbody tr th:first-child,
.grid-table tbody tr td:first-child {
  border-left: 1px solid #858585;
}
.grid-table thead tr th {
  border-right: 1px solid #858585;
  text-align: left;
}
.grid-table thead tr:not(.cloned) th {
  padding: 5px 2px 2px 2px;
}
.grid-table thead tr th.sortable {
  background: #5bba6f;
  text-decoration: none;
}
.grid-table thead tr th.sorted-up {
  text-decoration: none;
  background-color: #5bba6f;
}
.grid-table thead tr th.sorted-down {
  text-decoration: none;
  background-color: #5bba6f;
}
.grid-table thead tr th.sorted-up.sort-order-1 span.a {
  padding-right: 16px;
  background: #5bba6f url('../img/sorted-up.png') no-repeat right center;
  text-decoration: none;
}
.grid-table thead tr th.sorted-up.sort-order-2 span.a {
  padding-right: 16px;
  background: #5bba6f url('../img/sorted-up-level2.png') no-repeat right center;
  text-decoration: none;
}
.grid-table thead tr th.sorted-down.sort-order-1 span.a {
  padding-right: 16px;
  background: #5bba6f url('../img/sorted-down.png') no-repeat right center;
  text-decoration: none;
}
.grid-table thead tr th.sorted-down.sort-order-2 span.a {
  padding-right: 16px;
  background: #5bba6f url('../img/sorted-down-level2.png') no-repeat right center;
  text-decoration: none;
}
.grid-table tr th.unsortable {
  color: black;
  background: #5bba6f;
  text-decoration: none;
}
.grid-table tr.left-align th.unsortable {
  text-align: left;
}
.grid-table tr th.unsortable.edit {
  width: 80px;
  background: #5bba6f;
  text-decoration: none;
}
.grid-table tr th {
  color: black;
}
.grid-table tr th span.a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.grid-table-profiles td,
.grid-table-profiles th {
  overflow: hidden;
}
.grid-table .grid-header-filter {
  width: 100%;
  box-sizing: border-box;
}
.grid-table tr.filter-row {
  border-bottom: 1px solid #858585;
}
.grid-table tr.filter-row th {
  font-weight: normal;
  color: black;
}
.grid-table thead tr:not(.cloned).filter-row th {
  padding: 0px;
}
.popup-filter,
.popup-columns {
  min-width: 250px;
}
.popup-profiles table td {
  padding: 3px 5px;
}
.popup-profiles .profile-name {
  cursor: pointer;
  padding: 5px;
}
.ui-sortable .ui-sortable-handle {
  cursor: pointer;
}
.ui-sortable .ui-sortable-helper {
  cursor: move;
}
.btn-icon {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.btn-icon:hover {
  background-color: #02b98e;
  border-radius: 2px;
}
.popup-profiles .active-profile {
  background: url('../img/Active.png') no-repeat center center;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.popup-profiles .save-profile {
  background: url('../img/Save.png') no-repeat center center;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 3px;
}
.popup-profiles .delete-profile {
  background: url('../img/Close.png') no-repeat center center;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 3px;
}
.popup-profiles .profile-name:hover,
.popup-profiles .save-profile:hover,
.popup-profiles .delete-profile:hover {
  background-color: #02b98e;
  border-radius: 2px;
}
.filter-row .select2 {
  width: 200px;
}
.filter-row .show-filter {
  background: url('../img/Filter.png') no-repeat center center;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 3px;
}
.filter-row .show-filter:hover {
  background-color: #02b98e;
  border-radius: 2px;
}
.grid-table thead tr .filter-info td,
.grid-table thead tr .popup td {
  border-width: 0;
}
.filter-info {
  border-width: 0;
  width: 100%;
}
.filter-info td:first-of-type {
  width: 22px;
}
.filter-info td.operator-info {
  min-width: 10px;
  width: 5%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-info td.value-info {
  min-width: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid .table-container {
  width: 100%;
  overflow-x: auto;
}
.grid tr.filter-req-info td {
  padding: 10px;
  color: red;
}
.grid-full-width .grid {
  width: 100%;
}
.grid-full-width .grid form {
  width: 100%;
}
.grid-full-width .grid-table td {
  white-space: nowrap !important;
}
/*************** Grid - obsah *************/

.grid-table {
  vertical-align: middle;
  background: white;
  width: 100%;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  table-layout: auto;
}
.grid-table,
.grid-table td,
.grid-table tbody,
.grid-table tr,
.grid-table th {
  border: 1px solid #858585;
}
.grid-table > tr,
.grid-table > tbody > tr {
  vertical-align: middle;
  border: 1px solid #858585;
  margin: 0px;
}
.grid-table > tr > td,
.grid-table > tbody > tr > td {
  vertical-align: middle;
  /*border-right: 1px solid #858585;
            border-top: 1px solid #858585;*/
  /*border-bottom: 1px solid #858585;*/
  padding: 2px;
  margin: 0px;
  -webkit-user-select: auto;
}
.pre {
  white-space: pre;
}
.pre-grid-column-caption a {
  white-space: pre;
}
.grid-table.editable-table tr td {
  white-space: normal;
}
.grid-table tr.grid-rowspan td {
  vertical-align: top;
  padding-top: 5px;
}
.grid-table tr td.edit {
  padding: 0px;
  text-align: right;
}
.grid-table tr td.edit a.grid-action {
  padding: 0px;
  z-index: 99;
}
.grid-table tr td.grid-actions {
  padding: 0px 0px 0px 5px;
  color: black;
  text-align: center;
}
.grid-table a.grid-action {
  background-color: #5bba6f;
  color: white;
  border: 0px solid #019e7b;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 2px 2px 2px 0px !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  padding: 5px 10px;
}
/************* Grid - odlišení řádků gridu **********/

.grid-row.even:hover {
  background: #f18f01;
  cursor: pointer;
}
.grid-row.odd {
  background: #f0fff6;
}
.grid-row.odd:hover {
  background: #f18f01;
  cursor: pointer;
}
/************* Grid - totals **********/

.grid-table > tfoot > tr.grid-totals > td {
  vertical-align: middle;
  border-right: 1px solid #858585;
  border-top: 1px solid #858585;
  border-bottom: 1px solid #858585;
  padding: 2px;
  margin: 0px;
  background: #019e7b;
}
.grid-table thead tr th.sortable {
  text-decoration: none;
  background-color: #5bba6f;
}
/************ Grid - stránkování ************/

.grid-pager {
  color: black;
  font-weight: normal;
  text-align: center;
  margin-bottom: 4px;
}
.grid-pager .ui-icon {
  display: inline-block;
}
.grid-pager-count {
  margin-top: 9px;
  float: left;
}
.grid-pager-pagesize-wrapper {
  float: right;
  margin-top: 1px;
}
.grid-pager-pagesize-wrapper td {
  text-align: right;
}
.grid-pager-navigator {
  margin-left: auto;
  margin-right: auto;
}
.grid-pager-navigator div {
  display: inline-block;
  position: relative;
  top: 5px;
}
.grid-pager-navigator a {
  color: #4b4b4b;
  text-decoration: none;
  font-size: 15px;
  margin: 2px 3px;
  cursor: pointer;
}
.grid-pager-navigator a.disabled {
  color: #b0b0b0;
  cursor: default;
}
.grid-pager-navigator input {
  width: 30px;
}
.grid-pager-navigator form {
  margin: -3px 0px;
}
.grid-pager-navigator form input {
  width: 30px;
  margin: 2px;
}
.grid-pager-navigator label {
  margin: 5px;
}
.grid-pager-top > .grid-pager > .grid-pager-pagesize-wrapper {
  position: relative;
  top: -10px;
}
.grid-pager-top .grid-pager .grid-pager-pagesize {
  position: relative;
  top: -4px;
}
.grid-pager-top {
  position: relative;
  top: 25px;
  margin-top: -25px;
  height: 1.5rem;
}
.hidden,
.aq-client-data {
  display: none;
}
.group-action-button {
  color: black;
}
.group-action-button .ui-button-text {
  line-height: 0.8;
}
.datepicker-button {
  margin-left: 8px;
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-bottom: -4px;
  background: url('../img/kalendar.png') no-repeat center center;
}
.datepicker-button .ui-button-text {
  line-height: 0.8;
}
.datepicker-button.ui-state-disabled .ui-icon-calendar {
  background: url('../img/kalendar-disable.png') no-repeat center center;
}
.group-repeater-button {
  color: black;
}
.group-repeater-button .ui-button-text {
  line-height: 0.8;
}
.group-cross-reference-button {
  color: black;
}
.group-cross-reference-button .ui-button-text {
  line-height: 0.8;
}
.autocomplete-item {
  background-color: #f6f6f6;
  list-style-image: none !important;
}
.autocomplete-item-info {
  font-weight: bold;
  background-color: Silver;
  font-size: 10px;
  line-height: 15px;
}
.autocomplete-item-description {
  font-size: 10px;
}
.autocomplete-button {
  margin-left: 2px;
  top: -2px;
  border: none;
  background: none;
  line-height: 0.8;
  border: 1px solid #02b98e;
  border-radius: 3px;
  padding: 9px 13px;
  background: url(../img/select-arrows.png) no-repeat center;
}
.autocomplete-wait {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(../img/wait.gif);
}
.error-show-icon {
  display: inline-block;
  margin: 0px 0px 0px 5px;
  background: url('../img/validace.png') no-repeat;
}
.pager-button {
  float: left;
}
.action-icon:hover {
  cursor: pointer;
  cursor: hand;
}
.comment-icon {
  float: right;
  margin-right: -15px;
}
.comment-icon:hover {
  cursor: pointer;
  cursor: hand;
}
.combobox-button {
  margin-left: 4px;
  top: -2px;
  border: none;
  background: none;
}
.combobox-button {
  line-height: 0.8;
  border: 1px solid #02b98e;
  border-radius: 3px;
  padding: 3px 11px;
  background: url(../img/select-arrows.png) no-repeat center;
}
.cross-reference-wait {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(../img/wait.gif);
}
.cross-reference-selector {
  width: 100%;
}
.cross-reference-text {
  padding: 10px 15px;
}
.cross-reference-text ul {
  padding-left: 20px;
}
.cross-reference-text li {
  padding-left: 8px;
  list-style-type: disc;
}
a.repeater-row-delete {
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
a.repeater-row-delete:hover {
  text-decoration: none;
}
a.repeater-row-edit {
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
a.repeater-row-edit:hover {
  text-decoration: none;
}
.toolbutton-icon {
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}
/*** jQ - Button pro další akce ***/

.grid-row-command-button-content.ui-menu {
  position: absolute;
  min-width: 100px;
  white-space: nowrap;
}
.ui-button-text-icons .ui-button-text {
  margin: 0px;
  padding: 0px;
}
.grid-row-command-button {
  margin: 0px;
}
ul.grid-row-command-button-content {
  text-align: left;
  font-weight: normal;
  z-index: 99;
}
ul.grid-row-command-button-content li a {
  display: block;
  color: #02b98e;
  font-weight: bold;
  text-decoration: none;
}
ul.grid-row-command-button-content li.ui-state-focus a {
  color: #02b98e;
  font-weight: bold;
}
td.grid-actions,
th.grid-actions {
  width: 70px;
  padding: 0px;
  margin: 0px;
}
/* Sloupec pro akce Gridu */

.grid-row-command-button {
  border: none;
  background: none;
}
.grid-row-command-button span:first-child {
  border: 1px solid #02b98e;
  border-radius: 3px;
  padding: 9px 13px;
  background: url(../img/select-arrows.png) no-repeat center;
}
/*** jQ - MN editor ***/

/*.ui-widget-header {
	border: 1px solid #02b98e;
	background-color: #02b98e;
}*/

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

/**************** Filtr **************/

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

.grid-filter-fulltext {
  margin-bottom: 2px;
}
.grid-filter-fulltext input[type="text"] {
  font-weight: lighter;
  height: 1.2em;
  width: 35em;
  padding-left: 5px;
  font-size: 1.7em;
}
td#tdobsah .grid-filter-fulltext input[type='text'] {
  width: 92%;
}
.grid-filter-fulltext button[type="submit"] {
  background-image: url('../img/icon/search.png');
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 12.5px;
  background-color: transparent;
  color: transparent;
  cursor: pointer;
  outline: 0;
}
.grid-filter-fulltext button[type="submit"]:hover,
.grid-filter-fulltext button[type="submit"]:focus {
  /*fallback*/
  background-color: #e4e4e4;
  -webkit-box-shadow: 0 0 24px 5px #e4e4e4;
  -moz-box-shadow: 0 0 12px 5px #e4e4e4;
  box-shadow: 0 0 12px 5px #e4e4e4;
  /*fallback*/
  background-color: rgba(228, 228, 228, 0.9);
  -webkit-box-shadow: 0 0 24px 5px rgba(228, 228, 228, 0.9);
  -moz-box-shadow: 0 0 12px 5px rgba(228, 228, 228, 0.9);
  box-shadow: 0 0 12px 5px rgba(228, 228, 228, 0.9);
}
div.grid-filters,
div.grid-profiles {
  background: white;
  border: 1px solid #019e7b;
}
.grid-filter-summary {
  margin-top: 15px;
  margin-bottom: 15px;
}
div.grid-filters-head,
div.grid-profiles-head {
  cursor: pointer;
  clear: both;
  display: block;
  margin: 0px;
  background: #019e7b;
  line-height: 30px;
}
div.grid-filters-head h2,
div.grid-profiles-head h2 {
  font-family: Verdana;
  padding: 2px 30px 2px 10px;
  color: white;
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #eeeeee;
  text-decoration: none;
}
.grid-panel-head-icon {
  float: left;
  margin: 10px 8px;
  height: 14px;
  width: 14px;
  background: url('../img/sipka.png') no-repeat 0px 0px;
}
.grid-panel-head-icon.collapsed {
  background-position: 0px 0px;
}
.grid-panel-head-icon.expanded {
  background-position: 0px -14px;
}
/************ Obsah Filter *********/

.entity-editor {
  padding: 0px;
  /*background: white;*/

}
.entity-editor-group {
  margin: 2px 0px;
  padding: 0px 0px;
}
.entity-editor-group-header {
  padding: 0px;
  cursor: pointer;
}
.entity-editor-group-icon {
  float: left;
  margin: 0px;
  margin-right: 15px;
  margin-left: 10px;
  position: relative;
  top: 5px;
  left: -10px;
  height: 14px;
  width: 14px;
  background: url('../img/sipka.png') no-repeat 0px 0px;
}
.entity-editor-group-icon.collapsed {
  background-position: 0px 0px;
}
.entity-editor-group-icon.expanded {
  background-position: 0px -14px;
}
.grid-filters-body,
.grid-profiles-body {
  /*padding: 5px 10px;*/
  min-width: 1090px;
}
/*** Tlačítka pro práci s filtrem ***/

.grid-filter-buttons {
  background: white;
  padding: 3px 0px;
}
.grid-filter-buttons button {
  line-height: 23px;
  font-size: 10px;
}
/****** Hlavicka editoru/filtru *****/

.entity-editor-group h2 {
  background-color: #32702f;
  font-size: 12px;
  /*text-transform: uppercase;*/
  text-decoration: none;
  color: white;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  font-weight: bold;
  vertical-align: middle;
  clear: both;
  display: block;
  margin: 0px;
  line-height: 25px;
  overflow: hidden;
}
.entity-editor-group fieldset,
.grid-filter fieldset {
  border: 1px solid #019e7b;
  padding: 20px;
}
fieldset span.description,
.repeater-table span.description {
  padding: 2px 8px;
  color: #428bca;
}
.repeater-table {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #858585;
  display: block;
  padding: 10px 5px 5px 5px;
}
.repeater-table table {
  width: auto;
  border-collapse: collapse;
  border: 1px solid #535353;
}
.repeater-table table tr {
  border: 1px solid #eeeeee;
  text-align: left;
}
.repeater-table table tr th {
  background: whitesmoke;
  border: 1px solid #eeeeee;
  padding: 2px 10px;
  text-align: left;
}
.repeater-table table tr td {
  border: 1px solid #eeeeee;
  padding: 2px 15px;
  text-align: left;
}
/*** Položky filtru jsou širší ***/

div.grid-filters td.member-value-editor {
  width: 250px;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.grid-filters .member-value-editor input[type='text'] {
  width: 200px;
}
div.grid-filters .member-value-editor select {
  width: 206px;
}
div .grid-filters .date-editor.member-value-editor input[type='text'] {
  width: 117px;
}
/* fulltext ma vzdy sirci pole */

.grid-filters input#State_Filters_0__Fulltext {
  width: 500px;
}
/*************************************/

/**************** Editor *************/

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

/*********** Vnitřek editoru *********/

.group-highlight fieldset {
  background-color: yellow;
  background: url('../img/highlight-bg.png');
}
.entity-editor-group fieldset {
  padding: 3px !important;
}
.entity-editor-group fieldset table tr td {
  vertical-align: baseline;
}
.entity-editor-group fieldset table tr td.name {
  width: 150px;
  text-align: right;
  padding-right: 5px;
}
#member-editor-caption {
  width: 33%;
  text-align: left;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  padding-top: 2px;
}
td.member-editor-caption {
  width: 33%;
  text-align: left;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  padding-top: 2px;
}
span.member-editor-caption {
  width: 33%;
  text-align: left;
  padding: 2px 2px 2px 5px;
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  padding-top: 2px;
}
td.member-editor-caption.long-caption {
  width: 500px;
}
td.member-value-editor {
  width: auto;
}
.member-value-editor input[type='text'],
.member-value-editor input[type='password'] {
  width: 150px;
}
.member-value-editor input[readonly],
input[readonly="readonly"],
textarea[readonly] {
  background-color: #dedede;
}
input[type="checkbox"][readonly] {
  pointer-events: none;
}
input[type="checkbox"][readonly]::before {
  background: rgba(255, 255, 255, 0.5);
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}
.member-value-editor input.infinity-checkbox {
  width: 15px;
  margin-right: 2px;
}
.member-value-editor select {
  width: 150px;
  padding: 2px 2px 2px 7px;
}
.member-value-editor textarea {
  width: 150px;
  font-family: Verdana, Geneva, sans-serif;
  border: 1px solid #cccccc;
  padding: 2px 2px;
  border-radius: 3px;
}
.ref-editor.member-value-editor input[type='text'] {
  width: 150px;
}
.date-editor.member-value-editor input[type='text'] {
  width: 150px;
}
.combo-editor.member-value-editor input[type='text'] {
  width: 150px;
}
td[colspan='3'].member-value-editor {
  width: 535px;
}
td[colspan='3'].member-value-editor textarea {
  width: 516px;
}
td[colspan='3'].member-value-editor input[type='text'] {
  width: 523px;
}
.wideInputs td.member-value-editor {
  width: 270px;
}
.wideInputs .member-value-editor input[type='text'],
.wideInputs .member-value-editor input[type='password'] {
  width: 197px;
}
.wideInputs .member-value-editor textarea {
  width: 193px;
}
.wideInputs .ref-editor.member-value-editor input[type='text'] {
  width: 197px;
}
.wideInputs .date-editor.member-value-editor input[type='text'] {
  width: 197px;
}
.wideInputs .combo-editor.member-value-editor input[type='text'] {
  width: 197px;
}
.wideInputs td[colspan='3'].member-value-editor {
  width: 655px;
}
.wideInputs td[colspan='3'].member-value-editor textarea {
  width: 602px;
}
.wideInputs td[colspan='3'].member-value-editor input[type='text'] {
  width: 606px;
}
.wideInputs .member-value-editor select {
  width: 203px;
}
.filtrZakladni td {
  width: auto;
  white-space: nowrap;
  overflow: auto;
}
.filtrZakladni .member-editor-caption {
  text-align: right;
}
.filtrZakladni td input[type='text'] {
  width: 160px;
}
.filtrZakladni .date-editor.member-value-editor input[type='text'] {
  width: 130px;
}
.filtrZakladni .ref-editor.member-value-editor input[type='text'] {
  width: 125px;
}
.filtrDruhZvirat td {
  width: auto;
  text-align: right;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: baseline;
}
/*.filtrDruhZvirat td label { font-weight:bold; }*/

.filtrDruhZvirat td input[type='text'] {
  width: 30px;
}
.radioButtonTitle {
  position: relative;
  top: -1px;
}
.filtrSpecial td {
  width: auto;
  height: 25px;
}
.filtrSpecial td label {
  font-weight: bold;
}
.filtrSpecial .member-editor-caption {
  text-align: right;
}
.member-value-editor.required input,
.member-value-editor.required select,
.member-value-editor.required textarea {
  background: white;
}
/* Disabled */

.member-value-editor.required textarea[disabled],
.member-value-editor.required input[disabled] {
  background: white;
  border: 1px solid #cccccc;
}
.member-value-editor input.validation {
  background: url('../img/icon/alert.png') right center;
}
.readonly-editor {
  padding: 0px;
  line-height: 22px;
}
.readonly-editor span {
  white-space: pre-wrap;
}
/* Odřádkování hodnot s použitím enteru */

/*marker*/

div.grouptable-command-toolbar {
  padding: 5px;
}
table.grouptable {
  border-collapse: collapse;
  border: 1px solid #535353;
}
table.grouptable tr {
  border: 1px solid #eeeeee;
  text-align: left;
}
table.grouptable tr th {
  background: whitesmoke;
  border: 1px solid #eeeeee;
  padding: 2px 10px;
  text-align: left;
}
table.grouptable tr td {
  border: 1px solid #eeeeee;
  padding: 2px 15px;
  text-align: left;
}
table.grouptable tr td.nowrapcolumn {
  white-space: nowrap;
}
/* Firefox hack */

@-moz-document url-prefix() {
  .grouptable th {
    background: whitesmoke;
    border-collapse: collapse;
    border: 1px solid #eeeeee;
    padding: 3px 10px;
  }
}
div.grouptable-empty {
  padding: 10px 15px;
}
table.grouptable tfoot {
  font-weight: bold;
}
h2 .ui-button {
  margin-right: 10px;
}
.group-highlighted fieldset {
  background: yellow;
}
.caption-highlighted {
  font-size: 120%;
}
/***** GroupBox obsahující checkbox *****/

h2 input[type="checkbox"] {
  float: left;
  margin: 4px 5px 5px 0px;
}
h2 a.action-icon {
  float: left;
  margin: 2px 5px 5px 0px;
}
/*************************************/

/*************** ToolBar *************/

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

div.grid div.toolbars {
  border-width: 0;
  background: none;
  margin: 10px 0px;
  min-height: 35px;
}
.editor .toolbars {
  border: 1px solid #858585;
  background: white url('../img/toolbar.png') repeat-x center;
  margin: 0px;
}
.grid .toolbars .toolbar {
  margin-bottom: 0 !important;
}
.toolbar,
toolbar.left {
  padding: 0px;
}
.toolbar.right {
  float: right;
  padding: 0px;
}
span.field-validation-error {
  color: #333333;
  clear: both;
  font-style: italic;
  margin: 3px 0px 10px 0px;
  border-width: 1px 1px 1px 20px;
  padding: 3px;
  border-style: solid;
  border-color: #a30012;
  background: white;
  position: absolute;
  z-index: 99;
}
/***specifika IS ZEUS****/

.akce-plan {
  background: #d6eef2;
}
.helpdesk-uzavreny {
  background: #c0ffc0;
}
.helpdesk-zpracovavany {
  background: #ffc0c0;
}
.entity-editor-group.group-podminkyakce fieldset {
  background: transparent url('../img/potvrzeni-bg.png') center left !important;
}
.required-description span.description {
  padding: 2px 8px;
  color: #9e9e9e;
  background: #faff89;
  margin-bottom: 5px;
}
td.repeater-separator {
  height: 30px;
}
span.repeater-separator-caption {
  position: relative;
  left: -100px;
  height: 20px;
  font-size: 120%;
  font-weight: bold;
}
.help-tooltip {
  border-bottom: 1px dotted;
  text-decoration: none;
  color: Black;
  cursor: help;
}
.help-tooltip:hover {
  border-bottom: 1px solid;
  text-decoration: none;
  color: Black;
  cursor: help;
}
/* Legenda pro povinná pole */

.legend {
  background: url(../img/legend.png) no-repeat 10px 7px;
  padding: 8px 5px 1px 40px;
}
/*************** Login / Přihlašovací okno ***************/

.login {
  text-align: right;
  margin: 0;
  padding: 15px;
  border: 0;
  max-width: 400px;
  height: 240px;
}
.register {
  width: 411px;
  height: 240px;
  padding: 15px;
}
.newlogin table tr td input[type=text],
.newlogin table tr td input[type=password] {
  width: 300px;
}
.newlogin td.member-editor-caption {
  white-space: nowrap;
}
.newlogin #login-param {
  white-space: nowrap;
}
.newlogin #login-param input[type=text] {
  width: 300px;
}
.newlogin fieldset {
  min-width: 600px;
}
.login table {
  border-spacing: 0;
  border-collapse: collapse;
}
.login table tr td {
  margin: 3px;
  padding: 3px;
  text-align: right;
  white-space: nowrap;
}
.login table tr td input {
  border: 1px solid #cccccc;
  width: 150px;
  padding: 2px;
  float: left;
}
.login table tr td input[type="checkbox"] {
  width: auto;
  border: 0px;
  text-align: left;
  float: left;
}
.login input[type="submit"],
button[type='submit'] {
  text-align: right;
  margin-left: 10px;
}
@media only screen and (max-width: 1500px) {
  .newlogin table tr td input[type=text],
  .newlogin table tr td input[type=password] {
    width: 250px;
  }
  .newlogin td.member-editor-caption {
    white-space: normal;
    width: 250px;
  }
  .newlogin #login-param {
    white-space: normal;
  }
  .newlogin #login-param input[type=text] {
    width: 250px;
  }
  .newlogin fieldset {
    min-width: unset;
  }
}
/* ikony pro login */

.prihlasen {
  background: url('../img/login-prihlasen.png') no-repeat left center;
  padding-left: 21px;
}
.prihlaseni {
  background: url('../img/login-prihlaseni.png') no-repeat left center;
  padding-left: 17px;
}
.odhlasit {
  background: url('../img/login-odhlasit.png') no-repeat left center;
  padding-left: 17px;
}
.registrace {
  background: url('../img/login-registrace.png') no-repeat left center;
  padding-left: 17px;
}
.separator {
  margin: 0px 5px;
}
.predpoklady-lightbox a {
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
}
.predpoklady-lightbox a:hover {
  text-decoration: none;
}
/*************** Obrazky ***************/

img.fotoImg {
  cursor: pointer;
}
/*************************************/

/*************** kolekce *************/

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

.row-deleted {
  display: none;
}
/* Ikony */

.ui-large-icon {
  width: 18px;
  height: 18px;
  display: block;
}
.ui-small-icon {
  width: 22px;
  height: 22px;
  display: block;
  background-size: 22px;
}
.ui-large-icon-minus {
  background: url("../img/bin.png") no-repeat center;
}
.ui-large-icon-plus {
  background: url("../img/plus-green.png") no-repeat center;
}
.ui-large-icon-remove-image {
  background-image: url("../img/remove_image.png");
  width: 32px;
  height: 32px;
}
table.icons-table {
  margin: 0px 0px 0px 7px !important;
  float: right;
}
table.icons-table tr,
table.icons-table tr td {
  padding: 0px;
  border: 0px;
}
.icons-table-inheader {
  position: relative;
}
.icons-table-inheader > div {
  position: absolute;
  top: 6px;
  right: 20px;
}
.icons-table-inheader .ui-large-icon-plus {
  background: url("../img/plus-sign.png") no-repeat center;
}
.icons-table-inheader .ui-large-icon-minus {
  background: url("../img/bin-white.png") no-repeat center;
}
table.collection {
  border-collapse: collapse;
  border: 1px solid #cccccc;
}
table.collection > tbody > tr {
  border: 1px solid #eeeeee;
  text-align: left;
}
table.collection > tbody > tr:nth-child(even) {
  background-color: lightyellow;
}
table.collection > thead > tr {
  background: whitesmoke;
  border: 1px solid #cccccc;
  text-align: left;
}
table.collection > thead > tr > th {
  background: whitesmoke;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  line-height: 20px;
}
table.collection > tbody > tr > td {
  border: 1px solid #cccccc;
  padding: 2px;
  text-align: left;
  vertical-align: middle !important;
  white-space: nowrap;
}
.full-width {
  width: 100%;
}
.max25percent {
  max-width: 25%;
}
.verticalTop {
  vertical-align: top !important;
}
.verticalMiddle {
  vertical-align: middle !important;
}
/* jqmenu */

.jqmenu-action-button {
  cursor: pointer;
}
.jqmenu-items {
  display: none;
  z-index: 1000;
}
/* posuvny checkbox design  */

.orgsu-slide {
  width: 80px;
  height: 26px;
  display: inline-block;
  background: #706f6f;
  margin: 5px auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.orgsu-slide:after {
  content: 'OFF';
  font: 12px/26px Arial, sans-serif;
  color: black;
  position: absolute;
  right: 10px;
  z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.orgsu-slide:before {
  content: 'ON';
  font: 12px/26px Arial, sans-serif;
  color: orange;
  position: absolute;
  left: 10px;
  z-index: 0;
  font-weight: bold;
}
.orgsu-slide label {
  display: block;
  width: 34px;
  height: 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
}
.orgsu-slide input[type=checkbox]:checked + label {
  left: 43px;
}
.orgsu-slide input[type=checkbox] {
  visibility: hidden;
}
.cervene {
  color: red;
}
.bold {
  font-weight: bold;
}
.nowrap {
  white-space: nowrap;
}
.titulek-id small {
  font-size: 11px;
  color: #858585;
}
.seznam-zavodu-filter td {
  width: 350px;
}
/* CK editor nezobrazuje tlacitko ulozit a jazyk */

a.cke_button__language,
a.cke_button__save {
  display: none !important;
}
.boxVyberZavodu:hover {
  text-decoration: underline;
}
.boxVyberZavoduMenu {
  display: none;
  background: white;
  position: absolute;
  padding: 10px;
  border: 1px solid #8f94a5;
  box-shadow: 2px 2px 2px 0px #8f94a5;
  z-index: 10000;
}
.boxVyberZavoduMenu span {
  display: block;
  text-decoration: none;
  line-height: 30px;
  color: black;
  font-size: 14px;
  cursor: pointer;
}
.boxVyberZavoduMenu span:hover {
  text-decoration: underline;
}
/* RANGE EDITOR */

.orgsu-range {
  margin-top: 7px;
  margin-right: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  
  .orgsu-range {
    padding-top: 0px;
    margin-top: 3px;
  }
}
.orgsu-range,
x:-moz-any-link {
  margin-top: 0px;
}
input[type=range].orgsu-range {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  /*border: 1px solid white;*/
  /*required for proper track sizing in FF*/
  width: 200px;
}
input[type=range].orgsu-range::-webkit-slider-runnable-track {
  background: #dddddd;
  border: none;
  border-radius: 3px;
  height: 5px;
  width: 200px;
}
input[type=range].orgsu-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: goldenrod;
  border: none;
  border-radius: 50%;
  height: 16px;
  margin-top: -4px;
  width: 16px;
}
input[type=range].orgsu-range:focus {
  outline: none;
}
input[type=range].orgsu-range:focus::-webkit-slider-runnable-track {
  background: #cccccc;
}
input[type=range].orgsu-range::-moz-range-track {
  background: #dddddd;
  border: none;
  border-radius: 3px;
  height: 5px;
  width: 200px;
}
input[type=range].orgsu-range::-moz-range-thumb {
  background: goldenrod;
  border: none;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
/*hide the outline behind the border*/

input[type=range].orgsu-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
input[type=range].orgsu-range::-ms-track {
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
  height: 5px;
  width: 300px;
}
input[type=range].orgsu-range::-ms-fill-lower {
  background: #777777;
  border-radius: 10px;
}
input[type=range].orgsu-range::-ms-fill-upper {
  background: #dddddd;
  border-radius: 10px;
}
input[type=range].orgsu-range::-ms-thumb {
  background: goldenrod;
  border: none;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
input[type=range].orgsu-range:focus::-ms-fill-lower {
  background: #888888;
}
input[type=range].orgsu-range:focus::-ms-fill-upper {
  background: #cccccc;
}
input[type=range].orgsu-range::-ms-tooltip {
  display: none;
}
/* spinner */

.orgsu-spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #d0cfcf;
  border-right: 1.1em solid #d0cfcf;
  border-bottom: 1.1em solid #d0cfcf;
  border-left: 1.1em solid #706f6f;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: orgsu-spinner-load 8 1.1s infinite linear;
  animation: orgsu-spinner-load 8 1.1s infinite linear;
}
.orgsu-spinner,
.orgsu-spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes orgsu-spinner-load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes orgsu-spinner-load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#upozorneni {
  color: black;
  text-align: center;
  font-size: 16px;
  color: black;
  font-weight: normal;
  padding: 20px 10px 10px 10px;
}
#upozorneni table {
  border-collapse: collapse;
  margin: auto;
  margin-top: 20px;
}
#upozorneni table td,
#upozorneni table th {
  padding: 3px;
  border: 1px solid black;
  text-align: center;
}
.pruhledny {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#upozorneni .ok {
  color: green;
}
#upozorneni .ko {
  color: red;
}
.BitcoinPay {
  background: #2b213f;
  padding: 5px;
}
.imgBoxControl {
  border: 2px solid #02b98e;
  color: #02b98e;
  padding: 5px;
  text-align: center;
  align-items: center;
  white-space: normal;
  cursor: pointer;
  font-size: 16px;
}
.panel-error {
  background-color: salmon;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  padding: 50px;
  margin-top: 80px;
  border-width: 1px;
  border-style: solid;
  font-size: 120%;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: .25rem;
}
.panel-error h1 {
  margin-bottom: 20px;
}
.panel-error p {
  margin-bottom: 10px;
}
.option-label {
  font-weight: bold;
  font-size: 110%;
}
.option-desc {
  margin: 5px 10px 15px 18px;
}
/* TABY */

.tabs-navlist {
  padding: 4px;
}
div.tabs-navlist {
  font-size: 13px;
}
.tabs-navlist div {
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 15px;
  font-size: 15px;
}
.tabs-navlist div a,
.tabs-navlist div span {
  background: #1c401a;
  color: white;
  text-decoration: none;
  padding: 4px 10px;
  margin: -5px, 0px;
  border: 1px solid #9eabb0;
}
.tabs-navlist div.active a {
  background: #f18f01;
  color: white;
}
.tabs-navlist div.active a:hover {
  background-color: #f18f01;
}
.tabs-navlist div a:hover {
  background: #32702f;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
}
.tabs-navlist div.inactive span {
  background-color: #eeeeee;
  color: #9eabb0;
}
.tabs-content {
  background-color: white;
  padding: 5px 20px;
}
/* TABY KONEC */

.tabs-nohdr {
  padding: 0px;
  background: none;
  border-width: 0px;
  margin-bottom: 3px;
  font-size: 12px;
}
.tabs-nohdr .ui-tabs-nav {
  padding-left: 0px;
  background: transparent;
  border-width: 0px 0px 1px 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.tabs-nohdr .ui-tabs-panel {
  background: none;
  border-width: 0px 1px 1px 1px;
}
.tabs-nohdr .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.tabs-nohdr .ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.tabs-nohdr .ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.tabs-nohdr .ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
.float-right {
  float: right !important;
}
.float-left {
  float: left;
}
.group-panel-icon {
  color: white;
}
.group-panel-icon:hover {
  color: gray;
}
.detail-header {
  width: auto;
  font-size: 18px;
  background-color: #5bba6f;
  padding: 5px 10px;
  margin-bottom: 5px;
}
.detail-header-name {
  color: white;
  font-weight: bold;
}
.detail-header-info {
  margin-left: 10px;
  font-style: italic;
  font-size: 15px;
}
.grid-row a {
  color: #1c401a;
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
.entity-editor-group:not(.collapsable) h2 {
  padding-left: 45px;
}
.grid-row.hover {
  background-color: #f18f01;
}
.hover {
  background-color: #f18f01;
}
.grid-table.not-grid tbody:nth-child(odd) {
  background-color: #f0fff6;
}
.grid-table.not-grid tr:hover {
  background-color: #f18f01;
}
table.zebra tr:nth-child(even) {
  background-color: #f0fff6;
}
table.zebra-reverse tr:nth-child(odd) {
  background-color: #f0fff6;
}
.w-50p {
  width: 50% !important;
}
.w-80p {
  width: 80% !important;
}
.button {
  background: #1c401a;
  color: white;
  text-decoration: none;
  padding: 4px 10px;
  border: 1px solid #9eabb0;
}
.button:hover {
  color: lightgray;
}
.flex-columns {
  flex-direction: column;
  box-sizing: border-box;
}
.flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.flex-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 0.2rem;
}
.action-bar {
  display: flex;
  /*background-color: @header-bg-color;*/
  margin-top: 10px;
  padding: 5px;
}
.active {
  background-color: #f18f01 !important;
  color: white !important;
}
/*jQuery UI Dialog*/

ui-dialog-titlebar {
  background-color: #5bba6f;
}
ui-dialog-title {
  background-color: #5bba6f;
}
.ui-widget-overlay {
  background: black !important;
}
/*.fixed-dialog{
    position: fixed;
}

ui-datepicker-div{
    position: fixed;
}*/

tr.filter-req-info {
  display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
  background-color: darkgray;
}
.bg-header {
  background-color: #5bba6f !important;
}
.bg-gray {
  background-color: gray !important;
}
#registraceProvozovny .entity-editor-group h2 {
  background-color: #5bba6f !important;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
/* Responzivita na detailu subjektu a provozovny */

/*@media (max-width: 1270px) {
    .table-responsive > tbody > tr > td {
        display: block !important;
        width: 100% !important;
    }

    td.member-editor-caption {
        display: table-cell !important;
        width: 220px !important;
    }

    td.member-value-editor.readonly-editor {
        display: table-cell !important;
        width: auto !important;
    }

    .responsive-div {
        display: block !important;
        width: 100% !important;
    }
}*/

/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
    border: none;
}*/