/* fix for slickgrid */
.ui-dialog-title *,.ui-dialog-title *::before, .ui-dialog-title *::after,
.slick-viewport *,.slick-viewport *::before, .slick-viewport *::after,
.slick-header *,.slick-header *::before, .slick-header *::after {
	box-sizing: initial;
}
/* slick grid */
.slick-row.even {
	background: none repeat scroll 0 0 #E3F0F8;
}

.slick-row div.selected {
	background: none repeat-x scroll 50% bottom #FEFFCC;
}

.slick-row.active div {
	background: none repeat-x scroll 50% bottom #FFEF8F;
}

.slick-cell.right {
	text-align: right;
}

.slick-cell.center {
	text-align: center;
}

/* font size override */
body {
	font-size: .72rem;
}

.form-group label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form-control-sm {
	font-size: .72rem;
}

.input-group.splitvalue .clockpicker .form-control {
	width:65px;
	border-top-left-radius: 0; 
	border-bottom-left-radius: 0;
}

/* override default line height */
.form-check {
	font-size: .75rem;
}

.form-control, .form-select {
	font-size: .875rem;
}

.form-control.sm, .form-select.sm {
	line-height: 1;
	font-size: .72rem;
}

.input-group-text {
	font-size: .875rem;
}

.input-group-text.text-field, .input-group-text.field {
    /* fill width */
    flex: 1 1 auto;
    background-color: #fff;
}

.input-group-text.sm {
	line-height: 1;
	font-size: .72rem;
}

.sb-android .navbar {
	position: absolute;
}

#header .description {
	display:none;
}



.ui-button {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em !important;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.ui-button:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}
.ui-button:focus, .ui-button:hover {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333333;
    text-decoration: none;
}
ui-button.disabled, ui-button[disabled], fieldset[disabled] ui-button, ui-button.disabled:hover, ui-button[disabled]:hover, fieldset[disabled] ui-button:hover, ui-button.disabled:focus, ui-button[disabled]:focus, fieldset[disabled] ui-button:focus, ui-button.disabled:active, ui-button[disabled]:active, fieldset[disabled] ui-button:active, ui-button.disabled.active, ui-button.active[disabled], fieldset[disabled] ui-button.ui-state-active {
    background-color: #ffffff;
    border-color: #cccccc;
}


.ui-button,.ui-button.ui-state-default,.ui-slider .ui-slider-handle {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

.ui-button.ui-state-active,.ui-slider .ui-slider-handle.ui-state-active
	{
	background-image: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05);
}

.ui-button,.ui-button-primary,.ui-button-success,.ui-button-info,.ui-button-warning,.ui-button-danger
{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px
		rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px
		rgba(0, 0, 0, 0.075);
}

