#page-load-indicator{
    width: 0;
    height: 3px;
    position: fixed;
    transition: width 0.5s ease 0s;
    -moz-transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
    -ms-transition: width 0.5s ease 0s;
    z-index: 2000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #33CCFF;
    opacity: 0.75;
}

#page-load-indicator.initialization{
    transition: width 1ms linear 0s;
    -moz-transition: width 1ms linear 0s;
    -webkit-transition: width 1ms linear 0s;
    -ms-transition: width 1ms linear 0s;
    /* transition: opacity 0.2s ease 0s; */
    /* opacity: 0; */
}

.hx_loading{
    position: relative;
}

.hx_loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: whitesmoke;
    opacity: 0;
    animation: fadein 0.2s ease forwards;
}

.hx_loading:after {
    background-color: #ffffff;
}

.dark .hx_loading:after {
    background-color: #272b30;
}

@keyframes fadein{
  to{
    opacity: 0.8;
  }
}

/* Tree base */

.hx_tree_attr{
  line-height: 1.0;
}  

.hx_tree_attr .list-group-item{
  display: flex;
  flex-direction: row; 
}

.hx_tree_attr .list-group-item a i{
  width: 100px;
}

/* Inherited */
.hx_tree_icon.inherited{
  color: hsla(330, 2%, 43%, 0.5);
}

/* .hx_tree_line.inherited > span{ */
.hx_tree_line.inherited > span{
  color: hsla(330, 2%, 43%, 0.5);
}

.hx_tree_line.inherited_container > span{
  color: hsla(330, 2%, 43%, 0.5);
}

/* Deprecated */
.deprecated.hx_tree_line > span:after{
	content:"";
	display:block;
/* 	position:absolute; */
	left: 0px;
	right:0;
	bottom: 0px;
	height: 3px;
	background-color: rgba(255,0,0,0.5);
}

/* List row */
ol.hx_tree, ul.hx_tree{
  margin-bottom: 0;
}

ol.hx_tree li, ul.hx_tree li{
  padding-top: 0;
  padding-bottom: 0;
}

/* Tree buttons */
.hx_tree_button{
  display: none;
}

.hx_tree_button.selected{
  display: inline;
}  

li:hover > .hx_tree_button{
  display: inline;
}

li.active > .hx_tree_button{
  display: inline;
}  

li.list-group-item.form > .hx_tree_button{
  display: inline;
}


/* Show the dropdown menu on hover */
.nav-item.dropdown:hover > .dropdown-menu{
  display: block;
}

/* Pridanie * pre required atributy */
label.required:after{
  content:"*";
  color:red;
}

/* Fix labelov na sekcii, table atd. */
a{
  color: inherit;
}

small > a{
  color: #007bff;
}

a:hover{
  text-decoration: inherit;
  color: inherit;
}

small > a:hover{
  color: #0056b3;
}

/* Vertical scrollbar */
body{
  overflow-y:scroll;
}

/* Odstranenie menu dropdown space (aby nebola medzera medzi menu item a dropdown) */
.nav-item.dropdown ul.dropdown-menu{
  margin-top: 0;
}

/* btn-record odsadenie */
.btn-record {
  order: 999;
}


.form-check{
  padding-top: 0.25rem;
}

tr.selectable{
  cursor: pointer;
}

.hx_table_header.selected > a:first-child{
  text-decoration: underline;  
}

.hx_table_sort_direction{
  vertical-align: text-bottom;
}


/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}

.datetimepicker .form-control {
  padding-right: 35px;
}

.datetimepicker .datepicker-icon {
  padding: 0 5px;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
}

.datetimepicker .datepicker-icon span {
  width: 25px;
  height: 25px;
  display: block;
  margin: auto;
}

.bootstrap-datetimepicker-widget {
  top: 40px !important;
  padding: 5px;
  z-index: 999;
  font-size: .85rem;
  border-radius: 5px;
  width: 460px !important;
  border: 1px solid #212529;
  background-color: #fff;
}

.date .bootstrap-datetimepicker-widget,
.time .bootstrap-datetimepicker-widget { 
  width: 230px !important; 
  background-color: #FFF !important;
}

.bootstrap-datetimepicker-widget {
  background-color: #FFF !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, 
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  top: -20px;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  top: -22px;
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #212529;
	border-width: 11px;
	margin-left: -11px;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td.day {
  height: 25px;
	line-height: 25px;
	width: 25px;
}

.bootstrap-datetimepicker-widget table td.today:before {
  right: 2px;
  bottom: 2px;
  border-bottom-color: #212529;
}

.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span.active:hover {
  background-color: #212529;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background-color: #eee;
}

/*
.bootstrap-datetimepicker-widget .timepicker .btn-primary,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle{
  background-color: #212529;
}
*/

/* zt: Myslim si, ze to chcelo byt takto */
.bootstrap-datetimepicker-widget .timepicker .btn-primary,
.bootstrap-datetimepicker-widget .btn-primary:not(:disabled):not(.disabled):active, 
.bootstrap-datetimepicker-widget .btn-primary:not(:disabled):not(.disabled).active, 
.bootstrap-datetimepicker-widget .show > .btn-primary.dropdown-toggle{
  background-color: #212529;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker,
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
  height: 100%;
}

/* Toolbar */
.bootstrap-datetimepicker-widget li.picker-switch {
  margin-top: 10px;
}

.bootstrap-datetimepicker-widget li.picker-switch .btn {
  width: 100%;
  color: #fff;
  display: block;
  cursor: pointer;
  background-color: #212529;
}

/* Picker v table  */
.datepicker thead {
  background-color: #FFF;
}

.datepicker tbody {
  background-color: #FFF;
}

/* Minimal width for date picker */
.datetimepicker.date{
  min-width: 120px;
}