#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;
  }
}

/* Empty */

/* 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;
}


.datetimepicker  > .datepicker-icon{
  display: flex;
}.blue .bootstrap-datetimepicker-widget {
  border: 1px solid #003399;
  background-color: #fff;
}

.blue .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #003399;
}

.blue .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #0044B2;
}

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

.blue .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #0099FF;*/
}

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

/* Toolbar */
.blue .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #0044B2;
}.lightBlue .bootstrap-datetimepicker-widget {
  border: 1px solid #269FBF;
  background-color: #fff;
}

.lightBlue .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #269FBF;
}

.lightBlue .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #2189a5;
}

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

.lightBlue .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #33CCFF;*/
}

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

/* Toolbar */
.lightBlue .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #2189a5;
}.green .bootstrap-datetimepicker-widget {
  border: 1px solid #2f8c51;
  background-color: #fff;
}

.green .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #2f8c51;
}

.green .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #21663c;
}

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

.green .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #39b563;*/
}

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

/* Toolbar */
.green .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #21663c;
}.lightGreen .bootstrap-datetimepicker-widget {
  border: 1px solid #00b200;
  background-color: #fff;
}

.lightGreen .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #00b200;
}

.lightGreen .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #009900;
}

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

.lightGreen .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #00e500;*/
}

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

/* Toolbar */
.lightGreen .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #009900;
}.yellow .bootstrap-datetimepicker-widget {
  border: 1px solid #ccaa00;
  background-color: #fff;
}

.yellow .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #ccaa00;
}

.yellow .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #a58d00;
}

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

.yellow .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #f9e100;*/
}

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

/* Toolbar */
.yellow .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #a58d00;
}.purple .bootstrap-datetimepicker-widget {
  border: 1px solid #FF66FF;
  background-color: #fff;
}

.purple .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #FF66FF;
}

.purple .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #990099;
}

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

.purple .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #FF99FF;*/
}

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

/* Toolbar */
.purple .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #990099;
}.grey .bootstrap-datetimepicker-widget {
  border: 1px solid #999999;
  background-color: #fff;
}

.grey .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #999999;
}

.grey .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #676767;
}

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

.grey .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #CCCCCC;*/
}

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

/* Toolbar */
.grey .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #676767;
}.orange .bootstrap-datetimepicker-widget {
  border: 1px solid #d88500;
  background-color: #fff;
}

.orange .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #d88500;
}

.orange .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #a56600;
}

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

.orange .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #ffbc00;*/
}

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

/* Toolbar */
.orange .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #a56600;
}.red .bootstrap-datetimepicker-widget {
  border: 1px solid #CC0000;
  background-color: #fff;
}

.red .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
	border-color: rgba(58, 181, 99, 0);
	border-bottom-color: #CC0000;
}

.red .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #990000;
}

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

.red .bootstrap-datetimepicker-widget table td span:hover {
  /*background-color: #FF0000;*/
}

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

/* Toolbar */
.red .bootstrap-datetimepicker-widget li.picker-switch .btn {
  color: #fff;
  background-color: #990000;
}

/* This text is in Open Sans */

body {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 0.85rem;
}
/*
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    text-align: left;
*/

/*! Ace-diff | github.com/ace-diff/ace-diff */
.acediff__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:absolute;bottom:0;top:0;left:0;height:100%;width:100%;overflow:auto}.acediff__gutter{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;border-left:1px solid #bcbcbc;border-right:1px solid #bcbcbc;overflow:hidden}.acediff__gutter,.acediff__gutter svg{background-color:#efefef}.acediff__left,.acediff__right{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.acediff__diffLine{background-color:#d8f2ff;border-top:1px solid #a2d7f2;border-bottom:1px solid #a2d7f2;position:absolute;z-index:4}.acediff__diffLine.targetOnly{height:0!important;border-top:1px solid #a2d7f2;border-bottom:0;position:absolute}.acediff__connector{fill:#d8f2ff;stroke:#a2d7f2}.acediff__copy--left,.acediff__copy--right{position:relative}.acediff__copy--left div,.acediff__copy--right div{color:#000;text-shadow:1px 1px hsla(0,0%,100%,.7);position:absolute;margin:2px 3px;cursor:pointer}.acediff__copy--right div:hover{color:#004ea0}.acediff__copy--left{float:right}.acediff__copy--left div{right:0}.acediff__copy--left div:hover{color:#c98100}

#flex-container {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 0px !important;
    left: 0px;

    /* these 3 lines are to prevents an unsightly scrolling bounce affect on Safari */
    height: 100%;
    width: 100%;
    overflow: auto;
}
#flex-container>div {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    position: relative;
}
#flex-container>div#acediff-gutter {
    flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #efefef;
    overflow: hidden;
}
#acediff-gutter svg {
    background-color: #efefef;
}
.acediff-class {
    position: absolute !important;
    top: 0;
    bottom: 0;
    width: 100%;
}
.acediff-diff {
    background-color: #d8f2ff;
    border-top: 1px solid #a2d7f2;
    border-bottom: 1px solid #a2d7f2;
    position: absolute;
    z-index: 4;
}
.acediff-diff.targetOnly {
    height: 0px !important;
    border-top: 1px solid #a2d7f2;
    border-bottom: 0px;
    position: absolute;
}
.acediff-connector {
    fill: #d8f2ff;
    stroke: #a2d7f2;
}

.acediff-copy-left {
    float: right;
}
.acediff-copy-right,
.acediff-copy-left {
    position: relative;
}
.acediff-copy-right div {
    color: #000000;
    text-shadow: 1px 1px #ffffff;
    position: absolute;
    margin: 2px 3px;
    cursor: pointer;
}
.acediff-copy-right div:hover {
    color: #004ea0;
}
.acediff-copy-left div {
    color: #000000;
    text-shadow: 1px 1px #ffffff;
    position: absolute;
    right: 0px;
    margin: 2px 3px;
    cursor: pointer;
}
.acediff-copy-left div:hover {
    color: #c98100;
}