.ui-button-default:active,.ui-button-primary:active,.ui-button-success:active,.ui-button-info:active,.ui-button-warning:active,.ui-button-danger:active,.ui-button-default.ui-state-active,.ui-button-primary.ui-state-active,.ui-button-success.ui-state-active,.ui-button-info.ui-state-active,.ui-button-warning.ui-state-active,.ui-button-danger.ui-state-active
	{
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ui-button:active,.ui-button.ui-state-active, .ui-button:hover,.ui-button.ui-state-hover {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

/**
 * limit the max height of a pane within a dialog
 */
.ui-dialog .tab-pane {
	max-height:calc(100vh - 250px);
	overflow:auto;
}

.ui-dialog.resp-fullscreen .tab-pane {
	max-height:calc(100vh - 150px);
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    background-color: #428bca;
    border-color: #357ebd;
    color: #ffffff;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover {
    background-color: #3276b1;
    border-color: #285e8e;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button:not(:first-child) {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    transition: all 0.1s linear 0s;
}
.ui-dialog-buttonset .ui-button.ui-state-hover:not(:first-child) {
    background-color: #ebebeb;
    border-color: #adadad;
    color: #333333;
    text-decoration: none;
}
.ui-dialog-buttonset .ui-button.ui-button-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-info.ui-state-hover {
    background-color: #39b3d7;
    border-color: #269abc;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-success.ui-state-hover {
    background-color: #47a447;
    border-color: #398439;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-warning.ui-state-hover {
    background-color: #ed9c28;
    border-color: #d58512;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-danger.ui-state-hover {
    background-color: #d2322d;
    border-color: #ac2925;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-inverse {
    background-color: #222222;
    border-color: #080808;
    color: #ffffff;
}
.ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover {
    background-color: #363636;
    border-color: #000000;
    color: #ffffff;
}

.ui-button-warning {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e),
		to(#ec971f));
	background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
	background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
	background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
	background-repeat: repeat-x;
	border-color: #eb9316;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',
		endColorstr='#ffec971f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-danger {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f),
		to(#c9302c));
	background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
	background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
	background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
	background-repeat: repeat-x;
	border-color: #c12e2a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',
		endColorstr='#ffc9302c', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-success {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c),
		to(#449d44));
	background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
	background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
	background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
	background-repeat: repeat-x;
	border-color: #419641;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',
		endColorstr='#ff449d44', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button-success:active,.ui-button-success.ui-state-active {
	background-color: #449d44;
	border-color: #419641;
}

.ui-button-info {
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de),
		to(#31b0d5));
	background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
	background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
	background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
	background-repeat: repeat-x;
	border-color: #2aabd2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',
		endColorstr='#ff31b0d5', GradientType=0);
}

.ui-button-info:active,.ui-button-info.ui-state-active {
	background-color: #31b0d5;
	border-color: #2aabd2;
}

.ui-button-error {
	background-image: -webkit-linear-gradient(linear, left 0%, left 100%, from(#ee5f5b),
		to(#c43c35)); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top, #ee5f5b, 0%, #c43c35, 100%);
	/* Firefox 3.6 */
	background-image: -o-linear-gradient(top, #ee5f5b, 0%, #c43c35 100%);
	/* Opera 11.10+ */
	background-image: linear-gradient(top, #ee5f5b, 0%, #c43c35 100%);
	/* CSS3 Compliant */
	background-repeat: repeat-x;
	border-color: #c43c35;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
		endColorstr='#c43c35', GradientType=0); /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.ui-button:hover,.ui-button.ui-state-hover {
/*  background-color: #04c; */
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}


.ui-dialog-content .btn {
	padding: 0.375rem 0.6rem 0.2rem !important;
}

/** adjust font-awesome icons in buttons */
.btn i {
	margin-bottom: 5px;
}

input,textarea,select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input,textarea,select {
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Safari 4 */
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /* Firefox 3.6 */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input:focus,textarea:focus,select:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
		rgba(82, 168, 236, 0.6); /* Safari 4 */
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
		rgba(82, 168, 236, 0.6); /* Firefox 3.6 */
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px
		rgba(82, 168, 236, 0.6);
}

input[type=file]:focus,input[type=checkbox]:focus,select:focus {
	-webkit-box-shadow: none; /* Safari 4 */
	-moz-box-shadow: none; /* Firefox 3.6 */
	box-shadow: none;
	outline: 1px dotted #666;
}


.ui-button[disabled],.ui-button.ui-state-disabled {
	background-image: none;
	opacity: 0.65;
	filter: Alpha(Opacity = 65);
}



/* Dialog (white back)
----------------------------------*/


.ui-dialog div.ui-dialog-content,.ui-dialog.ui-widget-content {
	background: #fefefe;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: -5px;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #f5f5f5 none repeat scroll 0 0;
    border-color: #ddd;
    box-shadow: 0 1px 0 #ffffff inset;
    text-align: right;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
    border-width: 1px 0 0;
    box-shadow: 0 1px 0 #ffffff inset;
    margin: 0.5em 0 0;
    padding: 5px 15px;
}

.ui-dialog {
	padding: 0;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.ui-dialog .ui-dialog-titlebar {
	padding: 9px 15px;
	border-width: 0 0 1px;	/* get rid of the default coloring */
	border-color: #ddd;
	font-size: 18px;
	background: transparent;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    color: #555;
}

.ui-dialog .has-icon {
    margin-left: 30px;
}

.resp-fullscreen .has-icon {
	margin-left: 60px;
}


.ui-dialog .bg-icon {
    display: block;
    height: 60px;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    width: 30px;
	color: white;
    /* border-top-left-radius: 0.3rem; */
}

.resp-fullscreen .bg-icon {
	border-top-left-radius: 0 !important;
	color: white;
	width: 60px;
}

.resp-fullscreen .xtra .bg-icon {
	width: 50px;
}

.resp-right-btn i {
	padding: 4px;
	cursor: pointer;
}
.resp-fullscreen .ui-dialog-title.has-icon.xtra {
	margin-left: 50px;
}

.ui-dialog .ui-dialog-titlebar-close {
	right: 15px;
	border: none;
	color: #555;
	background: none;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	line-height: 1;
	font-size: 1rem;
	margin-top: -10px;
	font-family: "Font Awesome 7 Pro";
}

.ui-dialog .ui-dialog-titlebar-close:after {
	content: "\f00d";
}

.ui-dialog a.ui-dialog-titlebar-close.ui-state-hover {
	border: none;
	background: transparent;
}

.ui-dialog a.ui-dialog-titlebar-close:hover,.ui-dialog a.ui-dialog-titlebar-close:focus
	{
	padding: 1px;
	color: #454545;
}




/* Menu
----------------------------------*/
.ui-menu .ui-menu-item a {
	display:block;
	padding: 2px .2em;
	text-decoration: none;
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active
	{
	margin: 0;
}

.ui-menu .ui-menu-item a.ui-state-active {
	border: 0;
}

/* Tooltip
----------------------------------*/
.ui-tooltip {
	border: 0;
	background: transparent;
	opacity: 0.8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-tooltip .ui-tooltip-content {
	padding: 3px 8px;
	background: #000;
	color: #fff;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
	z-index: 3 !important;
}

/* Bonus
----------------------------------*/
.ui-icon.ui-icon-inline {
	display: inline-block;
}

.ui-progressbar-striped .ui-progressbar-value {
	background-color: #0079CC;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255,
		255, 0.15)), color-stop(0.25, transparent),
		color-stop(0.5, transparent),
		color-stop(0.5, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, rgba(255, 255, 255, 0.15)),
		color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 4em 4em;
	-moz-background-size: 4em 4em;
	-o-background-size: 4em 4em;
	background-size: 4em 4em;
}

/* Progressbar animations
-------------------------- */
/* Webkit */
@-webkit-keyframes progressbar-stripes {
	from { background-position:4em 0; }
	to { background-position: 0 0; }
}

/* Firefox */
@-moz-keyframes progressbar-stripes {
	from { background-position: 4em 0;}
	to { background-position: 0 0;}
}

/* Opera */
@-o-keyframes progressbar-stripes {
	from { background-position: 0 0; }
	to { background-position: 4em 0; }
}

/* Spec */
@keyframes progressbar-stripes {
	from { background-position:4em 0; }
 	to { background-position: 0 0; }
}
.ui-progressbar-striped.ui-progressbar-animated .ui-progressbar-value {
	-webkit-animation: progressbar-stripes 1.5s linear infinite;
	-moz-animation: progressbar-stripes 1.5s linear infinite;
	-ms-animation: progressbar-stripes 1.5s linear infinite;
	-o-animation: progressbar-stripes 1.5s linear infinite;
	animation: progressbar-stripes 1.5s linear infinite;
}


/* alert overrides */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.nav-tabs a {
    color: #000;
}

/**
 * status overlay icon
 */
.fa-stack .corner {
	margin-left: 1.2em;
	margin-top: 1em;
}
/**
 * datepicker fix - rquired for dialog with tabs
 */
#ui-datepicker-div {
	/* was 104 -> now changed to 1999 for filter */ 
	/* -> now changed to 5200 for modal */
	z-index: 5200 !important;
}

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


/**
 * autocomplete/autoselect 
 */
 
input.autocomplete {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	display: block;
	color: var(--bs-body-color);
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ui-menu.ui-autocomplete {
	border-radius: 0 0 0.2rem 0.2rem;
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
	z-index: 2500!important;
}

/******************** Offcanvas - Dialog replacement *********************/
.offcanvas:not(#filter.offcanvas) {
	z-index: 1500 !important;
}
.offcanvas:not(#filter.offcanvas).zhigher {
	z-index: 1501 !important;
}

.dlg-icon {
  position: absolute;
  left: 0;
  height: 55px;
  width: 40px;
}
#offcanvasLabel,
.modal-title {
	padding-left: 37px;
}
.offcanvas-header,
.modal-header {
	border-bottom: 1px solid lightgrey;
	padding: 0.75rem 0.75rem;
}
.offcanvas-header .dlg-icon,
.modal-header .dlg-icon {
	color: #fff;
	font-size: 1rem;
}
.offcanvas-header .dlg-icon i,
.modal-header .dlg-icon i {
	padding: 18px 0 0 10px;
}
.offcanvas-body {
	flex-grow: 0!important;
}
.buttonpane {
	min-height: 60px;
	border-top: 1px solid #ddd;
	background-color: #f5f5f5;
}
.offcanvas {
	resize: horizontal;
	overflow: auto;   
}
.offcanvas.offcanvas-start {
	z-index: 100;
}
/* CSS hack to fix direction of resize corner */
.offcanvas.offcanvas-end {
	direction: rtl;
	z-index: 1;
}
.offcanvas.offcanvas-end .offcanvas-header,
.offcanvas.offcanvas-end .offcanvas-body,
.offcanvas.offcanvas-end .buttonpane {
	direction: ltr;
}

.offcanvas > * {
	direction: ltr;
}

/* Adapted styles from bootstrap-overlay.css */
.ui-dialog-titlebar-close {
	right: 15px;
	border: none;
	color: #555;
	background: none;
	cursor: pointer;
	text-shadow: 0 1px 0 #fff;
	line-height: 1;
	font-size: 1rem;
	margin-top: -10px;
	font-family: "Font Awesome 7 Pro";
}
.ui-dialog-titlebar-close:after {
	content: "\f00d";
}
.ui-dialog a.ui-dialog-titlebar-close.ui-state-hover {
	border: none;
	background: transparent;
}
.ui-dialog a.ui-dialog-titlebar-close:focus
	{
	padding: 1px;
	color: #454545;
}

/* Fix z-index for filter (uses offcanvas too)*/
#filter.offcanvas {
	z-index: 1200;
}
.modal {
	z-index: 2200!important;
}
/**
 * over modal
 */
.clockpicker-popover {
	z-index: 2201!important;
}

/* Add this class from prev bootstrap version */
.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}
.modal-footer > * {
  margin: .25rem;
}
.modal-backdrop {
	z-index: 2000!important;
}

/** Card colors for dashboard **/
.card-bg-danger {
    background-color: #f8d7da;
    transition: background-color 0.3s;
}

.card-bg-danger:hover {
    background-color: #dfc2c4;
}

.card-bg-info {
    background-color: #cff4fc;
    transition: background-color 0.3s;
}

.card-bg-info:hover {
    background-color: #bfe2e9;
}

.card-bg-warning {
    background-color: #fff3cd;
    transition: background-color 0.3s;
}

.card-bg-warning:hover {
    background-color: #ece1be;
}

.card-bg-primary {
    background-color: #cfe2ff;
    transition: background-color 0.3s;
}

.card-bg-primary:hover {
    background-color: #bfd1ec;
}

#dashInfo .list-group-item {
	border-radius: 0;
	border-top: 1px solid #ced4da;
}

#dashInfo .list-group-item:last-child {
	border-bottom: 1px solid #ced4da;
}

#dashInfo .list-group-item:first-child {
	border-top: none;
}

#dashInfo #list-group-header {
	border-bottom: 1px solid #ced4da;
	padding-bottom: 1%;
}

.cardIcon {
	margin: 0 3% 0 -3%;
}